博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML语言的一些元素(二)
阅读量:5102 次
发布时间:2019-06-13

本文共 2268 字,大约阅读时间需要 7 分钟。

3)表示元素:<b>,<i>,<u>,<s>,<tt>,<sup>,<sub>,<strike>,<big>,<small>,<hr>

 

<b> 标签呈现粗体文本效果。

<b> 标签是基于内容的样式标签 的物理版本,但它没有后者的扩展意义。

<b> 标签明确地将包括在它和其结束标签之间的字符或者文本变成粗体。如果某种加粗的字体不可用,浏览器将使用一些其他的表现方法,例如反相显示或者加下划线等。

 

<i> 标签显示斜体文本效果。

<i> 标签和基于内容的样式标签 类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。

提示:<i> 标签一定要和结束标签 </i> 结合起来使用。

 

<u> 标签可定义下划线文本。

 

<s>已经被<del>替代。

 

<sup> 标签可定义上标文本。

包含在 <sup> 标签和其结束标签 </sup> 中的内容将会以当前文本流中字符高度的一半来显示,但是与当前文本流中文字的字体和字号都是一样的。

提示:这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。如果和 <a> 标签结合起来使用,就可以创建出很好的超链接脚注。

 

<big> 标签呈现大号字体效果。

 

<hr> 标签在 HTML 页面中创建一条水平线。

水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

 

 

<tt> 标签呈现类似打字机或者等宽的文本效果。

<tt> 标签与 和 标签一样,<tt> 标签和必需的 </tt> 结束标签告诉浏览器,要把其中包含的文本显示为等宽字体。对于那些已经使用了等宽字体的浏览器来说,这个标签在文本的显示上就没有什么特殊效果了。

 

4)短语元素:<em>,<strong>,<abbr>,<acronym>,<dfn>,<blockquote>,<q>,<cite>,<code>,<kbd>,<var>,<samp>,<address>

 

以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式,但实际上,这些标签都拥有确切的语义。

我们并不反对使用它们,但是如果您只是为了达到某种视觉效果而使用这些标签的话,我们建议您使用样式表,那么做会达到更加丰富的效果。

把文本定义为强调的内容。
把文本定义为语气更强的强调的内容。
定义一个定义项目。
定义计算机代码文本。
定义样本文本。
定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。

 

5)列表:无序列表<ul>和<li>,有序列表<ol>和<li>,定义列表使用<dl>,<dt>,<dd>

<ul> 标签定义无序列表。

Disc 项目符号列表:

  • 苹果
  • 香蕉
  • 柠檬
  • 桔子

Circle 项目符号列表:

  • 苹果
  • 香蕉
  • 柠檬
  • 桔子

Square 项目符号列表:

  • 苹果
  • 香蕉
  • 柠檬
  • 桔子

一个嵌套列表:

  • 咖啡
    • 红茶
    • 绿茶
      • 中国茶
      • 非洲茶
  • 牛奶

<ol> 标签定义有序列表。

数字列表:

  1. 苹果
  2. 香蕉
  3. 柠檬
  4. 桔子

字母列表:

  1. 苹果
  2. 香蕉
  3. 柠檬
  4. 桔子

小写字母列表:

  1. 苹果
  2. 香蕉
  3. 柠檬
  4. 桔子

罗马字母列表:

  1. 苹果
  2. 香蕉
  3. 柠檬
  4. 桔子

小写罗马字母列表:

  1. 苹果
  2. 香蕉
  3. 柠檬
  4. 桔子

<dl> 标签定义了定义列表(definition list)。

<dl> 标签用于结合 (定义列表中的项目)和 (描述列表中的项目)。

一个定义列表:

计算机
用来计算的仪器 ... ...
显示器
以视觉方式显示信息的装置 ... ...

<ins> 标签定义已经被插入文档中的文本。

a dozen is 20 12 pieces

 

 

 

6)标记元素:<ins>和<del>

7)分组元素:<div>和<span>

转载于:https://www.cnblogs.com/aomi/p/3453905.html

你可能感兴趣的文章
【ul开发攻略】HTML5/CSS3菜单代码 阴影+发光+圆角
查看>>
IOS-图片操作集合
查看>>
IO—》Properties类&序列化流与反序列化流
查看>>
Codeforces 719B Anatoly and Cockroaches
查看>>
ActiveMQ与spring整合
查看>>
格式化输出数字和时间
查看>>
关于TFS2010使用常见问题
查看>>
URL编码与解码
查看>>
剑指offer系列6:数值的整数次方
查看>>
poj2752 Seek the Name, Seek the Fame
查看>>
Illustrated C#学习笔记(一)
查看>>
理解oracle中连接和会话
查看>>
HDU 5510 Bazinga KMP
查看>>
[13年迁移]Firefox下margin-top问题
查看>>
Zookeeper常用命令 (转)
查看>>
Bootstrap栅格学习
查看>>
程序员的数学
查看>>
聚合与组合
查看>>
洛谷 P2089 烤鸡【DFS递归/10重枚举】
查看>>
我眼中的技术地图
查看>>