第七篇:HTML文字与图片属性

目录

一、文字属性

1、对齐属性:align

2、font标签

字体属性:face

5、上标:sup和下标:sub

7、删除线s、斜体i、加粗b

10、不换行标签:nobr

二、图片属性

1、width和height

2、边框:border

3、水平间距:hspace

4、垂直间距:vspace

5、图片悬浮文本:title

6、图片指定代替文本属性:alt

6、图片文本对齐:align


这是第七篇文章,有一些属性在上一节表格详情里提到一些属性,例如对齐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的值是必需的。其他值如果缺少了,将被插入默认值。

font属性
属性名 作用 默认值 常用值
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>

        这是一行不换行的文

  • 0
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值