HTML Title, Backcolor, Background, p, div,header, span
<html>
<head>
<!--타이틀은 왠만하면 잊어버리지 않도록 한다.-->
<title>PCDATA 영역</title>
<meta name="author" content="zzarungna" />
<meta name="generator" content="Visual Studio 2010" />
<meta name="keyword" content="XHTML, HTML, meta, 태그 /><!--최대 256자 이내-->
<meta name="description" content="XHTML 수업 예제입니다." />
<!--요샌 잘안쓴다..-->
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=5, Transition=23) " />
<meta http-equiv="Page-Exit" content="RevealTrans(Duration=1, Transition=20) " />
</head>
<!--백그라운드 설정-->
<!--<body background="images/cool.png">-->
<body>
hello~~~
good job!!!
hi 아무개
hi 뜀뛰기 됨~
<br />
<br />
<hr />
<!--p태그-->
<p>P태그는 문단 이며 p태그 영역 안입니다.</p>
<p>빈라인이 생성되며 개행이 좀넓다..</p>
<hr />
<!--div태그-->
<div>div 태그영역입니다.~</div>
<div>한칸씩 붙어서 개행이 됩니다.</div>
<div>하나</div>
<div>둘</div>
<div>셋</div>
<hr />
<!--span태그-->
<!--똑같은 형태여도 누구의 자식인지 구분 해야 한다.
아래 부근은 바디 자식이다.하지만 div 자식이 있고 span 자식이 있다. 누구의 자식인지 알고 있어야한다.-->
난바디 자식<br />
<div>안녕하세요 저는 <span>김종현</span> 입니다...ㅋ</div>
<hr />
<!--데이터의 의미 부여 id-->
<div id="Div1">홍길동</div>
<div id="Div2">20</div>
<div id="Div3">서울시</div>
<!--데이터 그룹화 class-->
<div id="Div4" class="group1">홍길동</div>
<div id="Div5" class="group1">20</div>
<div id="Div6" class="group1">서울시</div>
<!--header 태그 제목에서 많이 사용한다. 제목용으로 header태그를 사용하도록 한다.-->
<h1>1번 제목 크기</h1>
<h2>2번 제목 크기</h2>
<h3>3번 제목 크기</h3>
<h4>4번 제목 크기</h4>
<h5>5번 제목 크기</h5>
<h6>6번 제목 크기</h6>
<h2>XHTML과 CSS</h2>
<!--글내용-->
<p>
XHTML은 웹페이지의 구조와 데이터를 생성하는데 사용하는 언어입니다.
</p>
<hr />
<!--blockinline요소-->
텍스트
<!--한칸을 다먹는다. 아래 div, p , h2 다 블럭 요소이다.-->
<div>요소</div>
<p>요소</p>
<h2>요소</h2>
<!--아래 스판 태그는 인라인 요소 이다.-->
<span>요소</span>
텍스트
<hr />
<!--블럭 요소는 자식 블록을 가질수 있다.-->
<div>하하 <span>하하</span> <p>블럭</p></div>
<!--아래는 인라인 요소에 블럭 요소를 가졌기 때문에 허용되지 않는다.-->
<!--<span>인라인<div>요소</div>는...</span>-->
<p>p태그는 예외적으로 블럭태그이지만 블럭의 자식요소를 갖지 못한다. 인라인 요소만 자식으로 가질수 있다.</p>
</body>
</html>
