广告
返回顶部
首页 > 资讯 > 前端开发 > html >CSS文本标签怎么用
  • 258
分享到

CSS文本标签怎么用

2024-04-02 19:04:59 258人浏览 八月长安
摘要

本文小编为大家详细介绍“CSS文本标签怎么用”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS文本标签怎么用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。   <!D

本文小编为大家详细介绍“CSS文本标签怎么用”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS文本标签怎么用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

  <!DOCTYPE html>

  <html>

  <head>

  <meta charset="UTF-8">

  <title>文本标签</title>

  </head>

  <body>

  <!--

  <em></em>和<strong></strong>:

  em标签:

  用于表示一段内容中的着重点(强调语气)

  strong标签:

  用于表示一个内容中的重要性(强调内容,比em更强烈)

  这两个标签可以单独使用,也可以一起使用;通常em显示未斜体,而strong显示为粗体

  -->

  <p>

  <strong>警告:任何情况下不要接近僵尸</strong>

  他们只是<em>看起来</em>很友好,实际上他们是为了吃你的胳膊!

  </p>

  <p>

  今天天气<em>真好啊!</em>

  </p>

  <strong>

  注意:你如果不好好吃饭,你就没有力气减肥啦!

  </strong>

  <!--

  <i></i>和<b></b>:

  i标签:

  会使文字变成斜体。

  b标签:

  回事文字变成粗体。

  这两个标签与em和strong类似,但是这两个标签没有语义。所以根据HTML5标准,当我们只想设置文本特殊显示,而不需要强调内容就可以使用i和b标签。

  -->

  <p>

  <i>我是i标签的内容</i>

  <b>我是i标签的内容</b>

  </p>

  <!--

  small标签:

  表示细则一类的旁注,通常包括:合同中小子,免责声明 、注意事项、网站版权信息等。

  览器在显示 small标签时会显示一个比父元素小的字号。

  -->

  <p>

  我是p标签中的内容<small>我是small标签中的内容</small>

  <small>?2017原创作品,谢绝转载!否则将追究法律责任。</small>

  </p>

  <!--

  cite标签:

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

  -->

  <p>

  <cite><<火影忍者》</cite>讲的是围绕木叶忍者村的故事。

  </p>

  <!--

  <blockquote></blockquote>和 <q></q>

  blockquote标签:

  表示一个长引用(块级引用)。

  q标签:

  引用的内容浏览器默认会加上引号(行内引用)。

  -->

  <div>

  孟子 曾经说过 :

  <blockquote>天将降大任于是人也,必先苦其心志,劳其筋骨,饿其体肤&hellip;&hellip;</blockquote>

  他说的真对啊!

  </div>

  <p>

  孔子曾经说过:<q>学而时习之不亦说乎,有朋自远方来不亦乐乎</q>

  </p>

  <!--

  <sup></sup>和<sub></sub>

  sup标签:

  使用sup标签设置一个上标。

  sub标签:

  使用sub标签设置一个下标。

  -->

  <p>2<sup>1024</sup></p>

  <p>邓紫棋<sup><a href="#">[1]</a></sup></p>

  <p>H<sub>2</sub>O</p>

  <!--

  <ins></ins>和 <del></del>

  ins标签:

  表示插入的内容,显示时通常会自动加上下划线。

  del标签:

  表示删除的内容,显示时通常会自动加上删除线

  -->

  <del>16800.00RMB</del><br />

  11000.00RMB<br />

  <p>

  我们的<ins>老师真好</ins>啊!

  </p>

  <!--

  <code></code>和<pre></pre>

  code标签:

  如果你的内容包含代码示例或文件名称,就可以使用code元素,但不会保留原有格式。

  pre标签:

  表示的时预格式化文本,会将代码中的格式保存,不会忽略多个空格。

  我们一般结合使用pre和code来表示一段代码。

  -->

  <pre>

  window.onload=function(){

  alert("Hello World!");

  }

  </pre>

  <code>

  window.onload=function(){

  alert("Hello World!");

  }

  </code>

  <!--

  通常我们会这样使用

  -->

  <pre>

  <code>

  window.onload=function(){

  alert("Hello World!");

  }

  </code>

  </pre>

  </body>

  </html>

读到这里,这篇“CSS文本标签怎么用”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程网html频道。

--结束END--

本文标题: CSS文本标签怎么用

