a 超链接标签<a>...</a>
-
<a>标签的常用属性为title，鼠标移入后显示名称，href跳转的目的地；
默认情况下，浏览器对<a>标签的样式为：蓝色字体，点击后变为紫色字体，可通过CSS更改 -
创建页面的链接，可以跳转到某个页面或当前页面的锚点
<a href="http://www.baidu.com" target="_blank">点我上百度</a>
<div><a href="#html">文档的锚点</a></div>
<p id="html">有很多内容，省略不写了……</p>
- 链接到email地址、打开电话或者打开QQ等
<div>
<a href="mailto:admin001@aliyun.com,admin002@gmail.com?cc=book@126.com&subject=Test&body=Haha">contact us</a>
<a href="tel:15600000000">15600000000</a>
</div>
在href属性中使用mailto:关键字，后面加目的地邮箱，如果有多个参数，第一个必须使用?然后跟&间隔，例如设置邮件主题和正文subject/body如果需要抄送，使用cc=,多人收件请使用;间隔；
em strong 强调标签
- em表示语义强调，strong重要性强调，更重
- em在浏览器中的默认样式为斜体，strong为加粗
<div>
<em>特价啦</em>
<strong>￥50.00</strong>
</div>
q 内容引用标签
<q>...</q>标签表示对他人简短一行语句的引用，浏览器默认或给<q>标签的内容增加双引号的样式
<p>最初知道庄子，是从一首诗<q>庄生晓梦迷蝴蝶。望帝春心托杜鹃。</q>开始的。虽然当时不知道是什么意思，只是觉得诗句挺特别。后来才明白这个典故出自是庄子的《逍遥游》，《逍遥游》代表了庄子思想的最高境界，是对世俗社会的功名利禄及自己的舍弃。</p>
cite 出处说明引用
表示对某个参考文献的引用
blockquote 长文本内容引用
<blockquote>...</blockquote>标签标示对长文本的引用，比如说引用某段落等，此时使用标签，标签浏览器的默认样式：缩进引用
br 换行标签
在html中需要对页面中的内容换行时，可使用<br />标签
code 代码标签
当页面中需要显示一行代码时，可使用<code>...</code>标签；默认样式为代码的特殊格式显示；
pre 预处理标签
<pre>...</pre>标签表示对其中的内容格式不做处理，预留原文本的格式在浏览器中显示，通常会保留原文本中的空格和换行等，常用语展示源代码，也可以用作其他需要显示源文档排版格式的时候使用
hr 标签
当需要分割线时，可使用<hr /> 标签分割上下文的内容
span 标签
本身没有具体的语义，通过结合css设置标签特定样式
格式化标签
- 加粗文本，用b标签
- 斜体文本，用i标签
网友评论