HTML

Soozoo·2024년 7월 29일

Markup

목록 보기

1/11

HTML(HyperText Markup Language)은 웹 페이지를 작성하는 데 사용되는 표준 마크업 언어입니다. HTML은 웹 페이지의 구조를 정의하고, 텍스트, 이미지, 링크, 비디오 등 다양한 요소를 포함하여 브라우저가 이러한 콘텐츠를 표시하도록 합니다.

HTML 문서는 기본적으로 다음과 같은 구조를 가지고 있습니다:

<!DOCTYPE html>
<html>
<head>
    <title>페이지 제목</title>
</head>
<body>
    <h1>첫 번째 제목</h1>
    <p>여기에 단락 텍스트가 들어갑니다.</p>
</body>
</html>

제목 (Heading)

제목 요소는 문서의 구조를 정의하는 데 사용됩니다. <h1>에서 <h6>까지의 태그가 있으며, <h1>이 가장 중요한 제목을 나타내고, <h6>이 가장 덜 중요한 제목을 나타냅니다.
```
<h1>이것은 가장 중요한 제목입니다</h1>
<h2>이것은 두 번째로 중요한 제목입니다</h2>
```
단락 (Paragraph)

단락 요소는 텍스트의 단락을 나타내는 데 사용됩니다. <p> 태그로 감쌉니다.
```
<p>이것은 단락입니다.</p>
```
링크 (Link)

링크 요소는 다른 페이지나 리소스로 연결하는 하이퍼링크를 만듭니다. <a> 태그를 사용하며, href 속성으로 링크할 URL을 지정합니다.
```
<a href="<https://www.example.com>">이것은 링크입니다</a>
```
이미지 (Image)

이미지 요소는 웹 페이지에 이미지를 포함하는 데 사용됩니다. <img> 태그를 사용하며, src 속성으로 이미지 파일의 경로를 지정합니다.
```
<img src="image.jpg" alt="이미지 설명">
```
리스트 (List)

목록 요소는 항목의 목록을 만드는 데 사용됩니다. 순서가 있는 목록은 <ol>, 순서가 없는 목록은 <ul>로 감싸며, 각 항목은 <li> 태그로 감쌉니다.
```
<ul>
    <li>항목 1</li>
    <li>항목 2</li>
</ul>

<ol>
    <li>첫 번째 항목</li>
    <li>두 번째 항목</li>
</ol>
```

HTML은 웹 개발의 기초이며, 모든 웹 페이지의 구조를 정의합니다. CSS와 JavaScript와 함께 사용되어 웹 페이지의 스타일링과 동적 기능을 제공합니다. HTML을 잘 이해하고 사용하는 것은 효과적인 웹 개발의 첫걸음입니다.

넙-죽