En este capítulo vamos a mostrar algunos ejms básicos. No te preocupes si no comprendes todo el código, se irá explicando a lo largo de los capítulos posteriores.

Documentos HTML

Todos los documentos deben comenzar con la declaración <!DOCTYPE html>. Posteriormente debe incluir las etiquetas <html> y </html>. La parte visible del documento la encontraremos entre las etiquetas <body> y </body>.

Ejm

<!DOCTYPE html>
<html>
<body>

<h1>Mi primer encabezado</h1>
<p>Mi primer párrafo</p>

</body>
</html>

La declaración <!DOCTYPE>

La declaración <!DOCTYPE> representa el tipo de documento, y ayuda a los navegadores a mostrar las webs correctamente. Siempre debe aparecer al comienzo del documento. No son CASE SENSITIVE, es decir, no son sensibles a mayúsculas o minúsculas. La declaración <!DOCTYPE> para HTML5 es

<!DOCTYPE html5>

---

Encabezados HTML5

Los encabezados vienen definidos con las etiquetas <h1>, <h2>... <h6>. <h1> definiría el encabezado o cabecera más importante, mientras que <h6> definiría el encabezado menos importante.

Ejm

<h1>Encabezado 1</h1>
<h2>Encabezado 1</h2>
<h3>Encabezado 1</h3>

Párrafos HTML5

Son definidos mediante la etiqueta <p>, de la siguiente forma.

<p>Esto es un párrafo</p>
<p>Esto es otro párrafo</p>

Enlaces en HTML5

Son definidos mediante la etiqueta <a>, de la siguiente manera.

<a href="https://sutilweb.com">Esto es un enlace</a>

El destino del enlace o link se especifica mediante el atributo href. Los atributos son utilizados para proveer información adicional acerca de los elementos HTML.

Imágenes en HTML5

Son definidas mediante la etiqueta <img>, de la siguiente forma.

<img src="sutilweb.jpg" alt="sutilweb.com" width="104" height="142" />

Los atributos src, alt, width y height, incluidos en la etiqueta <img>, proveen más características a dicha etiqueta.