문서에 포함된 문장이나 그림, 표, 소리 등과 같은 문서 내용에 대한 정보가 아니라 그 문장과 그림, 표는 어떻게 배치되고 글자는 어떤 크기와 모양을 가지며, 들여쓰기와 줄 간격, 여백 등에 대한 정보를 의미한다.
HTML과 xHTML은 별개의 분리된 표준.
HTML5는 2014년에 W3C에서 Recommandation 예정이다.
HTML은 문서의 기본적인 구조만을 정의하고 실제로 사용자에게 보이는 형태는 웹 브라우저에 의해 동적으로 결정된다. 모든 웹 브라우저에 의해 모든 태그가 지원되지 않기 때문에 표준을 따르는 것이 중요해진다.(지원하지 않은 태그는 무시되어 화면에서 배제된다.)
WEB의 구동원리를 보면 클라이언트에서 인터넷을 접속하기 위한 URL을 입력하여 접속을 요청한다. 서버는 해당 결과를 클라이언트에 응답하면 웹 브라우저에 의해 HTML문서가 웹 브라우저에 적절하게 나타나게 된다.
태그란?
HTML문서의 구조와 의미를 브라우저에게 전달하는 문법이다.
태그의 형식은 일반적으로 <태그>내용</태그>의 형태이다.
크게 3부분으로 나누어진다.
1. 문서타입정의(DTD)
2. 문서머리글(HEAD)
3. 문서몸체(BODY)
문서타입정의부에서는 일반적으로 해당 HTML문서의 버전 및 형식을 지정
<HEAD>는 문서 자체에 대한 설명을 넣는 부분이다. <title><meta><style><script><link>등과 같은 태그가 존재한다. 여기서 meta라는 태그는 문서에 대한 일반 정보를 나타낼 때 사용한다.
예)
<meta http-equiv="Expires" content="Wed, 13 Jul 2013 21:00:00 GMT">
<meta name="Description" content="홈페이지의 정의">
<BODY>는 문서의 내용이 들어가는 부분이다. id속성과 class속성을 부여할 수 있다, id속성은 요소마다 유일한 하나의 이름을 부여할 수 있으며 하나의 문서에 동일한 이름의 id가 중복되지 않아야한다. class는 요소에 하나 이상의 class이름을 부여함으로써 해당하는 요소를 그룹으로 의미를 나눠줄 때 사용된다. 물론 하나의 문서에 동일한 이름의 class가 존재해도 무관하다.
블럭레벨과 인라인레벨
블럭레벨은 해당하는 요소의 라인 범위를 포함할 수 있다. 따라서 인라인요소와 다른 블럭라인을 포함한다.
인라인레벨은 요소 하나만을 포함한다.
블럭레벨과 인라인레벨 요소 둘다 화면을 구성하는데 필요한 요소이다.
블럭레벨의 종류 : <h1>...<h6>,<div>,(<ul><li>) 등
인라인레벨의 종류 : <span>,<a> 등
<p> : 문단을 나눌 때 사용함. 자신을 포함하여 블럭레벨 요소를 포함할 수 없다.
<br> : 줄바꿈
목록 요소
<ul> : 번호없는 목록
<ol> : 번호있는 목록
<dl> : 정의 목록
목록에서는 항상 <li>를 사용
<dt>와<dd> : 제목과 한줄 들여쓰기
예)
<h1>순서목록</h1>
<ul>
<li><a href = "http://www.naver.com">네이버</a></li>
<li><a href = "http://www.daum.net" target = "_blank" title = "다음으로 이동">다음</a></li>
</ul>
<h1>정의목록</h1>
<dl>
<dt>웹표준</dt>
<dd>웹표준은 W3C권고안에 따라 만든 문서
</dd>
</dl>
테이블 요소
- 테이블의 행그룹요소 : 머리글<THEAD>, 바닥글<TFOOT>, 본체<TBODY>
- 테이블의 셀은 머리글<TH>정보나 데이터<TD>를 가질 수 있다.
댓글 없음:
댓글 쓰기