目录
这是第七篇文章,有一些属性在上一节表格详情里提到一些属性,例如对齐align、颜色color和边框border等,有一些属性在文字或图片里也有,可以联系表格属性学习下面文字和图片的属性。
一、文字属性<font>
1、对齐属性:align
文字的对齐属性和表格的对齐属性一样,设置表格在网页中的水平对齐方式,常用属性值都是left、right、center
语法:<p align="center">这是一段对齐方式为 center 居中的文字</font></p>
<p align="left">这是一段对齐方式为 left 居中的文字</font></p>
<p align="right">这是一段对齐方式为 right 居中的文字</font></p>
2、font标签
face 属性用于设置所有字体属性。设置的属性是按顺序的: "font-style font-variant font-weight font-size/line-height font-family"
font-size和font-family的值是必需的。其他值如果缺少了,将被插入默认值。
属性名 | 作用 | 默认值 | 常用值 |
---|---|---|---|
variant | 将所有的小写字母转换为大写,且字体尺寸变小 | normal | small-caps inherit 继承 |
weight | 设置文本的粗细 | normal (400) |
bold(700)、bolder、lighter |
size | 设置字体大小 | medium | 绝对大小值:(x-/xx-)samll、smaller、medium、(x-/xx-)larger、larger、整数px、0小数em、80% |
line-hight | 设置以百分比计的行高 | normal | 数字 |
color | 设置文字颜色 | red 、#000000(十六进制)、rgb(255,255,255) | |
family | 设置指定元素的字体 | normal | times、courier、arial |
字体属性:face
face是文字字体属性,face 属性的值可以保存若干个字体名称作为备选。把最希望显示的字体放在字体列表的第一个,当第一个字体不可用时,浏览器会使用后边的备选字体。应该把一个通用的字体放在最后(serif、sans-serif、monospace、cursive 或 fantasy),以便在前面列举的字体都不可用时,浏览器可以在通用字体库中找到该字体。
语法:<font face="隶书" >
如需规定若干字体的优先表,使用逗号分隔字体名称
例如 :<font face="verdana,arial,sans-serif">
5、上标:sup和下标:sub
<sup> 标签定义上标文本。上标文本将会显示在以当前文本中字符高度的一半为基准线的上方,与当前文本流中文字的字体和字号都是一样的。上标文本能用来添加脚注。
<sub> 标签定义下标文本。下标文本将会显示在以当前文本流中字符高度的一半为基准线的下方,与当前文本流中文字的字体和字号都是一样的。下标文本能用来表示化学公式。
语法:
<p>这个段落里的文本包含 <sup>上标</sup> 文本。</p>
<p>这个段落里的文本包含 <sub>下标</sub>文本。</p>
7、删除线s、斜体i、加粗b
<s> 标签被用来定义那些不正确的文本。
<i> 标签用来定义与文本中其余部分不同的部分(例如:专用名词、成语等),并把这部分文本呈现为斜体文本。
<b> 标签定义粗体的文本。可用于强调说明
语法:
(1) <p><s>give me a red envelope </s></p>
<p>Happy New Year</p>(2)<p>祝冬奥会<i>中国的</i>奥运健儿夺得佳绩,加油!加油!</p>
(3)<p>这是普通的文本<b>这是加粗强调的文本</b>这是普通的文本</p>
10、不换行标签:nobr
nobr标签表示不换行,阻止文本自动拆分成新行,所以它展示为长的一行,可能还需要滚动。这个标签不是标准的 HTML,并且不推荐使用。可以到后面学css用 属性white-space
示例:
<nobr>
这是一行不换行的文