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

Tutoriales básicos de HTML

medios HTML

manual de referencia de HTML

HTML5 Tutoriales básicos

HTML5 API

HTML5 medios

Lista de verificación rápida HTML

lista rápida de HTML. Puede guardarlo en su equipo o imprimirlo, lo que facilita la memoria y el uso diario.

documento básico de HTML

<!DOCTYPE　html>
<html>
<head>
<title>título del documento</title>
</head>
<body>
texto visible...
</body>
</html>

etiquetas básicas (Basic Tags)

<h1>título más grande</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>título más pequeño</h6>
　
<p>este es un párrafo.</p>
<br> (salto de línea)
<hr> (línea horizontal)
<!--　esto es un comentario　-->

formateo de texto (Formatting)

<b>texto negrita</b>
<code>codigo de computadora</code>
<em>texto enfatizado</em>
<i>texto italicizado</i>
<kbd>entrada de teclado</kbd>　
<pre>texto preformateado</pre>
<small>texto más pequeño</small>
<strong>texto importante</strong>
　
<abbr> (abreviatura)
<address> (información de contacto)
<bdo> (dirección del texto)
<blockquote> (texto citado de otra fuente)
<cite> (nombre del trabajo)
<del> (texto eliminado)
<ins> (texto insertado)
<sub> (texto inferior)
<sup> (texto superior)

enlaces (Links)

enlace común：<a href="http://www.example.com/">texto de enlace</a>
enlace de imagen： <a href="http://www.example.com/><img src="URL" alt="texto de reemplazo"></a>
enlace de correo： <a href="mailto:[email protected]">enviar e-correo</a>
marco de referencia：
<a id="tips">sección de sugerencias</a>
<a href="#tips">saltar a la sección de sugerencias</a>

a>

图片（Images）42<img　src="URL"　alt="替换文本"　height="42">

"　width="/样式/区块（Styles）

<style　type="text/css">
h1　{color:yellow;}
div{background:#f9f9f9;}
p　{color:green;}
</style>
<h1>H1网页标题</h1>
<div>文档中的块级元素</div>
<p>文档中的内联元素</p>

无序列表

<ul>
　　　　<li>项目</li>
　　　　<li>项目</li>
</ul>

有序列表

<ol>
　　　　<li>第一项</li>
　　　　<li>第二项</li>
</ol>

定义列表

<dl>
　　<dt>项目　1</dt>
　　　　<dd>描述项目　1</dd>
　　<dt>项目　2</dt>
　　　　<dd>描述项目　2</dd>
</dl>

表格（Tables）

<table　border="1">
　　<tr>
　　　　<th>表格标题</th>
　　　　<th>表格标题</th>
　　</tr>
　　<tr>
　　　　<td>表格数据</td>
　　　　<td>表格数据</td>
　　</tr>
</table>

框架（Iframe）

<iframe　src="demo_iframe.htm"></iframe>

表单（Forms）

<form　action="demo_form.php"　method="post/get>
<input　type="text"　name="email"　size="40"　maxlength="50">
<input　type="password">
<input　type="checkbox"　checked="checked">
<input　type="radio"　checked="checked">
<input　type="submit"　value="Send">
<input　type="reset">
<input　type="hidden">
<select>
<option>javascript基础教程</option>
<option　selected="selected">html基础教程</option>
<option>css基础教程</option>
</select>
<textarea　name="comment"　rows="60"　cols="20"></textarea>
　
</form>

Entidades (Entities)

< equivalente a <
> equivalente a >
© equivalente a ©
Reproducir Video (Video) HTMLURL HTML