通用属性
id,当前页面中的唯一标识,用于css或js控制
class,类名,用于css控制
title,指定标题
style,插入线内样式
标题标签 Hx
h1-h6,标题标签,共六级,一般一级标题H1在一个页面中只出现一次,二级标题到六级标题可以出现多次,其权值递减。默认为块元素,粗体,上下有边距(margin)。
主要属性:align,指定对齐方式,常用三个值如下所示(建议不要用,而是通过css来控制其对齐方式)
left左对齐(默认)
enter居中对齐
right右对齐
一级标题
段落标签 P
段落p,用于整段文字,一般用于文章中的段落或一段独立的文字。默认为块元素。有上下边距(margin)。
主要属性:align对齐,用法同Hx的align。
这里是段落文字
上标下标 Sup Sub
上标下标,线内元素,在网页布局的时候相对用的较少,其主要目的是输出数学方程式,如:2x22+3x2+1=9。
2x22+3x2+1=9
强调 strong em
strong(线内元素。粗体)
em(线内元素。斜体)
这里是要强调的内容,默认表现为粗体
这里也是要强调的内容,默认表现为斜体
因为这两个元素有一定的感情色彩(强调),所以在seo代码优化中尤为重要,应该应用于那些确实需要强调的内容,而不是为了表现粗体或者斜体。如果你只是要表现粗体或者斜体,而不是真的要强调,那么你可以选择下面两个标签。
粗体 B
B,粗体,线内元素。只是形式上的表现为粗体,而不具备强调的作用。
斜体 I
I,斜体,线内元素。只是形式上表现为斜体,而无强调作用。
换行 BR
br,换行符,将一段文字手段换行,一般很少使用。
水平线 HR
hr,在页面中创建一条水平线,或者分割线。默认为块元素,居中,2像素,带阴影,宽100%。
属性:
align对齐,用法同上
noshade去掉阴影(显示纯色)
size线条粗细
width线条宽度
color线条颜色
html中所使用的颜色有以下几种
英文单词,如red、green等等
16进制值:如#ff0000、#006699,在html代码中的十六进制颜色不能使用简写如#f60,必须写成#ff6600
rgb值:如rgb(255,255,0)
rgba:如rgba(255,255,0,.5)
块引用 blockquote
blockquote,引用元素,如文章中需要引用其他文章的内容时,默认为块元素。上下左右有边距。
cite属性指定了引用的来源
WWF's ultimate goal is to build a future where people live in harmony with nature.
转义字符
字符
<
>
&
空格
×
¥
©
®
™
转义符
<
>
&
&nbmp;
×
¥
©
®
™
预处理 PRE
pre,预处理文本。html中默认是不认空格和换行的,也就是说在html中输入再多的空格或换行,预览的时候这些内容都无法表现出来,如果需要让其生效,我们可以用pre将内容括起来。
下划线 U
就是让文字多一条下划线,输入文字样式控制,所以不建议使用,而用css来控制。
文字 font
可以控制文字的字体、颜色、大小,不建议使用,而用css来控制。
face指定字体
size字体大小
color字体颜色
文字
居中对齐 center
center可以对所以其中的内容实现居中对齐,建议用css来控制。
大字体 big
表现为比正文更大一点的字号。
小字体 small
表现为比正文小一点的字号。
删除 s|del
让文字多一条删除线。
总结
目前已经到了html5的时代,所以上述的很多标签已经被摒弃了,当然你还是可以继续使用的(html5是一个大熔炉,支持各种写法,包括自定义标签)。另外,考虑到html结构与样式分离,正如文中所述,那些关于样式的标签虽然还是可以使用,也强烈建议不要再用了。因此,主要使用的文字类标签只有以下几个:Hx、P、strong、em、b、i、big、small、sup、sub、s、del。另外,html5中多了一个time标签,用于描述时间的,也是需要用到的。
© 致远 2020-02-15,原创内容,转载请注明出错:html中的文字类标签及其属性详解