标签之美二——文本标签 | 珲少的技术博客

标签之美–HTML文本标签属性详解

1、使用标题标签

是标题的开始和结束标签，html提供6级标题划分，示例如下：

1
2
3

<body><!--设置背景为蓝色-->
<h1>这是一级标题</h1><h2>这是二级标题</h><h6>这是六级标题</h6>
</body>

2、使用字体标签

用于定义字体，其中详细属性如下：

定义字体大小：size 例如设置其中文字字号为4。

设置字体：face 其中可以填写多个字体名称，浏览器会按顺序寻找。

3、使用文本布局标签

缩进标签

，可以让内容布局更加清晰，效果如下：

<body>
这是没有使用索引的内容<br>
<blockquote>这里使用了标签的内容</blockquote>
</body>

手动格式化布局标签

这个标签可以不通过代码进行空格和换行的控制，而是直接将文本中的布局显示。效果如下：

<body>
<pre>手动的空格  与换行
这里是第二行</pre>
</body>

内联标签，这个标签的作用是将对象内联与某些内容，比如将鼠标悬停时展现的内容，示例如下：

1
2
3

<body>
<span title="看这里">标题</span>
</body>

4、使用字体属性标签

为字体加粗：

使用斜体：

添加下划线：

添加标注：与下划线形式相同

添加删除标记：与

添加上标：

添加下表：

专注技术，热爱生活，交流技术，也做朋友。

——珲少 QQ群：203317592