这篇博客全面总结了HTML的基础知识点，包括文档结构、基础标签、链接、框架、列表、表格、表单、图像、文档与字型、样式表、全局属性、脚本以及特殊实体字符集。讲解了如声明、title、meta、h1-h6、p、a、frameset、img、table、form、input等标签的用法，是学习HTML的入门指南。
基本标签
链接标签
框架标签
列表标签
表格标签
表单标签
图像标签
文档与字型
样式表
全局属性
脚本
特殊实体字符集
基本标签
文档结构
<!DOCTYPE>声明：位于文档的最前面，定义文档的类型，告知浏览器，文档是使用那种HTML或HTML规范
html：HTML的根标签，定义HTML文档，所有标签都写在内部
head：文档头部信息标签，包含各种声明信息
body：文档主体标签，网页需展示的内容在其中
格式：
<!DOCTYPE>
<html>
<head 属性 = "属性值">
文档头部声明
</head>
<body 属性 = "属性值">
文档内容
</body>
</html>
基础标签
title
定义文档的标签，浏览器标签显示的标签
格式：
<title>这是标题</title>
meta
定义文档本身的信息，没有结尾标签
<meta 属性 = "属性值">
属性：
name = 名称 ：设置一个需要定义的名称，例如作者、关键字和描述等
content = 字符串 ：为name或http-equiv所定义的名称设定值
http-equiv = 名称 ：在HTTP服务器中代替name，用来收集信息
h1-h6
会计元素，定义标题，标题字体显示的大小不同，级别不同，h1>h2…>h6
格式：
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
p
用来起始一个段落，块级元素，其中不能在包含其他任何块级元素
格式：
<p>这是一个段落</p>
<p>这是第二个段落</p>
PS： 结尾标记可以省略
br
在不另起一行的情况下将当前文本强制换行，没有结尾标签
格式：
<p>第一行<br>另起一行</p>
PS：连续多个 br 可形成空行
注释
《！-- 注释语句 --》，英文符号在浏览器不显示，此处用中文符号代替。
b
粗体文字，行内元素，可以插入到一段文本的任何部分中
格式：
<p>正常字体<b>粗体字体</b>正常字体</p>
big
增大文本中的字型大小，一个big元素在原本的字型上增加一级，行内元素
格式：
<p>正常字型<big>增加一级<big>增加两级</big></big></p>
small
缩小文本中字型大小，一个small元素在原本的字型上缩小一级，行内元素
格式：
<p>正常字型<small>缩小一级<small>缩小两级</small></small></p>
em
强调字体，在一段文本中强调显示某个部分，行内元素
格式：
<p>这是需要<em>强调</em>的部分</p>
i
斜体文字，将文字斜体显示，行内元素
格式：
<p>这是需要<i>斜体显示</i>的部分</p>
strong
更加强调文字，使文字变粗，比em更高级，行内元素
格式：
<p>这是<strong>更加需要强调</strong>的部分</p>
sub
下标字体，多用于化学方程式，数学公式等，可嵌套使用，行内元素
格式：
<p>Q<sub>H<sub>2</sub>SO<sub>4</sub></sub>表示硫酸溶液所产生的热量</p>
sup
上标字体，可嵌套，行内元素
格式：
<p>等式：X<sup>2</sup>=Y<sup>a<sup>4</sup></sup></p>
ins和del
显示插入和删除文字，可以是块级元素，也可以为行内元素
格式：
<p>国际石油价格已经超过了<del>40</del><ins>50</ins>美元</p>
<ins cite="URL" datetime="修改时间">插入文字</ins>
<del cite="URL" datetime="修改时间">删除文字</del>
属性：
cite：指出原文档或插入删除原因的URL
datetime：指出修改的时间
var
显示程序变量文字
格式：
<p>定义变量<var>string</var> = "HTML"</p>
pre
预先格式化文本，将原格式原封不动的显示出来
最低0.47元/天 解锁文章
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
