标签之美--HTML文本标签属性详解
1、使用标题标签
<h></h>是标题的开始和结束标签,html提供6级标题划分,示例如下:
1
2
3
|
<
body
>
<!--设置背景为蓝色-->
<
h1
>这是一级标题</
h1
><
h2
>这是二级标题</
h
><
h6
>这是六级标题</
h6
>
</
body
>
|
2、使用字体标签
<font></font>用于定义字体,其中详细属性如下:
定义字体大小:size 例如<font size="4"></font>设置其中文字字号为4。
设置字体:face 其中可以填写多个字体名称,浏览器会按顺序寻找。
3、使用文本布局标签
缩进标签<blockquote>,可以让内容布局更加清晰,效果如下:
1
2
3
4
|
<
body
>
这是没有使用索引的内容<
br
>
<
blockquote
>这里使用了标签的内容</
blockquote
>
</
body
>
|
手动格式化布局标签<pre>这个标签可以不通过代码进行空格和换行的控制,而是直接将文本中的布局显示。效果如下:
1
2
3
4
|
<
body
>
<
pre
>手动的空格 与换行
这里是第二行</
pre
>
</
body
>
|
内联标签<span>,这个标签的作用是将对象内联与某些内容,比如将鼠标悬停时展现的内容,示例如下:
1
2
3
|
<
body
>
<
span
title
=
"看这里"
>标题</
span
>
</
body
>
|
4、使用字体属性标签
为字体加粗:<b>
使用斜体:<i>
添加下划线:<u>
添加标注:<ins> 与下划线形式相同
添加删除标记:<del> 与<s>
添加上标:<sup>
添加下表:<sub>