{"id":4577,"date":"2025-03-04T08:56:03","date_gmt":"2025-03-04T07:56:03","guid":{"rendered":"https:\/\/sutilweb.eu\/?page_id=4577"},"modified":"2025-03-04T08:56:03","modified_gmt":"2025-03-04T07:56:03","slug":"02-nuestro-primer-documento-html","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-practico\/02-nuestro-primer-documento-html\/","title":{"rendered":"02. Nuestro primer documento HTML"},"content":{"rendered":"\n

En este cap\u00edtulo vamos a crear nuestro primer documento HTML<\/strong>, nuestro primer archivo se va a llamar index.html,<\/em> se le suele llamar index.html<\/em> porque se trata de una convenci\u00f3n en todo lo relacionado con el dise\u00f1o y desarrollo web, que el archivo HTML<\/strong> principal que carga nuestro proyecto se denomine index.html.<\/em> Y, muy importante, tenemos que poner el nombre del archivo (index)<\/em> y su extensi\u00f3n (.html).<\/em><\/p>\n\n\n\n

Veamos la sintaxis b\u00e1sica de un documento HTML<\/strong> t\u00edpico.<\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Document<\/title>\n<\/head>\n<body>\n   \n<\/body>\n<\/html><\/pre>\n\n\n\n
Todos los c\u00f3digos que van entre los signos menor que \u2013 mayor que (<><\/em><\/strong>) son denominados etiquetas. <\/strong>Hay etiquetas que abren y cierran en una misma linea de c\u00f3digo, y habr\u00e1 otras etiquetas<\/strong> , como la etiqueta <meta><\/em><\/strong> que s\u00f3lo abre en una sola etiqueta,<\/strong> es decir, no tiene una etiqueta de cierre.<\/strong> Las etiquetas de cierre<\/strong> tienen una diagonal, con esta forma.<\/p>\n\n\n\n
<p>Esto es un p\u00e1rrafo<\/p><\/pre>\n\n\n\n
Las etiquetas HTML<\/strong> pueden tener atributos HTML,<\/strong> los cuales tendr\u00e1n valores.<\/p>\n\n\n\n
Ejm<\/strong><\/p>\n\n\n\n
<p class=\"parrafo\">P\u00e1rrafo con el atributo class<\/p><\/pre>\n\n\n\n
La etiqueta principal de un documento HTML es <html>. En HTML, las etiquetas y atributos de preferencia van escritos en min\u00fascula, y aunque HTML no distingue entra may\u00fasculas y min\u00fasculas, la buena pr\u00e1ctica (salvo su etiqueta DOCTYPE), la mayor\u00eda de sus etiquetas y atributos van en min\u00fasculas.<\/p>\n\n\n\n
El documento HTML est\u00e1 compuesto de dos partes:<\/p>\n\n\n\n