{"id":1409,"date":"2024-05-22T17:33:50","date_gmt":"2024-05-22T17:33:50","guid":{"rendered":"https:\/\/orpot.com\/blog\/?p=1409"},"modified":"2024-05-22T17:38:26","modified_gmt":"2024-05-22T17:38:26","slug":"html-introduccion","status":"publish","type":"post","link":"https:\/\/orpot.com\/blog\/html-introduccion\/","title":{"rendered":"HTML : Introducci\u00f3n"},"content":{"rendered":"
\n

El HTML es el bloque de construcci\u00f3n m\u00e1s b\u00e1sico de la Web.<\/span><\/p>\n<\/header>\n

Cuando naci\u00f3 la Web, ten\u00edamos archivos HTML, que se almacenaban en un servidor (una ubicaci\u00f3n centralizada), y los navegadores pod\u00edan visualizar el contenido de los archivos HTML al solicitarlos al servidor.Veremos m\u00e1s sobre esto m\u00e1s adelante, pero por ahora, centr\u00e9monos en HTML.HTML significa \u00abLenguaje de Marcado de Hipertexto\u00bb, y no es estrictamente un lenguaje de programaci\u00f3n. HTML es un lenguaje de marcado y est\u00e1 estructurado utilizando etiquetas.En su forma b\u00e1sica, HTML se almacena en un archivo con la extensi\u00f3n .html.En un archivo HTML, b\u00e1sicamente escribimos texto, como lo har\u00edamos en un archivo de texto plano, pero lo guardamos con la extensi\u00f3n .html.<\/p>\n

Este archivo contiene alg\u00fan contenido, como p\u00e1rrafos o t\u00edtulos, organizados con alg\u00fan marcado que el navegador utiliza para obtener informaci\u00f3n sobre c\u00f3mo visualizar este contenido para el usuario final.<\/p>\n

Aqu\u00ed tienes un ejemplo de HTML en acci\u00f3n:<\/p>\n

<!DOCTYPE\u00a0html>\r\n<html>\r\n\u00a0\u00a0<head>\r\n\r\n\u00a0\u00a0<\/head>\r\n\u00a0\u00a0<body>\r\n\u00a0\u00a0\u00a0\u00a0<p>Un\u00a0p\u00e1rrafo\u00a0de\u00a0texto<\/p>\r\n\r\n\u00a0\u00a0\u00a0\u00a0<ul>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<li>Primer\u00a0elemento<\/li>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<li>Segundo\u00a0elemento<\/li>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<li>Tercer\u00a0elemento<\/li>\r\n\u00a0\u00a0\u00a0\u00a0<\/ul>\r\n\u00a0\u00a0<\/body>\r\n<\/html>\r\n<\/pre>\n
 <\/p>\n
Este fragmento de HTML indica que un p\u00e1rrafo de texto es un p\u00e1rrafo. Luego, tenemos una lista de 3 elementos.<\/p>\n
p significa p\u00e1rrafo, ul significa lista no ordenada y li significa elemento de lista.<\/p>\n
Para cada uno de ellos, tenemos una etiqueta de apertura (como <p>), el contenido y una etiqueta de cierre (como <\/p>).<\/p>\n
Entonces, <etiqueta de apertura> \u2026contenido \u2026 <\/etiqueta de cierre>.<\/p>\n
Ahora quiero contarte algo sobre HTML que debes saber.<\/p>\n
HTML no es presentacional. No se preocupa por c\u00f3mo lucen las cosas.<\/p>\n
En cambio, se preocupa por qu\u00e9 significan las cosas.<\/p>\n
No le dices \u00abhaz este p\u00e1rrafo rojo\u00bb en HTML.<\/p>\n
Eso es un aspecto presentacional.<\/p>\n
HTML solo se preocupa por el contenido.<\/p>\n
Simplemente agrega algunos estilos predefinidos aqu\u00ed y all\u00e1, como por ejemplo con la lista. Pero eso es todo. No hay personalizaci\u00f3n que puedas hacer sobre c\u00f3mo se ve, en HTML.<\/p>\n
Ese ser\u00e1 el trabajo de CSS, pero esa es una historia para otra lecci\u00f3n.<\/p>\n<\/article>\n","protected":false},"excerpt":{"rendered":"
El HTML es el bloque de construcci\u00f3n m\u00e1s b\u00e1sico de la Web. Cuando naci\u00f3 la…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[178,180],"tags":[],"_links":{"self":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1409"}],"collection":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/comments?post=1409"}],"version-history":[{"count":6,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1409\/revisions"}],"predecessor-version":[{"id":1417,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1409\/revisions\/1417"}],"wp:attachment":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media?parent=1409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/categories?post=1409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/tags?post=1409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}