티스토리 뷰

IT 이야기/프로그래밍

[HTML5 강의] 2.1 HTML5의 기본

하늘과 나b 2013. 11. 21. 14:45

[HTML5 강의] 3장. HTML5의 기본. 태그


HTML이 무엇인지 다시 한번 복습하고 넘어가도록 할게요.




HTML의 정의


HTML은 Hyper Text Markup Language의 줄임말입니다. 

mark-up 언어는 무엇이냐구요? 그것은 바로 < 와 > 안에 정의된 용어로 태그(tag)를 표현하므로 mark-up 언어라고 부른답니다.


HTML의 태그는 이런 특징을 가지고 있습니다. 

HTML의 태그는 기본적으로 대소문자를 구분하지 않아요. header와 HEADER는 같은 의미라는 말이지요. 태그를 이용해서 문장이나 그림 등의 구성요소와 배치 구조 등을 설정할 수 있구요. 파일의 이름 끝에는 .html 또는 .html이 붙어요.(이 .htm과 .html로 이 파일이 HTML문서라는 것을 구분한답니다. 전문용어로는 확장자라고 불러요.)




HTML의 기본 규칙


HTML을 사용할 때 일정한 규칙이 있는데요. 이 규칙을 알아보도록 하겠습니다.


HTML문서는 <html> 태그로 시작해서 </html> 태그로 끝납니다. 그리고 <html>과 </html> 사이는 크게 두 부분으로 구분이 되는데요. 크게 <head> ~ </head> 와 <body> ~ </body> 태그의 두 부분으로 구분할 수 있습니다.


모든 태그는 시작태그가 있으면, 끝 태그로 끝나는 것이 원칙이다. 예를 들면 <head>로 시작을 알렸으면 </head>로 그 끝을 알리는 것이지요. 끝 태그는 < 다음에  / 이 오고  두개 문자 사이는 공백이 있으면 안 됩니다.


대부분은 태그들은 <body> ~ </body> 사이에 씁니다. <head> ~ </head>사이에 들어가는 태그들은 몇 개 되지 않습니다.

 (예) <script>  ~ </script>, <meta> ~</meta>, <title> ~ </title> 등




그 밖에 특성들도 있습니다.

대부분의 태그들은 속성과 속성값을 가집니다.

HTML의 속성과 속성값의 구분은  = 기호로 구분합니다.

즉,  속성=속성값 으로 표기합니다. (때로는 속성값 없이 사용되는 속성들도 있다.)

HTML의 주석문은 <!--    --> 입니다. 요 안에 들어간 것은 화면에 표시되지 않고 HTML문서를 편집할 때 사용자가 문서를 쉽게 편집할 수 있도록 도와주는 역할을 합니다. 



<< 이전 강의로 이동하기       다음 강의로 이동하기 >>

'IT 이야기 > 프로그래밍' 카테고리의 다른 글

[C언어 소스] 주소 관리 프로그램 소스  (28) 2013.11.26
[HTML5 강의] 5. HTML5 기본태그, 목록 만들기  (0) 2013.11.22
[HTML5 강의] 4. HTML5의 기본 태그, 텍스트 관련 태그  (0) 2013.11.22
[HTML5 강의] 1. HTML5 시작하기  (2) 2013.11.22
[HTML5 강의] 3. HTML5 기본 태그, 시멘틱(semantic) 태그  (2) 2013.11.21
[HTML5 강의] 2. HTML5 실행해보자. 웹 브라우저 설치하기  (0) 2013.11.21
[한방에 이해하는 C언어] 입력을 받자 scanf 함수  (0) 2013.11.11
[Javascript] 즐겨찾기 소스  (5) 2013.11.09
[알고리즘] 정렬 - 버블정렬(Bubble Sort) 쉽게 정리하기  (25) 2013.11.08
[C언어 강좌] 함수 fprintf()와 fscanf()의 개념부터 예제 소스까지 모든 것 총망라!  (1) 2013.10.31
공유하기 링크
댓글