HTML5系列-文字标签

最新推荐文章于 2023-04-11 16:54:09 发布

前端蜗牛君

最新推荐文章于 2023-04-11 16:54:09 发布

阅读量1.2k

点赞数

分类专栏： HTML5 文章标签： html常用文本标签

你好，如果你感觉文章不错，不如我们一起维护，我在此宣言：文章只会改进绝对不会删除，链接永不失效。大家可以大胆收藏。

本文链接：https://blog.csdn.net/zqd_java/article/details/102995270

版权

HTML5 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1.p标签标记了一个段落内容。

 <p>p段落标签</p>

2.pre原样显示文本内容包括空白、换行等。

<pre>
    pre能够原样显示内容，比如多个空格   ，还有换行
        都能显示
</pre>

3.br 在html 中回车是忽略的，使用 br 标签可以实现换行效果。

4.span 标签与 div 标签都是没有语义的，span 常用于对某些文本特殊控制，但该文本又没有适合的语义标签。

 <span>无语义，无样式标签同div</span>

5.small 用于设置描述、声明等文本。

<p>说明性文本，比如:全场5折
    <small>仅限当天</small>
</p>

6.time 标签定义日期或时间，或者两者。

<time>2019-11-11</time>

7.abbr标签用于描述一个缩写内容

在WWW上，每一信息资源都有统一的且在网上唯一的地址，该地址就叫 
<abbr title="Uniform Resource Locator">URL</abbr> 统一资源定位符。

8.sub 用于数字的下标内容

水的化学式为H<sub>2</sub>O

9.sup 用于数字的上标内容

请计算5<sup>2</sup>平方

10.del 标签表示删除的内容，ins 一般与 del 标签配合使用描述更新与修正

原价 <del>200元</del> 现价 <ins>100元</ins>

11.s 标签显示效果与 del 相似，但语义用来定义那些不正确、不准确或没有用的文本。

<s>A 太阳是方的</s> <br>
B 地球是圆的

使用css实现：

<style>
      a {
        text-decoration: none;
      }
      span:nth-of-type(1) {
        text-decoration: underline;
      }
      span:nth-of-type(2) {
        text-decoration: overline;
      }
      span:nth-of-type(3) {
        text-decoration: line-through;
      }
</style>



<body>
    <a href="#">none去除超链接下划线</a>
    <span>underline下划线</span>
    <span>overline上划线</span>
    <span>line-through删除线</span>
</body>

12.code 用于显示代码块内容，一般需要代码格式化插件完成。

13.progress 用于表示完成任务的进度，当游览器不支持时显示内容。

 <progress value="60" max="100">完成60%</progress>

14.strong 标签和 em 一样，用于强调文本，但是它们的强调程度不同。

<strong>strong强调文本</strong>普通文本<em>em强调文本</em>

15.mark 用于突出显示文本内容，类似我们生活中使用的马克笔。

前端基础 <mark>HTML</mark>、<mark>CSS</mark>、<mark>JavaScript</mark>

16.address 用于设置联系地址等信息，一般将address 放在footer 标签中。

前端蜗牛君

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML5系列-文字标签

1.p标签标记了一个段落内容。 <p>p段落标签</p>2.pre原样显示文本内容包括空白、换行等。<pre> pre能够原样显示内容，比如多个空格，还有换行都能显示</pre>3.br 在html中回车是忽略的，使用br标签可以实现换行效果。4.span 标签与div标签都是没有语...
复制链接

扫一扫