HTML이란?
HyperText Markup Language "웹 페이지를 만들기 위한 표준 마크업 언어"
브라우저는 HTML태그를 표시하지 않지만 이를 사용하여 페이지의 내용을 렌더링한다.
hypertext : 링크기능
markup : 문법적인 형식(특성)
language : 컴퓨터 프로그래밍 언어
Example
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
예제설명
<!DOCTYPE html> 선언. HTML5가 될 문서를 정의 (필수)
<html> 엘리먼트(요소)는 HTML페이지의 루트 요소
<head> 엘리먼트(요소)는 문서에 대한 메타 정보를 포함
<title> 엘리먼트(요소)는 문서의 제목을 명시
<body> 엘리먼트(요소)는 눈에 보이는 페이지의 내용을 포함
<h1> 엘리먼트(요소)는 큰 제목을 정의
<p> 엘리먼트(요소)는 문단을 정의
HTML태그
HTML태그는 꺾쇠 괄호로 묶인 요소 이름입니다.
<tagname>콘텐츠</tagname>
html태그는 일반적으로 <p></p>와 같이 쌍으로 표시됩니다.
쌍의 앞쪽 태그는 시작태그이고, 두번째 태그는 종료 태그입니다.
종료태그에는 앞에 슬래시('/')가 삽입되어있습니다.
웹브라우저
크롬, 인터넷익스플로러, 파이어폭스, 사파리 등이 있다.
웹브라우저의 목적은 HTML문서를 읽고 표시하는 것입니다.
브라우저는 HTML태그를 표시하지 않지만 HTML태그를 사용하여 문서를 표시하는 방법을 결정합니다.
HTML페이지의 구조
<html> |
|
|
|
|
|
<head> |
|
|
|
|
<title> |
페이지제목 |
</title> |
|
|
</head> |
|
|
|
|
|
|
|
|
|
<body> |
|
|
|
|
|
<h1>제목입니다</h1> |
||
|
|
<p> 이것은 단락입니다.</p> |
||
|
|
<p> 또다른 단락입니다.</p> |
||
|
</body> |
|
|
|
</html> |
|
|
|
|
<!DOCTYPE> 선언
<!DOCTYPE>선언은 문서 유형을 나타내며 브라우저가 웹 페이지를 올바르게 표시할 수 있게 도와줍니다.
HTML태그보다 먼저 페이지 상단에 한 번만 나타나야 합니다.
<!DOCTYPE>선언은 대소문자를 구별하지 않습니다.
다음과 같이 선언합니다.
<!DOCTYPE html>
'함께공부해요! > HTML5' 카테고리의 다른 글
| 6. HTML 표제 (0) | 2017.12.05 |
|---|---|
| 5.HTML 속성 (0) | 2017.12.04 |
| 4. HTML요소(Element) (0) | 2017.12.03 |
| 3. HTML basic (0) | 2017.12.02 |
| 2. 편집기 (0) | 2017.11.30 |
댓글