HTML 文本标签

HTML 文本标签,第1张

概述一、标题标签    单词缩写: head 头部. 标题   为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题,即<h1>~<h6>,代表六个级别的标题,<h1>代表最大的标题,<h6>代表最小的标题。   标题标签语义:  作为标题使用,并且依据重要性递减。   注意: h1 标签因为重要,尽量少用 <h1>一级标题</h1><h2>二级标题</h2>< 一、标题标签

   单词缩写: @R_301_6882@ 头部. 标题

  为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题,即<h1>~<h6>,代表六个级别的标题,<h1>代表最大的标题,<h6>代表最小的标题。

  标题标签语义:  作为标题使用,并且依据重要性递减。

  注意: h1 标签因为重要,尽量少用

<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>
二、段落标签

  单词缩写: paragraph 段落

  在网页中要把文字有条理地显示出来,离不开段落标签,类似于平常写文章一样,整个网页也可以分为若干个段落。

  段落标签是HTML文档中最常见的标签,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。

<p>这是一个段落。。。</p>
三、水平线标签(单标签)

  单词缩写: horizontal 横线。

  在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明。这些水平线可以通过插入图片实现,也可以简单地通过标签来完成,<hr />就是创建横跨网页水平线的标签。

<hr /> 水平线
四、换行标签(单标签)

  单词缩写: break 打断,换行

  在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。如果希望某段文本强制换行显示,就需要使用换行标签

<br />
五、引用标签

  <q> 标签定义短的引用,浏览器经常在引用的内容周围添加引号;

  <blockquote> 定义块引用,其包含的文本都会从常规文本中分离出来,左、右两侧会缩进显示,有时显示为斜体。

<q>细节决定成败</q><blockquote>     <p>生命在于折腾啊!</p> </blockquote>

  Tips:一段文本不可以直接放在 blockquote 元素中,应包含在一个块元素中,如 p 元素。

六、文本格式化标签

  在网页中,有时需要为文字设置粗体、斜体或下划线效果,这时就需要用到HTML中的文本格式化标签,使文字以特殊的方式显示。

  

标签 显示效果
<b></b>和<strong></strong> 文字以粗体方式显示(xhtml推荐使用 strong)
<i></i>和<em></em> 文字以斜体方式显示(xhtml推荐使用em)
<s></s>和<del></del> 文字以加删除线方式显示(xhtml推荐使用del)
<u></u>和<ins></ins> 文字以加下划线方式显示(xhtml不赞成使用u)
<small></small> 定义小号字体,标签包含的文本比周围小一号,下限1号文本
<big></big> 定义大号字体,标签包含的文字比周围大一号,上限7号文本
<sub></sub> 定义下标文本,以当前文本流中字符高度一半显示,但是与文本流中字符字体字号一致
<sup></sup> 定义上标文本,以当前文本流中字符高度一半显示,但是与文本流中字符字体字号一致

  Tips: b i s u 只有使用 没有 强调的意思 strong em del ins 语义更强烈

  Tips: <sub>、<sup>标签,在数学公式、科学符号和化学公式中非常有用。

七、输出文本

  HTML元素提供了如下输出信息的标签:

  

标签 说明
<code> 表示代码字体,显示源代码
<pre> 表示预定义格式的源代码,保留源代码显示中的空格大小
<tt> 表示打印机字体
<kbd> 表示键盘字体
<dfn> 表示定义的术语
<var> 表示变量字体
<samp> 表示代码范例
八、缩写文本

  <abbr> 标签可以定义简称或缩写,通过对缩写进行标记,能够为浏览器、搜索引擎提供有用的信息。

  <acronym>标签是定义首字母缩写。

<abbr titile="Hyper MarkuP Language">HTML</abbr><acronym titile="Hyper MarkuP Language">HTML</acronym>

  Tips:可以使用 Title 属性,设置在鼠标移动到上显示完整文本。

九、文本方向

  使用<bdo> 标签可以改变文本流的方向,包含一个属性:dir,取值包活 ltr(从左到右) 和 rtl(从右到左)。

<bdo dir="rtl">床前明月光</bdo>

  

  更多的标签请到这里学习:http://www.w3school.com.cn/tags/index.asp

总结

以上是内存溢出为你收集整理的HTML 文本标签全部内容,希望文章能够帮你解决HTML 文本标签所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1066568.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存