English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutoriales básicos de HTML

HTML媒体

HTML参考手册

HTML5 Tutoriales básicos

HTML5 API

HTML5 媒体

HTML基础- 5个示例

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

Títulos 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>
Ver la prueba ‹/›

Párrafos HTML

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

<p>这是第一个段落。</p>
<p>这是第二个段落。</p>
<p>这是第三个段落。</p>
Ver la prueba ‹/›

HTML超链接

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

<a href="https://es.oldtoolbag.com">这是一个链接</a> 
<a href="https://es.oldtoolbag.com/html/html-tutorial.html">html基础教程超链接</a>
Ver la prueba ‹/›

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

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

Imágenes HTML

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

<img src="/static/images/logo.png" width="258" height="39" />
Ver la prueba ‹/›

注意:图像的路径、宽度、高度以属性的形式展示。

Tablas HTML

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

<table border="1">
<tr>
<td>3codebox.com教程基础之表格</td>
<td>3codebox.com教程基础之表格</td>
<td>3codebox.com教程基础之表格</td>
<td>3codebox.com教程基础之表格</td>
</tr>
</table>
Ver la prueba ‹/›

Nota: Los bordes, anchura y altura de las tablas se presentan en forma de atributos.