HTML(Hypertext Markup Language) 이란?
1. Marup Language는 < , > 이런 태그들을 이용해서 문서나 데이터 구조를 명기하는 마크업 언어다. 프로그래밍 언어는 아님.
2. 월드와이드웹(WWW)에서 하이퍼텍스트 문서를 만들기 위해 사용하는 기본 언어다. 즉, 인터넷을 통해 볼 수 있는 문서를 만들 때 사용한다.
3. 인터넷에서 접할 수 있는 모든 웹 페이지들은 HTML로 작성한다.
4. 태그(TAG)는 HTML에서 사용하는 명령어다. 대표적인 태그는 html, head, title, body 이다.
HTML 문서의 특징
1. 태그는 대소문자 구분이 없다. 그러나, 파일 이름은 소문자로 하는 것이 좋다.
2. HTML 문자열 사이에 있는 하나 이상의 공백은 무시된다.
<title> 아무리 띄워도 하나로 처리 된다. </title>
3. HTML 태그를 잘못 사용하더라도 브라우저에서는 에러를 발생시키지 않음.
HTML 문서의 구성
1. <HTML> 태그 : HTML 문서 시작
2. <HEAD> 태그 : 시작을 알리는 태그. 태그들의 속성을 정의하는 기능을 한다.
3. <TITLE> 태그 : 문서 제목 정의(브라우저 타이틀바에 표시된다)
4. </TITLE> 태그 : 문서 제목 끝.
5. </HEAD>
6. <body> 태그 : HTML 문서의 본문 부분
7. </body> 태그 : 본문 내용과 태그 끝.
8. </HTML> 태그 : HTML 문서 끝.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> 안녕하세요 </title>
</head>
<body>
<div style="background-color: red">div01</div>
<div style="background-color: blue">div02</div>
<span style="background-color: fuchsia;">span01</span>
<span style="background-color: maroon;">span02</span>
</body>
</html>
들여쓰기를 굳이 할 필요는 없다. 들여쓰기를 하지 않아도 에러가 나지 않는다.
그리고, div 태그 내의 style 속성은 HTML 문법이다. 그러나, 그 내용은 CSS 문법이어야 한다.
참고 블로그
'웹 프로그래밍 > HTML' 카테고리의 다른 글
| [HTML] 특수문자 표현하기('<', '>', ' ') (0) | 2020.06.11 |
|---|---|
| [HTML] 제목(heading) 태그 <h1>, <h2>, ... , <h6> (0) | 2020.06.11 |
| [HTML] 선을 그리는 단일 태그 <hr> (0) | 2020.06.11 |
| [HTML] p 태그, div 태그 VS span 태그: block-level-element VS inline-level-element (0) | 2020.06.11 |
| [HTML] 줄바꿈 표현 & 줄바꿈 없는 공백 표현 : <br>, (0) | 2020.06.11 |
