HTML이란 무엇일까요?
HTML(HyperText Markup Language)은 웹 페이지의 기본 구조를 만드는 언어입니다. 마치 건물을 지을 때 설계도가 필요하듯, 웹 페이지를 만들 때는 HTML이라는 설계도가 필요하죠. HTML을 사용하여 웹 페이지에 글자, 이미지, 링크 등 다양한 요소를 배치하고 구조를 만들 수 있습니다.
HTML은 마치 레고 블록을 쌓는 것과 같습니다. 각각의 블록은 특정한 역할을 가지고 있으며, 이 블록들을 조합하여 다양한 형태의 웹 페이지를 만들 수 있습니다.
HTML을 사용하면 글자, 그림, 동영상 등 다양한 콘텐츠를 웹 페이지에 배치하고, 어떻게 보여질지 정할 수 있습니다.
HTML의 기본 구조
모든 HTML 문서는 다음과 같은 기본 구조를 가지고 있습니다.
예시 HTML
<!DOCTYPE html>
<html>
<head>
<title>내 첫 번째 웹 페이지</title>
</head>
<body>
<h1>안녕하세요, HTML 세계에 오신 것을 환영합니다!</h1>
<p>이것은 제가 만든 첫 번째 웹 페이지입니다.</p>
</body>
</html>
이 코드를 텍스트 편집기에 작성하고 .html 확장자를 붙여 저장한 후 웹 브라우저에서 열어보면, 다음과 같은 화면이 나타날 것입니다.
- 안녕하세요, HTML 세계에 오신 것을 환영합니다! (큰 제목)
- 이것은 제가 만든 첫 번째 웹 페이지입니다. (일반 글자)
이 코드에서 중요한 부분들을 간단히 설명하면:
- <h1>: 가장 큰 제목을 나타내는 태그입니다.
- <p>: 단락을 나타내는 태그입니다.
- <title>: 브라우저 탭에 표시되는 제목을 설정합니다.
HTML은 마치 레고 블록을 쌓는 것과 같습니다. 다양한 종류의 태그를 조합하여 원하는 모양의 웹 페이지를 만들 수 있죠.
'HTML_CSS' 카테고리의 다른 글
| HTML에서 캐스케이딩 스타일 (CSS) 쉽게 이해하기 (1) | 2024.11.01 |
|---|---|
| CSS 속성 명령: 웹 페이지 디자인의 핵심 (1) | 2024.11.01 |
| CSS란 무엇이고 왜 사용할까요? (0) | 2024.11.01 |
| HTML 텍스트 태그 실습 문제 (2) | 2024.10.28 |
| HTML 초보자를 위한 쉬운 예제 5가지 (1) | 2024.10.28 |
