Vistazo rápido a HTML 4.01

De WikiEducator
Saltar a: navegación, buscar


Un documento básico

<html>
  <head>
   <title>Document name goes here</title>
  </head>
  <body>
  Texto visible
  </body>
</html>

Doctype

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Codificación caracteres

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Encabezados

<h1>Encabezado principal</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>Encabezado menor</h6>

Elementos de texto

<p>Esto es un párrafo</p>
<br /> (salto de línea)
<hr /> (línea horizontal)
<pre>Texto preformateado</pre>

Estilos lógicos

<em>Texto enfatizado</em>
<strong>Texto fuerte(resaltado)</strong>
<code>Código de un ordenador</code>

Estilos físicos

<b>Negrita</b>
<i>Cursiva</i>

Enlaces, anclas, imágenes

<a href="http://www.example.com/">Esto es un enlace</a>
 
<a href="http://www.example.com/"><img src="URL"
alt="Alternate Text"></a>
 
<a href="mailto:webmaster@example.com">Send e-mail</a>
 
Ancla con nombre:
<a name="nombres">Listado de nombres de alumnos</a>
<a href="#nombres">Enlace con listado de nombres de alumnos</a>

Lista no ordenada

<ul>
<li>Primer elemento</li>
<li>Segundo</li>
</ul>

Lista ordenada (numerada)

<ol>
<li>First item</li>
<li>Next item</li>
</ol>

Listas de definición

<dl>
<dt>Término 1</dt>
<dd>Definición</dd>
<dt>Término 2</dt>
<dd>Definición</dd>
</dl>

Tablas

<table border="1">
<tr>
<th>encabezado1</th>
<th>encabezado2</th>
</tr>
<tr>
<td>texto</td>
<td>texto</td>
</tr>
</table>