본문 바로가기
개발/HTML5

00.HTML - 기본 개념

by pastry 2014. 12. 2.

웹 표준 문서 작성을 위한 기본 용어


1. 명령어의 단위는 '<>': 태그(Tag)

 

2. 태그의 시작과 끝을 하나의 요소(Element)라 한다.


ex ) <h1> 웹태그 공부 </h1>


3. 요소들을 이용해서 웹 문서를 작성하는 것을 markup(마크업)이라고 한다.


 

 

 

 

 

 

 

웹 표준문서 작성을 위한 XHTML 기본 문법 규칙


1. 마지막에 정의한 태그를 가장 먼저 닫는다.

ex ) <h1><a><img></img></a></h1>


 

2. 태그나 속성은 소문자로 써야한다. && 속성 값은 더블 쿼테이션""으로 묶어준다.

ex) <a href(속성)=http://cafe.naver.com/>네이버 카페</a>

 


 

3. 요소는 닫아야 한다.

 


 

4.img태그는 반드시 alt속성을 주어야 한다.

ex) <img src= "c:\flower.jpg" alt="flower" />

 


 

5.특수문자를 사용할 경우, entity name이나 entity code를 사용해야 한다.

 

ex)

<p>회사소개 > 부서 > 기획부</p>

<p>회사소개부서 > 기획부</p>

 

특수문자에 대한 자세한 내용은 아래 싸이트 참조

http://entitycode.com

 

 

 

 

 

 

 

--------------------------------------------------------------------------------------------------------------

HTML

--------------------------------------------------------------------------------------------------------------

 

 

 

 


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


transitional.dtd 문서가 열릴때, 브라우저들에게 규칙을 저장하고 있다.

XHTML 1.1 Transitional 규칙을 적용하라는 뜻

웹문서의 표준을 지켜서 문서를 오픈하겠다.

어떠한 브라우저를 사영하든, 똑같은 사용자 화면을 보여주겠다.

!DOCTYPE는 DTD선언 (DTD란? Document Type Definition)


<html xmlns="http://www.w3.org/1999/xhtml" lang="ko">

 <head>

  <title></title>

  <meta http-equiv="Content-type" content = "text/html;charset=utf-8"/>

 </head>


사이트를 열었을때 글자가 깨지는 현상을 경험한 사람은 사이트 제작시, 문서의 charset을 utf-8으로 세팅한다.

uft-8은 모든 언어와 특수문자를 표현해 줄 수 있는 문자셋이다.


 <body>

  <p>회사소개&gt;부서&gt;기획부</p>

 </body>

</html>


마크업태그에는 블럭 요소와 인라인 요소로 나뉘어 진다.

1. 블럭 요소는 행이 나누어진다.

2, 인라인 요소는 개발자가 행을 일일이 나누어 주어야 한다.

'개발 > HTML5' 카테고리의 다른 글

웹 관련 정리 내용  (0) 2014.12.19
JSP기본 정의  (0) 2014.12.16
03.HTML - form요소과 form내부의 input요소  (2) 2014.12.02
02.HTML - Table 태그의 종류 및 사용법  (0) 2014.12.02
01.HTML - 기본 태그 설명 및 예제  (0) 2014.12.02

댓글