HTML常用标签


HTML标题

HTML标题是通过<h1> ~ <h6>等标签进行定义的。

  • 浏览器会自动地在标题的前后添加空行。。
  • 默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。
  • 请确保将HTML标题标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
  • 搜索引擎使用标题为您的网页的结构和内容编制索引。
  • 因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
  • 应该将h1用作主标题(最重要的),其后是h2(次重要的),再其次是h3,以此类推。

HTML段落

  • HTML段落是通过<p>标签进行定义的。
  • 浏览器会自动地在段落的前后添加空行。

HTML链接

  • HTML链接是通过<a>标签进行定义的。
  • 使用Target属性,你可以定义被链接的文档在何处显示。

HTML图像

  • HTML图像是通过<img>标签进行定义的。

HTML换行

  • HTML换行是通过<br />标签进行实现的。

HTML水平线

  • <hr />标签在 HTML 页面中创建水平线,可用于分隔内容

HTML注释

  • 可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

文本格式化标签

<b> 定义粗体文本。
<big> 定义大号字
<em> 定义着重文字
<i> 定义斜体字
<small> 小号字
<strong> 加重语气
<sub> 下标字
<sup> 上标字
<ins> 插入下划线
<del> 删除字

示例


<html>
     <body>
     <h1>标题1</h1>
     <p>段落1:HTML链接演示</p>
     <a href="">这是一个链接</a>
     <a href="" target="_blank">这是一个链接</a>
     
     <h2>标题2</h2>
     <p>段落2:HTML图像演示</p>
     <img alt="" src="../images/imagic.jpg" width="227" height="92"/>
     
     <h3>标题3</h3>
     <p>段落3:未换行演示</p>
     <p>段落3:换行演示</p><br />
     <p>段落3:以上换行演示</p>   
     
     <h4>标题4</h4> 
     <p>段落:水平线演示</p>
     <!-- 注释  水平线 -->
     <hr />
     <p>段落:水平线演示</p>
	
     <h5>标题5文本格式化标签演示</h5> 
     <b>This text is bold </b>
     <br />
     <big>This text is big </big>
     <br />
     <em>This text is emphasized </em>
     <br />
     <i>This text is italic </i>
     <br />
     <small>This text is small</small>
     <br />
     <strong>This text is strong </strong>
     <br />
     This text contains
     <sub>subscript</sub>
     <br />
     This text contains
     <sup>subscript</sup>
     <br />
     <ins>下划线</ins>
     <br />
     <del>定义删除字</del>
     <br />
     
     <h6>标题6</h6>
     </body>

</html>
 





联系我们 | 友情链接