[HTML] table 테이블 태그

예시 1 Header 1 Header 2 Data 1 Data 1 Data 2 Data 2 예시 2 Caption Table Header Table Header Table Header Table Data Table Data Table Data Table Data Table Data Table Data Table Data Table Data Table Data Table Data Table Data Table Data 예시 3 Table Data Table Data Table Data Table Data Table Data Table Data Table Data 테이블 태그 과거에는 테이블 태그를 사용해 레이아웃도 구성했지만 현대 웹 페이지는 대부분 DIV 태그를 사용해 레이아웃을 구성하므로 사용빈도가 굉..

[HTML] 정의 목록 태그 dl, dt, dd

HTML5 Multimedia Tag Connectivity Device Access Milk Animation 3D Transform 정의 목록 태그 특정 용어와 그 정의를 표현할 때 사용하는 태그 definition list 정의 목록 태그 definition term 정의 용어 태그 definition description 정의 설명 태그

[HTML] 목록 태그 ul, ol, li

예시 1 ol tag Facebook Tweeter Linked In ul tag Facebook Tweeter Linked In 예시 2 HTML5 Multimedia Tag Connectivity Device Access CSS3 Animation 3D Transform 목록 태그 일반적으로 페이지를 이동할 때 사용되는 메뉴를 네비게이션 메뉴라고 부른다. ordered list 순서가 있는 목록 태그 unordered list 순서가 없는 목록 태그 목록 요소

[HTML] ruby 루비문자

大韓民國 ( 대한민국 ) 루비 문자 일본어에서 자주 사용되는 글자 형식으로 한자 위에 표시되는 글자를 의미한다. 일본에서 자주 사용하지만 한국어도 한자어가 많으므로 사용할 수 있는 태그이다. 루비 문자 선언 태그 위에 위치하는 작은 문자 태그 ruby 태그를 지원할 경우 출력되지 않도록 하는 태그

[HTML] 글자 형태 태그

Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet 글자 형태 태그 굵은 글자 태그 기울..

[HTML] 빈 링크 a, id 속성

Move to Alpha Move to Beta Move to Gamma Alpha Lorem ipsum dolor sit amet, consectetur adipiscing elit. Beta Duis nec risus a ante pellentesque rhoncus at et leo. Gamma Nullam porta, felis sit amet porttitor vestibulum. 빈 링크 태그는 본래 가지고 있는 하이퍼링크 기능을 제거하고 사용하는 경우도 있다. 하지만 기능을 제거해도 웹 표준을 따르려면 a 태그에 href 속성을 반드시 입력해줘야 한다. 웹 표준을 지키면서 이동하지 않는 a 태그를 만들 때에는 href 속성에 #을 입력한다. id 속성 태그를 이용하면 현재 페이지 내부에서 원..