HTML 튜토리얼 - HTML 소개
HTML 이란?
HTML은 HyperText Markup Language의 약자로, 웹 페이지를 구성하는 데 사용되는 마크업 언어입니다.
HTML은 웹 페이지의 구조와 콘텐츠를 정의하기 위해 사용되며, 웹 브라우저에서 이해하고 표시할 수 있는 텍스트 기반의 형식입니다.
HTML은 일련의 태그(tag)를 사용하여 문서의 요소(element)를 정의하고 구조화합니다.
각각의 태그는 감싸고 있는 콘텐츠를 특정한 방식으로 표현하거나 동작을 정의하는 역할을 수행합니다.
예를 들면 <h1> 태그는 제목(Heading)을 나타내고, <p> 태그는 단락(Paragraph)을 나타냅니다.
HTML 문서는 일반적으로 .html 또는 .htm 확장자를 가지며, 웹 브라우저에서 열릴 때 해당 문서의 구조와 콘텐츠를 해석하여 사용자에게 표시합니다.
웹 페이지의 레이아웃, 텍스트, 이미지, 링크, 테이블, 폼 등 다양한 요소들은 HTML을 사용하여 정의되고 표현됩니다.
HTML은 웹의 기본적인 구성 요소로서, CSS(Cascading Style Sheets)와 JavaScript와 함께 사용되어 보다 동적이고 풍부한 웹 페이지와 웹 애플리케이션을 개발할 수 있습니다.
<!DOCTYPE html> <!-- 이 문서가 HTML5 문서임을 정의 -->
<html> <!-- 이 문서가 HTML5 문서임을 정의 -->
<head> <!-- HTML 페이지의 루트 요소 -->
<title>Page Title</title> <!-- HTML 페이지의 제목을 지정 -->
</head>
<body> <!-- 문서의 본문을 정의하고
제목, 단락, 이미지, 하이퍼링크, 표, 목록 등과 같이 보이는 모든 내용을 담는 컨테이너-->
<h1>My First Heading</h1> <!-- 큰 제목-->
<p>My first paragraph.</p> <!-- 단락 -->
</body>
</html>
HTML 요소(Elements).
HTML 요소(Elements)는 웹 페이지를 구성하는 구성 요소들을 나타냅니다. HTML 문서는 이러한 요소들의 조합으로 이루어져 있으며, 각각의 요소는 태그(Tag)로 표현됩니다. HTML 요소는 웹 페이지의 구조, 콘텐츠, 스타일, 동작 등을 정의하는데 사용됩니다.
HTML 요소는 일반적으로 다음과 같은 형식으로 작성됩니다:
<tagname>내용</tagname>HTML 요소는 다양한 역할과 의미를 가지고 있습니다. 몇 가지 주요한 HTML 요소의 예시는 다음과 같습니다:
<h1>, <h2>, <h3>, ... : 제목을 나타내는 요소로, 글자 크기에 따라 다양한 수준의 제목을 표현합니다.
<p>: 문단을 나타내는 요소로, 텍스트를 단락으로 구분하여 표시합니다.
<a>: 하이퍼링크를 생성하는 요소로, 다른 웹 페이지나 동일한 페이지의 특정 위치로 이동할 수 있는 링크를 생성합니다.
<img>: 이미지를 표시하는 요소로, 웹 페이지에 이미지를 삽입합니다.
<div>, <span>: 구역을 나타내는 요소로, 웹 페이지의 레이아웃을 구성하거나 스타일을 적용할 때 사용됩니다.
<ul>, <ol>, <li>: 목록을 나타내는 요소로, 순서가 있는 목록(<ol>)이나 순서가 없는 목록(<ul>)을 생성하고 목록 항목(<li>)을 정의합니다.
HTML 요소는 시작 태그에서 종료 태그까지의 모든 것을 말합니다.
<!DOCTYPE html>
<html>
<head>
<title>My First Html</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<p>My second paragraph.</p>
</body>
</html>