Ejemplos Básicos HTML

No te preocupes si estos ejemplos usan etiquetas que aún no haz aprendido. Las aprenderás en el siguiente ejemplo.

Documentos HTML

Todos los documentos HTML deben empezar con un tipo de declaración: <!Doctype html>.

El documento HTML en sí empieza con <html> y termina con </html>.

La parte visible del documento se encuentra entre <body> y </body>.

<!doctype>
<html>
<body>
  <h1>Mi Primer Encabezado</h1>
  <p>Mi Primer Párrafo.</p>
</body>
</html>

Encabezados HTML

Los encabezado HTML son definidos desde la etiqueta <h1> (la mayor) hasta la etiqueta <h6> (la menor):

<h1>Este es un Encabezado</h1>
<h2>Este es un Encabezado</h2>
<h3>Este es un Encabezado</h3>
<h4>Este es un Encabezado</h4>
<h5>Este es un Encabezado</h5>
<h6>Este es un Encabezado</h6>

Párrafos HTML

Los párrafos HTML son definidos con la etiqueta <p>:

<p>Esto es un Parrafo</p>
<p>Esto es otro Parrafo</p>

Ligas HTML

Las ligas HTML son definidas con la etiqueta <a>

<a href="http:www.exasoluciones.com">Esto es una liga</a>

El destino del la liga es especificado en el atributo href.

Los Atributos son usados para proveer información adicional a los elementos HTML.

Imágenes HTML

Las imágenes en HTML son definidas con la etiqueta <img>.

El archivo fuente (src), texto alternativo (alt), y tamaño (width y height) son los atributos para proveer dicha información:

<img src="/logotipo.jpg" alt="exasoluciones.com" width="104" height="104">