본문 바로가기

728x90
반응형

Programming/front-end

(2)
html/css/js로 덕질하기(2편) 지난 회 다시보기 html/css/js로 덕질하기(1편) HTML / CSS / JS로 내가 좋아하는 애니나 영화의 덕질을 해보자. 목차 더보기 index.html 만들기 title 태그 작성하기 h1~6 태그로 제목 작성 a 태그로 index.html 연결하기 style 속성으로 제목 컬러 변경 img 태 mld42.tistory.com 저번 시간에는 리스트를 이용해서 심슨 가족의 구성원들을 작성하였다. 이번에는 작성 된 리스트에 a태그를 추가하여 각 가족 구성원들의 페이지를 만들어보겠다. 목차 호머 심슨 페이지 만들어서 채우기 CSS의 hover를 이용해 호머의 분노 게이지 효과 넣기 1. 각자의 페이지 만들기. 우선 그렇게 하기 위해서는 각자의 페이지를 담당하는 html 파일을 생성해줘야 한다. 2..
html/css/js로 덕질하기(1편) HTML / CSS / JS로 내가 좋아하는 애니나 영화의 덕질을 해보자. 목차 더보기 index.html 만들기 title 태그 작성하기 h1~6 태그로 제목 작성 a 태그로 index.html 연결하기 style 속성으로 제목 컬러 변경 img 태그로 이미지 넣기 p 태그로 본문 작성 ul 태그로 리스트 만들기 다음 편으로 이 상태에서 일일이 태그 쓰고 태그 쓰고 이러지 말고 그냥 !(느낌표) 눌러주고 tab 버튼 눌러라 title 태그는 우리가 브라우저를 쓸 때 탭에 표시되는 이름을 표현할 때 쓴다. The Simpson 자 title 태그도 채웠고 이제는 제목을 나타내 보자. 보통 제목은 ~ 태그로 나타낸다. (숫자가 커질수록 글의 크기가 더 작아진다. h1 > h4 > h6) 나는 큼지막한게 좋..

728x90
반응형