1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > HTML-中的字体格式化标签(文本级标签)span font b strong i em u s ins del sub sup br hr

HTML-中的字体格式化标签(文本级标签)span font b strong i em u s ins del sub sup br hr

时间:2019-01-07 07:16:56

相关推荐

HTML-中的字体格式化标签(文本级标签)span font b strong i em u s ins del sub sup br hr

文本级标签(行内元素)

并不独占一行,多个行内元素时并排显示

依附于其他块级元素存在,如果只有内联元素,则依附body存在(body 为块级元素)

默认 宽,高,内、外边距无效

display属性默认为 inline

行内元素中只能包含行内元素,不能包含块级元素(a 标签除外)

<span></span>

span通用行内元素;该标签没有固定的格式表现,默认没有样式,当对它应用样式时便会产生视觉上的变化;span里面只能放置文字、图片、表单元素

普通文本<span></span>span标签默认没有样式效果</span>

<font></font>

font标签用于设置被包裹文本的字体大小、字体尺寸、字体颜色(HTML5 中已弃用)

一般标签中的属性了解即可,在开发过程中很少用到,通常使用CSS样式表来设置样式

标签属性:

color文本颜色;其对应的属性值可以使用rgb(x, x, x)、可以使用十六进制#xxxxxx、也可以使用颜色单词例如:red、green、blue 等

face设置字体的样式,其值有 SimHei(黑体)、SimSun(宋体)、KaiTi(楷体)等;该属性的属性值可以有多个,多个值之间用英文逗号隔开;使用时将最希望显示的字体放在字体列表的第一个,当第一个字体不可用时,会使用后边的备选字体,通用的字体放在最后

size字体大小,其值为从 1 到 7 的数字,浏览器中默认值是 3,值越大显示的文字就越大

示例:

<font color="red">font标签1</font><font face="arial,SimHei,SimSun,KaiTi" size="1">font标签2</font><font color="blue" face="SimSun" size="7">font标签3</font>

<b></b>

b(bold)用于对文字进行加粗,没有强调作用

普通文本<b>加粗的文本</b>

<strong></strong>

strong用于强调文本,文本会被加粗

<strong>strong 标签</strong>

<i></i>

i(italic)显示斜体文本,无强调作用

<i>i标签的效果</i>

<em></em>

em(emphasis)强调内容并倾斜显示文本

<em>em标签效果</em>

-

<u></u>

u(underline)为文本添加下划线

<u>u标签效果</u>

<s></s>

s(strike through)为文本添加删除线效果

<s>s标签效果</s>

<ins></ins>

ins(inserted)定义已经被插入文档中的文本(下划线效果);常与del标签结合使用,用来描述文档中的更新和修正

<ins>ins标签效果</ins>

<del></del>

del(delete)定义文档中已被删除的文本(删除线效果)

<del>del标签效果</del>

<sub></sub>

sub(subscript)定义下标文本;标签中的内容会以当前文本流中字符高度的一半来显示,但是字体和字号与当前文本流中的文字是一样的

普通文本<sub>下标</sub>

<sup></sup>

sup(superscript)定义上标文本

普通文本<sup>上标</sup>

<br />

br(line break)在文档中插入换行符,实现换行效果

一段普通文本<br />普通文本

<hr />

hr(horizontal rule)用于创建一条水平线,默认通栏

相关属性:

width设置水平线的长度align对齐方式;属性值 center(居中)、left(左对齐)、right(右对齐),默认居中对齐size设置水平线的高度;属性值为数值型,大小表示像素点color可以通过该属性设置颜色noshade无阴影,颜色呈现为纯色

<hr width="500" align="left" size="5" color="red"/>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。