웹 개발을 하기 위해서 가장먼저 다루어야 할 언어인 HTML은 다양한 태그들이 존재한다. 이 태그들을 활용해서 웹 페이지의 구조를 작성할 수 있다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> Hello, My Page!! </title>
</head>
<body>
<h1> Hello, My Page!! </h1>
</body>
</html>이 것은 간단한 웹페이지를 작성한 HTML 코드이다. 이 코드의 결과물은 다음과 같다.
이 페이지에서 사용한 다양한 태그들이 있는데, 이 것들을 하나씩 알아볼 것이다.
가장먼저 설명할 것은 HTML의 기본 속성들이다.
- <!DOCTYPE html> : 마크업 언어용 DTD(Document Type Definition)태그이며, HTML5의 경우 맨 위에 존재하는 태그이다. 쉽게말해서, 이 문서는 html로 지정한다 라는 의미의 태그이다.
- <html> ~ </html> : 페이지의 전체를 담아주는 최상단의 태그이다. 모든 웹페이지는 html 태그를 가지고있다.
- <lang = "ko"> : 언어를 설정하는 태그이다. 현재 문서에서는 한국어로 설정되어 있다.
- <head> ~ </head> : 주로 페이지의 정보를 입력하는 공간이다.
- <meta> : 메타 데이터를 입력하는 태그이다. 이 코드에서는 charset 속성이 사용 되었는데 HTML문자의 인코딩 방식을 UTF-8의 방식으로 사용하겠다는 의미이다.
- <title> ~ </title> : 해당 타이틀의 제목을 입력하는 태그이다.
- <body> ~ </body> : 페이지의 본문을 입력하는 공간이다. 이 곳에서 페이지의 구조, 즉 뼈대를 만든다.
'HTML,CSS,JavaScript' 카테고리의 다른 글
| 05. CSS, 사용하기 (0) | 2022.11.03 |
|---|---|
| 04. CSS, 기초 (0) | 2022.11.03 |
| 03. HTML, 본문 (0) | 2022.11.03 |
| 02. HTML, 제목 (0) | 2022.11.03 |
| 00. HTML, CSS, 그리고 JavaScript (0) | 2022.11.03 |