一、HTML 基础概念
-
什么是 HTML
- HTML（超文本标记语言）是描述网页的标记语言，非编程语言
- 超文本含义：可包含图片、声音等多媒体内容；支持超级链接，实现文件间跳转
-
基本语法规则
- 标签由尖括号包围，多为双标签（如
<html></html>），少数为单标签（如<br/>） - HTML 文档基本结构：
<html> <head> <title>标题</title> </head> <!-- 头部，含标题等元信息 --> <body> 网页内容 </body> <!-- 主体，显示页面内容 --> </html>
- 标签由尖括号包围，多为双标签（如
二、基础文本与格式标
-
标题标记
<hn>- 分级：
<h1>（最大）到<h6>（最小），自动换行 - 对齐属性
align：left（左对齐）、center（居中）、right（右对齐）
- 分级：
-
段落与换行标记
<p>：段落标记，自动换行，可通过align设置对齐方式<br>：单标签，强制换行，无段落间距
-
水平线标记
<hr>- 属性：
width：宽度（像素或百分比）；size：高度（像素）color：颜色（名称或十六进制）；align：对齐方式
- 属性：
三、文字修饰与符号
-
文字修饰标记
- 粗体：
<b>、<strong> - 斜体：
<i>、<em>、<cite> - 上标
<sup>（如X²）、下标<sub>（如H₂O） - 下划线
<u>、删除线<s>/<del> - 字体标记
<font>：属性face（字体）、size（字号 1-7）、color（颜色）
- 粗体：
-
常用实体符号
- 空格：
；小于号：<；大于号：> - 乘号：
×；除号：÷
- 空格：
四、区块与列表
-
区块标记
<div>：块级容器，独占一行，可包含多种元素，align控制对齐<span>：行内容器，不换行，无实际意义，用于样式应用
-
列表标记
- 有序列表
<ol>：项目带编号，type（编号类型：1、a、A 等）、start（起始编号） - 无序列表
<ul>：项目带符号，type（符号类型：disc●、circle○、square□） - 列表项均用
<li>标记
- 有序列表
五、核心案例展示
示例代码涵盖标题、段落、换行、水平线、文字修饰、实体符号、区块、列表等标记的使用，直观展示标签效果（如不同级别标题的大小差异、列表项的编号 / 符号样式）
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
