HTML（超文本标记语言）是用于定义网页结构的语言。要理解它，必须掌握核心术语和概念。以下整理了HTML的关键术语！
🔍 HTML核心术语与概念
HTML是定义网页结构的语言。开始网页开发前需掌握的HTML基础术语如下：
| 术语 | 说明 |
|---|---|
| 标签(Tag) | HTML的基本构成单元。由尖括号(< >）包裹，用于定义网页元素。 |
| 元素(Element) | 包含标签与内容的整体结构。例如： <태그>내용</태그> 形式。 |
| 属性(Attribute) | 为标签提供附加信息的键值对。例如： <태그 속성="값">내용</태그>. |
| 头部(Head) | 定义文档元数据的区域。 <head> 在标签内编写。 |
| 正文(Body) | 网页中显示的主要内容区域。 <body> 写在标签内。 |
| HTML5 | HTML的最新标准版本，强化了多媒体与交互功能。 |
| DOCTYPE | 定义文档HTML版本的声明。例如： <!DOCTYPE html>. |
| 注释(Comment) | 用于添加代码说明的区域，不会在浏览器中显示。示例： <!-- 내용 -->. |
主要HTML标签及说明
1. 基础结构标签
<html>：作为HTML文档的根元素，包裹所有标签。<head>: 定义文档设置及元数据的区域。<body>: 用于编写实际显示在网页上的内容区域。
2. 文本相关标签
<h1>~<h6>: 用于显示标题的标签，<h1>该标签最为重要且字号最大。<p>: 表示段落的标签，用于正文文本。<b>和<strong>: 用于加粗文本。<strong>表示语义强调。<i>和<em>：将文本显示为斜体。<em>包含语义强调。<br>：换行标签将文本移至下一行。<hr>: 插入水平线。
3. 链接与图片标签
<a>: 用于添加超链接的标签。href通过属性指定链接地址。
例如：<a href="https://example.com">여기를 클릭하세요</a>.<img>: 用于插入图片的标签。src通过属性指定图片路径，alt通过alt属性提供替代文本。
示例：<img src="image.jpg" alt="이미지 설명">.
4. 列表标签
<ul>: 创建无序列表。<ol>: 创建有序列表。<li>：定义列表项。
示例：html复制编辑<ul> <li>항목 1</li> <li>항목 2</li> </ul>
5. 表格相关标签
<table>: 创建表格。<tr>: 创建表格行（Row）。<td>: 定义数据单元格。<th>: 定义表格的标题单元格。
示例：html复制编辑<table> <tr> <th>제목 1</th> <th>제목 2</th> </tr> <tr> <td>내용 1</td> <td>내용 2</td> </tr> </table>
6. 表单标签
<form>: 用于接收用户输入的表单。<input>: 创建单个输入字段。<button>: 创建按钮。<textarea>: 创建多行文本输入字段。
示例：html复制编辑<form> <input type="text" placeholder="이름을 입력하세요"> <button>제출</button> </form>
7. 元数据
<meta>: 定义文档信息（字符集、关键词等）。<title>: 定义网页标题。显示于浏览器标签页。
🛠️ HTML属性(Attribute)概念
- 定义：为标签提供附加信息的键值对。
- 形式：
<태그 속성명="속성값">내용</태그> - 主要属性
id: 唯一标识符。class: 将多个元素分组。style: 内联样式指定。href: 链接路径。src: 资源路径（图片、视频等）。alt: 替代文本（图片无法显示时显示）。
1. HTML属性概念
属性为标签提供附加信息，始终 속성명="속성값" 形式书写。主要属性如下：
id: 提供唯一标识符。class: 用于将多个元素分组。style: 用于指定内联样式。href: 定义链接路径。src: 指定图像或脚本文件路径。alt: 提供图片无法显示时的替代文本。
2. HTML文档基本结构
HTML文档具有以下基本结构。
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML 기본 구조</title>
</head>
<body>
<h1>안녕하세요!</h1>
<p>HTML은 웹 페이지를 만드는 기초입니다.</p>
</body>
</html>
常见问题
Q. HTML代码在何处执行？
HTML代码在网页浏览器中执行，保存文件后用浏览器打开即可查看执行结果。
Q. HTML是编程语言吗？
不是，HTML是标记语言，用于定义网页结构。动态功能需通过JavaScript实现。
Q. HTML5有何不同？
HTML5相较于旧版本，能更轻松地添加多媒体元素（<video>, <audio> 等）和交互功能的添加更为便捷。
Q. 块级元素（
<div>）与行级元素（<span>）有何区别？ <div>是块级元素，占据整行空间，用于构建页面布局。 <span>是内联元素，用于修饰文本的特定部分。
✨ HTML学习技巧
- 理解基本结构：HTML标签具有嵌套结构。
- 实践导向学习：亲自编写并运行简单的HTML文档。
- 结合CSS与JavaScript学习：仅掌握HTML存在局限，建议同步学习样式设计（CSS）与动态功能（JavaScript）。
现在您是否已熟悉HTML的基础术语和概念呢？😊
