본문 바로가기

HTML5

02/26 HTML 블록 태그와 인라인 태그 은 표 은 계층, 줄 칼럼, 칸 컨텐츠 블럭(Block): 방 는 현재 문서의 main과 부합되지 않는(연관되지 않는) 컨텐츠를 가지고 있는 영역 는 로 제목을 짓지 않아도 되는 이도저도 아닌 것에 사용해주자. 블록 태그의 기본 스타일의 이해 모든 블럭태그들은 적재된 형식으로 다음 컨텐츠를 내려쓸 수 밖에 없다. 컨텐츠마다 높이와 너비를 설정할 수 있다. (블럭태그만 가능) 인라인 태그 인라인 태그 : 컨텐츠를 설명하는 것에만 포커스를 맞추고 있다. 컨텐츠의 너비, 높이를 설정할 수 없다. 자신의 영역을 갖지 않고, 콘텐츠 크기가 자신의 크기 블록 태그 안에서 inline태그를 사용. 대표적인 인라인 태그들 : span, a, b, u, font, strong, ... (css로 커버할 수 있는 꾸미는 .. 2021. 2. 26.
02/25 HTML 시멘틱 태그, 섹션 태그 영역을 위한 시멘틱 태그 div는 범용적인 (묶는) 태그 but id 이름이 각자 다름 시멘틱 태그 : 의미를 주는 태그 (header / footer / main) 표준화 되어 확실하게 컨텐츠를 구분할 수 있게 함 이름이 제각각 다르더라도 컨텐츠 구분해줄 수 있도록 태그를 새로 만듬. 하지만 id는 그대로 써주는 게 좋다. ex) HTML5의 섹션 태그 섹션태그 : 콘텐츠의 아웃라인을 쉽게 만들어주는 태그 ( section ) ( article / aside / nav ) : 시멘틱한 섹션태그 (의미를 담은 섹션태그) : 태그만으로도 아웃라인 잡을 수 있지만 더 쉽게 알아볼 수 있게 하기 위해서 의미를 부여한(시멘틱한) 섹션태그 사용 목록에서 하이퍼링크(리스트)를 가지고 있는 메뉴들의 section은 사용 2021. 2. 25.
02/24 HTML 컨텐츠 영역구성, div 제목과 콘텐츠를 하나의 블럭으로 만들어야 한다. ->div를 활용 : 나중에 이 블럭이름 검색으로 위치 이동 가능 ul>li*3 가장 위는 index index를 포함한 상위페이지는 main이 없다. main이란, 홈페이지 주소에 의미를 갖고 있는 것(?) 내가 생각하는 것이 메인이 될 수 있다.. 2021. 2. 24.
02/23 HTML 컨텐츠 블록, 목록 태그 하이퍼링크 주소에서 폴더 변경 시 / : 루트 root ./ : 현재 위치 ../ : 상위 폴더 콘텐츠 블록의 종류 의 outline 제목 있어야 함 * 제목태그 태그는 1~6 목록 태그 2021. 2. 24.