HTML 基础- 5个示例

35 阅读1分钟

下面通过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 段落

HTML 段落是通过标签

来定义的.

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

HTML 超链接

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

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

示例

<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 段落

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

示例

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

HTML 超链接

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

示例

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

HTML 图像

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

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

HTML 表格

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

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

引用

菜鸟教程