html (하이퍼텍스트 마크업 언어, HyperText Markup Language)?
- 웹 페이지를 생성하기 위한 마크업 언어로, 웹 브라우저에게 컨텐츠의 구조와 의미를 설명하는 역할을 합니다. HTML은 웹 페이지의 기본 뼈대를 정의하고, 텍스트, 이미지, 링크, 폼, 표 등의 다양한 요소를 포함합니다.
HTML 문서는 태그(tag)로 이루어져 있으며, 각 태그는 요소(element)를 생성하고 텍스트, 이미지 또는 다른 미디어를 포함할 수 있습니다. 아래는 HTML의 기본 구조와 몇 가지 중요한 요소에 대한 설명입니다.
HTML 문서는 일반적으로 다음과 같은 기본 구조를 갖습니다.
<!DOCTYPE html> <!-- 문서 유형 선언 -->
<html>
<head>
<meta charset="UTF-8">
<title>문서 제목</title>
</head>
<body>
<!-- 내용이 여기에 들어갑니다 -->
</body>
</html>
- 태그와 요소: HTML 문서의 내용은 다양한 태그를 사용하여 정의됩니다. 태그는 <와 >로 둘러싸인 요소의 이름입니다. 예를 들어, <p> 태그는 문단(paragraph) 요소를 나타냅니다.
- 요소의 속성: 많은 HTML 요소는 속성을 가질 수 있습니다. 속성은 요소의 추가 정보를 제공하며, 일반적으로 "속성 이름"="속성 값" 형식으로 정의됩니다. 예를 들어, <img> 요소의 src 속성은 이미지 파일의 경로를 지정합니다.
- 텍스트 요소: 텍스트를 표시하는 요소는 <p>, <h1>, <h2>, <span>, <a>, 등이 있습니다. <p>는 단락을 나타내고, <h1>과 <h2>는 제목을 나타내며, <a>는 하이퍼링크를 생성합니다.
- 이미지 요소: 이미지를 표시하는 요소는 <img> 입니다. src 속성을 사용하여 이미지 파일의 경로를 지정합니다.
- 링크 요소: 다른 웹 페이지로 이동하는 하이퍼링크를 만들기 위해 <a> 태그를 사용합니다. href 속성은 링크된 페이지의 URL을 지정합니다.
- 폼 요소: 사용자로부터 데이터를 입력받는 폼을 만들기 위해 <form>, <input>, <textarea>, <button> 등의 요소가 사용됩니다.
- 표 요소: 표를 나타내기 위해 <table>, <tr>, <th>, <td> 등의 요소를 사용합니다.
아래 링크를 클릭하시면 다양한 html 태그를 확일할 수 있습니다.
'HTML' 카테고리의 다른 글
| HTML 02 <div> (0) | 2023.10.31 |
|---|---|
| HTML 01 <head>, <body>, <title>, <meta> (0) | 2023.10.30 |
| HTML 06 <h1>~<h6> (0) | 2023.10.27 |
| HTML의 구조 (0) | 2022.09.27 |
| HTML의 태그 (0) | 2022.09.27 |