本文链接: https://www.lsjlt.com/news/93409.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • CSS文本标签怎么用
    本文小编为大家详细介绍“CSS文本标签怎么用”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS文本标签怎么用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。   <!D...
    99+
    2022-10-19
  • css文本标签是什么
    这篇文章给大家分享的是有关css文本标签是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 CSS 文本属性定义文本的外观,通过文本属性,我们可以改变文本的颜色,定义文本大小...
    99+
    2022-10-19
  • HTML中文本标签、超链接标签、图片标签怎么用
    这篇文章将为大家详细讲解有关HTML中文本标签、超链接标签、图片标签怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。   1、简介   在Web应用中,服务器把网...
    99+
    2022-10-19
  • HTML文本修饰标签怎么用
    本文小编为大家详细介绍“HTML文本修饰标签怎么用”,内容详细,步骤清晰,细节处理妥当,希望这篇“HTML文本修饰标签怎么用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。   ...
    99+
    2022-10-19
  • CSS div标签怎么使用
    这篇文章主要介绍“CSS div标签怎么使用”,在日常操作中,相信很多人在CSS div标签怎么使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS div标签怎么使用”...
    99+
    2022-10-19
  • html中 文本格式化标签怎么用
    这篇文章主要介绍了html中 文本格式化标签怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 在网页中,有时需要为文字设置粗体、斜体或...
    99+
    2022-10-19
  • HTML body里的文本与文本格式标签怎么使用
    本篇内容介绍了“HTML body里的文本与文本格式标签怎么使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所...
    99+
    2022-10-19
  • css中怎么使用span标签
    这篇文章主要介绍“css中怎么使用span标签”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“css中怎么使用span标签”文章能帮助大家解决问题。   <!...
    99+
    2022-10-19
  • html中怎么用标签实现文本分段
    这篇文章主要介绍了html中怎么用标签实现文本分段的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇html中怎么用标签实现文本分段文章都会有所收获,下面我们一起来看看吧。 ...
    99+
    2022-10-19
  • HTML的文本标签有哪些及怎么用
    今天小编给大家分享一下HTML的文本标签有哪些及怎么用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。p 段落标签顾名思义,就...
    99+
    2023-06-27
  • CSS的标签怎么正确使用
    这篇文章主要讲解了“CSS的标签怎么正确使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS的标签怎么正确使用”吧!一、h2 h3 h4标签适当使用&n...
    99+
    2022-10-19
  • CSS标签有哪些及怎么用
    这篇文章主要介绍了CSS标签有哪些及怎么用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇CSS标签有哪些及怎么用文章都会有所收获,下面我们一起来看看吧。 1,无序列表 ul...
    99+
    2022-10-19
  • css怎么设置a标签不可用
    本篇内容主要讲解“css怎么设置a标签不可用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css怎么设置a标签不可用”吧!首先,在页面中创建一个a标签; <body>&nb...
    99+
    2023-07-04
  • css怎么让p标签并排
    今天小编给大家分享一下css怎么让p标签并排的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。首先,在页面中创建一个div标签,...
    99+
    2023-07-04
  • css怎么设置所有标签
    本篇内容介绍了“css怎么设置所有标签”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!将所有标签都列出来,语法“body,ol,ul,h2,h...
    99+
    2023-06-20
  • css怎么设置a标签鼠标样式
    这篇文章主要介绍了css怎么设置a标签鼠标样式的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇css怎么设置a标签鼠标样式文章都会有所收获,下面我们一起来看看吧。使用hover设置a标签的鼠标悬停样式 ...
    99+
    2023-07-04
  • HTML字符实体与文本格式化标签怎么用
    小编给大家分享一下HTML字符实体与文本格式化标签怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   HTML 字符实体...
    99+
    2022-10-19
  • 怎么调用HTML标签进行CSS布局
    这篇文章主要讲解了“怎么调用HTML标签进行CSS布局”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么调用HTML标签进行CSS布局”吧!合理使用HTML...
    99+
    2022-10-19
  • DIV标签内的CSS样式怎么使用
    本篇内容主要讲解“DIV标签内的CSS样式怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“DIV标签内的CSS样式怎么使用”吧!一、介绍与解释DIV标签内...
    99+
    2022-10-19
  • css怎么清除li标签样式
    这篇文章主要介绍了css怎么清除li标签样式的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇css怎么清除li标签样式文章都会有所收获,下面我们一起来看看吧。首先,在页面中使用ul、li标签创建一个列表;&nbs...
    99+
    2023-07-04
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作