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.