HTML基础- 5个示例-易站站长网

下面通过5个简单示例，向您展示html不同的网页标签的用途，以及效果预览。

HTML 标题

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.

示例

<h1>我是标题1 h1</h1> <h2>我是标题2 h2</h2> <h3>我是标题3 h3</h3> <h4>我是标题4 h4</h4> <h5>我是标题5 h5</h5> <h6>我是标题6 h6</h6>

HTML 段落是通过标签 <p> 来定义的.

示例

<p>这是第一个段落。</p> <p>这是第二个段落。</p> <p>这是第三个段落。</p>

HTML 链接是通过标签 <a> 来定义的.

示例

<a href="https://www.nhooo.com">这是一个链接</a>  <a href="https://www.nhooo.com/html/html-tutorial.html">html基础教程超链接</a>

提示:在 href 属性中指定链接的地址。

(您将在本教程稍后的章节中学习更多有关属性的知识).

HTML 图像是通过标签 <img> 来定义的.

示例

<img src="/static/images/logo.png" width="258" height="39" />

注意：图像的路径、宽度、高度是以属性的形式展现的。

HTML 表格是通过标签 <table> 来定义的.

示例

<table border="1"> <tr> <td>nhooo.com基础教程之表格</td> <td>nhooo.com基础教程之表格</td> <td>nhooo.com基础教程之表格</td> <td>nhooo.com基础教程之表格</td> </tr> </table>

注意：表格的边框，宽度、高度是以属性的形式展现的。

THE END