网页语言HTML之二：注释、图片、链接、字体、换行与划线、文字方向

最新推荐文章于 2021-06-19 02:42:30 发布

韩湘

最新推荐文章于 2021-06-19 02:42:30 发布

阅读量237

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_38228254/article/details/87969007

版权

HTML 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

HTML学习笔记之er

博主推荐的学习网站，速成见下文。

粒子2：

<html>
<body>

<h1> 这是标题1 </h1>
<h2> 介嗝就似标题2 </h2>

<p> paragraph 1 </p>
  <!--这是一个注释-->
  <br> <!--换行符-->
  <font size="4">这是4号字体文本</font>
  <a href="http://www.runoob.com">这是一个链接</a>
  <hr> <!--分割线-->
  <!--加图片-->
  <img src="/images/logo.png" width="258" height="39" />
  
</body>
</html>

粒子3：

<html>
<body>

<h1> 介嗝就似标题1 </h1>

<p> paragraph 1
  <!--这是一个注释--><b>这个文本是加粗的</b>

<br />

<strong>这个文本是加粗的</strong>

<br />

<big>这个文本字体放大</big>

<br />

<em>这个文本是斜体的</em>

<br />

<i>这个文本是斜体的</i>

<br />

<small>这个文本是缩小的</small>

<br />

这个文本包含
<sub>下标</sub>

<br />

这个文本包含
<sup>上标</sup>
  <!--加图片-->
  </p>
  
<p>
  <pre>
此例演示如何使用 pre 标签
对空行和    空格
进行控制
</pre>
  
  
<p>该段落文字从左到右显示。</p>  
<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>  
  </p>
  
</body>
</html>

提示

 标签和基于内容的样式标签  类似。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。如果这种斜体字对该浏览器不可用的话，可以使用高亮、反白或加下划线等样式。
关于 和

在显示上，这两个标签都可是加粗文本，呢么为什么会有两个功能"相同"的标签呢？而且好像 strong 并非个例。
- ** 首先，这两个并非完全相同。比如，如果使用网页阅读器阅读网页（盲人使用），strong 会重读，b 则不会。
- ** 其次，从起源上来说，strong 是为了在未来建设语义网而诞生的。应该知道的是，html 是负责显示的标记，不能表示语义。也就是说，浏览器知道这个标签如何显示，而不知道标签所标记的内容应该是什么含义。而 strong 在语义上走出了第一步。
使用小写标签。因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。
 ，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。