HTML中的文本标签及样式

前言：文本标签用于标识网页中的不同内容

首先要讲的是和标签。em标签用于表示一段内容中的着重点。 strong标签用于表示一个内容的重要性。这两个标签可以单独使用，也可以一起使用。通常em显示为斜体，而strong显示为粗体。

<p> <strong>警告：任何情况下不要尝试毒品。</strong>他们只是 <em>看起来</em> 很舒爽，实际上它能毁掉你！ </p>

和 这两个标签和em和strong类似，但是这两个标签没有语义。当我们只想设置文本特殊显示，而不需要强调内容时就可以使用i和b标签。 i标签会使文字变成斜体。 b标签会使文字变成粗体

<p> <b>警告：任何情况下不要尝试毒品。</b>他们只是 <i>看起来</i> 很舒爽，实际上它能毁掉你！</p>

 small标签表示细则一类的旁注，通常包括免责声明、注意事项、法律限制、版权信息等。浏览器在显示small标签时会显示一个比父元素小的字号

<p>2018.xx.xx<small>&copy;xxxxxxxxx保留最终解释权.</small></p>

< cite> 使用cite标签可以指明对某内容的引用或参考。例如，戏剧、文章或图书的标题，歌曲、电影、照片或雕塑的名称等。

<p> <cite>《西游记》</cite>讲的是一个和尚和他的三个徒弟去西天取经的故事。 </p>

< blockquote>和< q>表示标记引用的文本。 blockquote用于长引用，q用于短引用。在两个标签中还可以使用cite属性来表示引用的地址。

<body>曾有人这样说过： <blockquote>钱是王八蛋，没了还能赚...</blockquote> 他说的真对啊！
<p>孔子曾经说过：<q>学而时习之不亦说乎</q></p>

和 用于定义上标和下标。上标主要用于表示类似于10³中的3。下标则用于表示类似余H₂O中的2

H<sub>2</sub>O
10<sup>3</sup>

< ins>和< del> ，ins表示插入的内容，显示时通常会加上下划线。 del表示删除的内容，显示时通常会加上删除线，比如淘宝价格中那个灰色的原价。

999<br>
<del>￥999.99</del>

< code>和< pre> 如果你的内容包含代码示例或文件名，就可以使用code元素。 pre元素表示的是预格式化文本，可以使用 pre包住code来表示一段代码。

  function method1(){alert("hello xxxxx"); }

HTML中的文本标签及样式相关推荐

CSS之文本标签及样式
文本标签 1.em 和 strong em标签用于表示一段内容中的着重点. strong标签用于表示一个内容的重要性. 这两个标签可以单独使用,也可以一起使用. <strong ...
R语言text函数在R原生可视化结果中添加文本标签、内容：指定文本显示的位置、颜色、字体大小等（Position、Change Color 、 Size of Text）
R语言text函数在R原生可视化结果中添加文本标签.内容:指定文本显示的位置.颜色.字体大小等(Position.Change Color . Size of Text) 目录
R语言应用calibrate包的textxy函数向R原生绘图结果中添加文本标签：添加多个文本标签、改变文本标签的字体、改变文本标签的字体颜色
R语言应用calibrate包的textxy函数向R原生绘图结果中添加文本标签:添加多个文本标签.改变文本标签的字体.改变文本标签的字体颜色目录
从Chrome中的css自定义样式按钮中删除蓝色边框
本文翻译自:Remove blue border from css custom-styled button in Chrome I'm working on a web page, and I wa ...
【Android 逆向】arm 汇编 ( 使用 IDA 解析 arm 架构的动态库文件 | 使用 IDA 打开 arm 动态库文件 | 切换 IDA 中汇编代码显示样式 )
文章目录一.使用 IDA 打开 arm 动态库文件二.切换 IDA 中汇编代码显示样式一.使用 IDA 打开 arm 动态库文件分析 Android SDK 中的 arm 架构的动态库 , 动 ...
网页设计中的默认字体样式详解
浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏 ...
php 修改 wordpress,修改WordPress中文章编辑器的样式的方法详解
这篇文章主要介绍了修改WordPress中文章编辑器的样式的方法详解,同时文中也推荐了两款取代默认文章编辑器的插件,需要的朋友可以参考下自定义文章编辑器的样式每一个 WordPress 主题的文章样 ...
bootstrap 隐藏元素_Bootstrap中折叠面板的样式内容
Bootstrap折叠板插件允许你在网页中用一点点JavaScript以及CSS类切换内容,控制内容的可见性.它是一个灵活的插件,使用少量的类(来自必需的过渡插件),以方便切换行为. 运作方式插件用 ...
html h1转换为行内,css中转换为行内样式的解决方案(css-inline)
聊聊场景发送邮件在第三方网站中嵌入HTML 从其他编辑器拷贝编辑好的文章发布到微信.今日头条等自媒体在以上场景使用行内样式的兼容性要高很多,也可以保持原样式不变解决方案这两种方案功能和 Ap ...

HTML中的文本标签及样式

HTML中的文本标签及样式相关推荐

最新文章

热门文章