-
HTML5 기본 태그Programming/HTML5 2015. 1. 12. 23:35
요약
HTML5 주요 기본 태그 정리
글자 태그 <h1>~<h6>제목 글자 생성 <p>,<br>,<hr>본문 생성 <a>하이퍼링크 생성 목록 태그 <ul>글머리 기호 목록 생성 <ol>순서 번호 목록 생성 각 목록 태그 내부에서 <li>태그를 사용하여 목록 요소를 표현테이블 태그 <table>,<thead>,<tbody>,<tfoot>,<tr>,<th>,<td>표 생성 이미지 태그 <img>이미지 삽입 공간 분할 태그
- 레이아웃을 구성할 때 사용
- HTML5는 시맨틱 웹을 구현하고자 시맨틱 태그를 추가함
- 시맨틱 웹: 컴퓨터 프로그램이 읽고 의미를 인식할 수 있는 지능형 웹
- 웹 페이지에서 시각적으로 보이는 요소는 모두 블록 형식, 인라인 형식, 인라인-블록 형식 중 하나임
의미 없는 글자와 이미지 생성- 의미 없는 글자 생성
- 의미 없는 이미지 생성: http://placehold.it http://placekitten.com
연습문제
다음 중 HTML5 표준에 추가된 시맨틱 태그가 아닌 것은 무엇인가?
① head 태그 ② nav 태그 ③ aside 태그 ④ footer 태그
다음 중 인라인 형식의 태그는 무엇인가?
① div 태그 ② a 태그 ③ ul 태그 ④ li 태그
클릭하면 한빛미디어의 홈페이지(http://hanb.co.kr)로 이동하는 a 태그를 작성하시오.
한빛미디어 홈페이지
다음과 같이 폴더를 구성한 후, 클릭하면 한빛미디어의 홈페이지로 이동하도록 이미지가 포함된 a 태그를 작성하시오.
<a href="http://hanb.co.kr"><img src="../hanb_logo.gif"></a>
다음 페이지를 생성하시오.
다음 목록을 생성하시오.
다음 표를 생성하시오.
'Programming > HTML5' 카테고리의 다른 글
스타일시트 선언에서스타일시트 선언에서 media="screen" 와 media="print"의 차이점 (1) 2015.04.17 HTML5 멀티미디어 태그와 입력 양식 태그 (0) 2015.01.13 HTML5 기본 구조와 작성법 (0) 2015.01.11 HTML 웹 개요와 실습 환경 구축 (0) 2015.01.11
