HTML零基础入门教程（详细）
来源：
浏览：108
时间：2023-08-17
1 什么是HTML
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。
- HTML 指的是超文本标记语言: HyperText Markup Language
- HTML 不是一种编程语言，而是一种标记语言
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML 标签及文本内容
- HTML文档也叫做 web 页面
2 入门实例
新建一个test.html文件，内容如下
ZONGXP
我的第一个标题
我的第一个段落。
其中：
- 声明为 HTML5 文档
- 元素是 HTML 页面的根元素
- 元素包含了文档的元（meta）数据，如 定义网页编码格式为 utf-8（由于在大部分浏览器中直接输出中文会出现乱码，所以要在头部将字符声明为UTF-8）
</strong> 元素描述了文档的标题</li><li><strong><body></strong> 元素包含了可见的页面内容</li><li><strong><h1></strong> 元素定义一个大标题</li><li><strong><p></strong> 元素定义一个段落</li></ul> <p>保存后运行，即可在浏览器中打开如下界面</p><p>3 各部分详解</p><h2>3.1 标题</h2> <p>HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.</p> <pre><code><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ZONGXP 这是标题 1
这是标题 2
这是标题 3
这是标题 4
这是标题 5
这是标题 6
3.2 段落
HTML 段落是通过标签
来定义的
ZONGXP 这是一个段落。
这是一个段落。
这是一个段落。
3.3 链接
HTML 链接是通过标签 来定义的
ZONGXP 这是一个链接使用了 href 属性3.4 图像
HTML 图像是通过标签
来定义的。注意： 图像的名称和尺寸是以属性的形式提供的。
ZONGXP 
3.5 表格
表格由
标签来定义。每个表格均有若干行（由
标签定义），每行被分割为若干单元格（由 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头使用 标签进行定义。如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。使用边框属性来显示一个带有边框的表格： Header 1 Header 2 row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 4 速查列表
4.1 基本文档
文档标题 可见文本...4.2 基本标签
最大的标题
. . .
. . .
. . .
. . .
最小的标题
这是一个段落。
（换行）
（水平线）4.3 文本格式化
粗体文本计算机代码强调文本 斜体文本 键盘输入预格式化文本
更小的文本 重要的文本 （缩写） （联系信息） （文字方向）（从另一个源引用的部分） （工作的名称）
（删除的文本） （插入的文本） （下标文本） （上标文本）4.4 链接
普通的链接：链接文本 图像链接：邮件链接： 发送e-mail 书签： 提示部分 跳到提示部分
4.5 图片
4.6 样式/区块
文档中的块级元素文档中的内联元素4.7 无序列表
- 项目
- 项目
4.8 有序列表
- 第一项
- 第二项
4.9 定义列表
- 项目 1
- 描述项目 1
- 项目 2
- 描述项目 2
4.10 表格
表格标题 表格标题 表格数据 表格数据 4.11 框架
4.12 表单
4.13 实体
