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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<html>
<body><h4>Disc 项目符号列表:</h4>
<ul type="disc"><li>苹果</li><li>香蕉</li><li>柠檬</li><li>桔子</li>
</ul>  <h4>Circle 项目符号列表:</h4>
<ul type="circle"><li>苹果</li><li>香蕉</li><li>柠檬</li><li>桔子</li>
</ul>  <h4>Square 项目符号列表:</h4>
<ul type="square"><li>苹果</li><li>香蕉</li><li>柠檬</li><li>桔子</li>
</ul>  </body>
</html>

<html><body><h4>一个嵌套列表:</h4>
<ul><li>咖啡</li><li>茶<ul><li>红茶</li><li>绿茶<ul><li>中国茶</li><li>非洲茶</li></ul></li></ul></li><li>牛奶</li>
</ul></body>
</html>

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

<html>
<body><h4>数字列表:</h4>
<ol><li>苹果</li><li>香蕉</li><li>柠檬</li><li>桔子</li>
</ol>  <h4>字母列表:</h4>
<ol type="A"><li>苹果</li><li>香蕉</li><li>柠檬</li><li>桔子</li>
</ol>  <h4>小写字母列表:</h4>
<ol type="a"><li>苹果</li><li>香蕉</li><li>柠檬</li><li>桔子</li>
</ol>  <h4>罗马字母列表:</h4>
<ol type="I"><li>苹果</li><li>香蕉</li><li>柠檬</li><li>桔子</li>
</ol>  <h4>小写罗马字母列表:</h4>
<ol type="i"><li>苹果</li><li>香蕉</li><li>柠檬</li><li>桔子</li>
</ol>  </body>
</html>

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

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

<html><body><h2>一个定义列表:</h2><dl><dt>计算机</dt><dd>用来计算的仪器 ... ...</dd><dt>显示器</dt><dd>以视觉方式显示信息的装置 ... ...</dd>
</dl></body>
</html>

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

a dozen is <del>20</del> <ins>12</ins> pieces

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

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

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

HTML语言的一些元素(二)相关推荐

  1. 动态二维数组外圈元素值的和_C语言 | 用指向元素的指针变量输出二维数组元素的值...

    例33:有一个3*4的二维数组,要求用C语言实现指向元素的指针变量输出二维数组个元素的值. 解题思路:二维数组的元素时整型的,它相当于整型变量,可以用int*型指针变量指向它.二维数组的元素在内存中是 ...

  2. C语言学习之将一个二维数组的行和列互换,存到另一个二维数组中

    C语言学习之将一个二维数组的行和列互换,存到另一个二维数组中 #include <stdio.h> int main(){int a[2][3]={{1,2,3},{4,5,6}}; // ...

  3. c语言中二维数组怎么,c语言中什么是二维数组

    c语言中什么是二维数组 二维数组A[m][n],这是一个m行,n列的二维数组.以下是由应届毕业生小编整理关于c语言二维数组的内容,希望对大家有所帮助!更多相关内容请关注应届毕业生考试 网. c语言的二 ...

  4. C语言速看,C语言高速入门系列(二)

    C语言高速入门系列(二) -----转载请注明出处coder-pig 本节引言: 在前面一节中我们对C语言进行了初步的了解,学会了使用IDE进行代码的编写,编译执行! 在这一节中我们会对C语言的基本的 ...

  5. 实体类 接口_Java 语言基础编程题 (二维数组, 五子棋游戏, 实体类和接口)

    原文:Java 语言基础编程题 (二维数组, 五子棋游戏, 实体类和接口, 视频讲解) 这里分享三道编程题, 下面是我个人的视频讲解 二维数组, 五子棋游戏, 实体类和接口_哔哩哔哩 (゜-゜)つロ ...

  6. c语言中的下标变量是什么,c语言引用数组元素时其数组下标的允许的数据类型是什么...

    c语言引用数组元素时其数组下标的允许的数据类型是什么 发布时间:2020-07-30 11:56:52 来源:亿速云 阅读:621 作者:Leah c语言引用数组元素时其数组下标的允许的数据类型是什么 ...

  7. python电子章_python二级电子教案 第2章 Python语言基本语法元素

    <python二级电子教案 第2章 Python语言基本语法元素>由会员分享,可在线阅读,更多相关<python二级电子教案 第2章 Python语言基本语法元素(46页珍藏版)&g ...

  8. 《Python语言程序设计》实验二

    <Python语言程序设计>实验二 一.实验项目:Python语言序列数据结构2 1.字典运算及应用 2.集合运算及应用 3.可迭代对象应用 4.理解并运用内置函数enumerate(), ...

  9. c语言求比平均值大的元素,c语言 10个元素的数组求平均值并输出比平均值大的数...

    [c语言]编写程序,求数组a中前n个元素的最大值max.最小值min及平均值avg. 是前n个元素么?main(){inti=n,sum=0;max=a[0];min=a[0];for(i=0;ia[ ...

  10. c语言中定义字母二维数组,C语言 | 数组

    原标题:C语言 | 数组 1. 一维数组的定义和使用通过对前面知识的学习,我们已经知道如何定义和使用一个一个的各种变量,但总有不够用的时候.举个例子,我要记录一个班32个同学C语言这科的成绩,难道要定 ...

最新文章

  1. 高软作业三:原型化设计——随心记
  2. Mvc中使用MvcSiteMapProvider实现站点地图之基础篇
  3. HTTPS时代已来,你做好准备了吗?
  4. 数据库库存扣减乐观锁使用
  5. 一年之后 重温旧“梦”
  6. 分享 | 开源的中文语音识别系统
  7. 轻量容器和注射依赖 的自实现
  8. php是什么电器元件,第三代计算机采用的主要电子元器件是什么
  9. xsd是什么文件,作用是什么?
  10. AD20输出PDF 打印 位号图 焊接图
  11. 深度学习非自回归语音合成与自回归语音合成对比
  12. Ubuntu下截图工具推荐
  13. 微信JS-SDK说明文档 能调用微信扫一扫 ,那能不能让浏览器支持微信支付呢
  14. 公式编辑器mathType中的公式在word中显示乱码的问题
  15. 基于深度学习智能问答笔记
  16. SLURM Array Job
  17. 实现手机扫描二维码页面登录,类似web微信-第三篇,手机客户端
  18. CSS3之太极图源代码
  19. DirectX、DirectShow关系等
  20. html中textarea标签的换行

热门文章

  1. GDI+_VB6_ARGB
  2. intellij自动补全变量名和变量属性
  3. [转]phpmyadmin安装使用
  4. Spring Boot 问题记录
  5. flex弹性盒子的兼容性写法
  6. 程序员应该练练太极拳
  7. 博客园12月份第1周51Aspx源码发布详情
  8. ReportServer中,要配置远程可登录帐号
  9. python3 十六进制字符串进行分割并累加
  10. Akka源码分析-Remote-收消息