HTML 1st : 문서타입, 기본구조, 머리글과 목록

부가기능설치

  • Firebug
  • Html Validator
  • Web Developer

문서타입과 언어표시

HTML 4.01 표준에서의 언어 표시(한국어)

				<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
				<html lang="ko">
			
				<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
				<html lang="ko">

XHTML 1.0 표준에서의 언어 표시(한국어)

				<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
				<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">

[참고]공식 언어 코드(ISO 630) 목록

바로가기

HTML 기본구조

				<html>
				<head>
				<title> New Document </title>
				</head>

				<body>

				</body>
				</html>

머리글(H1~ H6)

제목1

제목2

제목3

제목4

제목5
제목6 
				<h1> 제목1 </h1>
				<h2> 제목2 </h2>
				<h3> 제목3 </h3>
				<h4> 제목4 </h4>
				<h5> 제목5 </h5>
				<h6> 제목6 </h6>

목록(UL, OL, DL)

ol : ordered list

  • 블록레벨요소이지만 li(list item)이외의 요소를 포함할 수 없다.
  • 번호가 부여된다.
  • li는 블록 레벨 요소를 포함할 수 있으며, ul요소와 ol요소를 중첩하여 사용할 수 있다.
  1. 순서가 있는 리스트
  2. 순서가 있는 리스트
  3. 순서가 있는 리스트 
				<ol>
					<li>순서가 있는 리스트 </li>
					<li>순서가 있는 리스트 </li>
					<li>순서가 있는 리스트 </li>
				</ol>

ul : unordered list

  • 블록레벨요소이지만 li이외의 요소를 포함할 수 없다.
  • 순서가 없는 리스트
  • 순서가 없는 리스트
  • 순서가 없는 리스트 
				<ul>
					<li>순서가 없는 리스트 </li>
					<li>순서가 없는 리스트 </li>
					<li>순서가 없는 리스트 </li>
				</ul>

dl : definition list

  • dt(definition term)과 dd(definition description)요소를 포함한다.
  • dt는 인라인 요소.
  • dd는 블럭 레벨 요소이며 인라인요소와 텍스트를 포함할 수 있고, 블록 레벨 요소도 포함할 수 있다.
의미가 있는 리스트 타이틀
의미가 있는 리스트 타이틀의 의미나 내용 
				<dl>
					<dt>의미가 있는 리스트 타이틀 </dt>
					<dd>의미가 있는 리스트 타이틀의 의미나 내용 </dd>
				</dl>
모질라 웹표준 커뮤니티