热门关键字:
jquery > jquery教程 > jquery教程 > HTML&CSS基础-文本标签

HTML&CSS基础-文本标签

392
作者:管理员
发布时间:2021/2/24 18:02:45
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3997
  <!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>天将降大任于是人也,必先苦其心志,劳其筋骨,饿其体肤……</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>




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