1. HTML 문서의 구조
HTML 파일은 <html> , <head> , <body> 그리고 <title> 태그를 가지고 있어야 합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML 기본 구조</title>
</head>
<body>
<h1>HTML 기본 구조</h1>
<p>필수로 존재하는 것은 알아둡시다</p>
</body>
</html>- <!DOCTYPE html>
- 현재 문서가 어떤 버전으로 작성되었는지 미리 표시합니다.
- HTML5 버전이라는 뜻이지만 대부분 HTML5를 사용하기 때문에 주로 이처럼 표현합니다.
- <html lang="ko"> ~ </html>
- 웹 문서의 시작과 끝을 나타내는 태그입니다.
- lang 속성은 웹 문서가 어떠한 언어로 작성되었는지 표시합니다.
- <head> ~ </head>
- <html> 태그의 자식 태그입니다.
- HTML 문서 정보나 문서에서 사용할 외부 파일 링크를 넣는 구간이며, 웹 브라우저에 표시되지 않습니다.
- <meta charset="UTF-8">은 HTML 파일의 인코딩을 알려주는 태그입니다.
- <body> ~ </body>
- <html> 태그의 자식 태그입니다.
- HTML 문서 내용을 넣는 구간이며, 실제 웹 브라우저 안에 표시됩니다.
2. 기본적인 HTML 태그
HTML 태그는 웹 문서에 표시하는 것입니다.
- 태그 구조
- 태그 특징
- 태그는 시작 태그와 종료 태그로 이루어져 있습니다.
- 태그 사이에 콘텐츠를 선언합니다.
- HTML 태그 = 요소(Element) = 노드(Node)
📌 실습 도전 과제
1. 사과와 바나나 소개 페이지 만들기
- 두 개의 페이지는 a 태그를 이용하여 서로 연결되어 있습니다.
- 제출 버튼을 눌렀을 때의 동작은 구현하지 않아도 좋습니다.
'ELITE HACKER bootcamp > Pre.web' 카테고리의 다른 글
| [2주차 TIL] Apache (0) | 2024.12.16 |
|---|---|
| [2주차 TIL] 자바스크립트 기본 문법 (0) | 2024.12.16 |
| [1주차 TIL] HTML, CSS, Javascript란? (1) | 2024.12.16 |
| [1주차 TIL] 프록시 (0) | 2024.12.16 |
| [1주차 TIL] 패킷 (0) | 2024.12.16 |