{"id":3390,"date":"2019-07-26T12:14:08","date_gmt":"2019-07-26T15:14:08","guid":{"rendered":"https:\/\/www.neolo.com\/blog\/?p=3390"},"modified":"2020-12-17T14:04:28","modified_gmt":"2020-12-17T17:04:28","slug":"que-son-los-codigos-html-ejemplos-simples","status":"publish","type":"post","link":"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php","title":{"rendered":"\u00bfQu\u00e9 es HTML?"},"content":{"rendered":"Tiempo de lectura:<\/span> 8<\/span> minutos<\/span><\/span>\n\n\n

\u00daltima actualizaci\u00f3n de \u00ab\u00bfQu\u00e9 es HTML?\u00bb: 17 de diciembre de 2020.<\/strong><\/p>\n\n\n\n

Generalmente, solemos pensar que una p\u00e1gina web<\/strong> no es m\u00e1s que un conjunto de elementos gr\u00e1ficos y de textos, que reflejan la esencia de una empresa en Internet. <\/p>\n\n\n\n

Si bien esto es una parte de los sitios web, tambi\u00e9n lo son los c\u00f3digos HTML<\/strong> dentro de su construcci\u00f3n.<\/p>\n\n\n\n

Los c\u00f3digos HTML <\/strong>pueden resultarnos algo complicado y aterrador, pero no por mucho tiempo. Te invitamos a leer la siguiente explicaci\u00f3n sencilla sobre lo qu\u00e9 son los c\u00f3digos HTML<\/strong> y c\u00f3mo funcionan <\/strong>junto a algunos ejemplos sencillos y actualizados. <\/p>\n\n\n\n

\u00bfQu\u00e9 son los c\u00f3digos HTML? <\/h2>\n\n\n\n
\"\"
HTML es un lenguaje que nos permite estructurar nuestra web de manera organizada y comprensible para los motores de b\u00fasqueda. <\/figcaption><\/figure><\/div>\n\n\n\n

Muchas personas tienden a confundir los c\u00f3digos HTML con un lenguaje de programaci\u00f3n, pero no es as\u00ed. <\/p>\n\n\n\n

El HTML<\/a><\/strong> es un lenguaje inform\u00e1tico basado en el etiquetado <\/strong>o modelado de informaci\u00f3n que se utiliza para desarrollar sitios web en Internet. Con este lenguaje, es posible estructurar nuestra web<\/strong>, es decir, marcar enlaces, p\u00e1rrafos, secciones, encabezados, citas, entre otros. <\/p>\n\n\n\n

Las siglas HTML<\/strong> significan \u201cHyperText Markup Language\u201d<\/strong>, lo que quiere decir en espa\u00f1ol, \u201cLenguaje de Marcas de Hipertexto\u201d, lo que efectivamente da cuenta de su significado y uso dentro de Internet. En esencia, se trata de la descripci\u00f3n y esquematizaci\u00f3n textual de tu p\u00e1gina web. <\/p>\n\n\n\n

\nhttps:\/\/www.youtube.com\/watch?v=GnPALhDSleI\n<\/div>
Descubre qu\u00e9 es HTML y para qu\u00e9 sirve.<\/figcaption><\/figure>\n\n\n\n

Por lo tanto, este tipo de lenguaje nos permite presentar una informaci\u00f3n en Internet de forma organizada y jerarquizada,<\/strong> usando las famosas tags, lo cual significa etiquetas en Hipertexto. <\/p>\n\n\n\n

No obstante, todos los sitios web en Internet utilizan este lenguaje HTML,<\/strong> por lo que aprender algunos c\u00f3digos simples podr\u00edan serte de mucho provecho para el desarrollo del sitio web<\/a> de tu negocio. <\/p>\n\n\n\n

\u00bfPodemos aprender este lenguaje?<\/h3>\n\n\n\n

Actualmente, los c\u00f3digos HTML<\/strong> son utilizados por muchos usuarios, incluso pueden ser empleados por cualquier persona que est\u00e9 interesada,<\/strong> ya que se trata de un lenguaje muy sencillo de aprender, incluso existen cursos en l\u00ednea para iniciar a los ni\u00f1os a emplear este c\u00f3digo.<\/p>\n\n\n\n

Para qu\u00e9 sirven los c\u00f3digos HTML<\/h3>\n\n\n\n

Adem\u00e1s de proporcionar el orden adecuado a la informaci\u00f3n que queremos presentar en Internet, los c\u00f3digos HTML tambi\u00e9n sirven como punto de enlace entre esta informaci\u00f3n y el buscador (Google, Bing, Yahoo! Search, entre otros) que usamos para navegar en la red.<\/p>\n\n\n\n

En este sentido, <\/strong>los c\u00f3digos HTML indican al navegador c\u00f3mo debe leer la informaci\u00f3n que est\u00e1 en un sitio web, para luego mostrarla a los visitantes. <\/p>\n\n\n\n

\u00bfC\u00f3mo funcionan los c\u00f3digos HTML?<\/h2>\n\n\n\n
\"\"
Las etiquetas HMTL funcionan como marcadores de la informaci\u00f3n, de forma que indica de que se trata cada secci\u00f3n y c\u00f3mo debe ser presentada. <\/figcaption><\/figure>\n\n\n\n

En primer lugar, imaginemos que debemos queremos redactar un art\u00edculo sencillo para nuestra web. <\/p>\n\n\n\n

Sabemos que este debe contener una estructura determinada, es decir, debe llevar un t\u00edtulo, subt\u00edtulos, una introducci\u00f3n breve, im\u00e1genes, entre otros. <\/p>\n\n\n\n

De la misma manera, las etiquetas HTML<\/strong> cumplen esta funci\u00f3n de ordenar la informaci\u00f3n e indicar qu\u00e9 es cada uno de los segmentos presentados. En s\u00edntesis, tenemos que cada uno de los sitios web es en realidad un archivo en HTML. <\/p>\n\n\n\n

As\u00ed, si tenemos una etiqueta que se\u00f1ala un T\u00edtulo, entonces el navegador entender\u00e1 que esa informaci\u00f3n es un T\u00edtulo, igualmente pasa con los subt\u00edtulos, im\u00e1genes, p\u00e1rrafos, etc. <\/p>\n\n\n\n

\u00bfC\u00f3mo podemos ver los C\u00f3digos HTML de una web?<\/h2>\n\n\n\n
\"\"
Ver el c\u00f3digo HTML de un sitio web es bastante sencillo. <\/figcaption><\/figure>\n\n\n\n

Una forma muy clara de ver los c\u00f3digos de un sitio web<\/strong>, es visitar el sitio web, y en cualquier espacio vac\u00edo, darle clic derecho a tu mouse. Luego, se desplegar\u00e1 un peque\u00f1o men\u00fa en el que dar\u00e1s un nuevo clic a \u201cVer c\u00f3digo fuente de la p\u00e1gina\u201d. <\/p>\n\n\n\n

Inmediatamente, se abrir\u00e1 una pesta\u00f1a nueva en tu navegador donde se te mostrar\u00e1n los c\u00f3digos HTML que conforman ese sitio web. <\/p>\n\n\n\n

A primera vista, te parecer\u00e1 una serie de textos sin sentido alguno y adem\u00e1s, muy complicado de entender. Pero ya ver\u00e1s que no es nada dif\u00edcil.<\/p>\n\n\n\n

\u00bfCu\u00e1l es el formato de un archivo HTML? \u00bfUna\np\u00e1gina puede tener varios archivos en HTML?<\/h3>\n\n\n\n

Cada archivo\nHTML es solo un archivo de texto sin formato, pero con una extensi\u00f3n de archivo\n.html en lugar de .txt, y est\u00e1 compuesto por muchas etiquetas HTML y el\ncontenido de una p\u00e1gina web, como bien se\u00f1alamos en l\u00edneas anteriores. <\/p>\n\n\n\n

Por otro lado, un sitio web a menudo contiene muchos\narchivos HTML que enlazan entre s\u00ed<\/strong>, y que asimismo dan forma a un sitio web\npara que este sea le\u00eddo correctamente por nuestros navegadores y buscadores,\npara as\u00ed mostrarla. <\/p>\n\n\n\n

\u00bfC\u00f3mo podemos identificar las etiquetas HTML de una web?<\/h2>\n\n\n\n
\"\"
Cada etiqueta HTML tiene dos signos que permiten identificar cada etiqueta: un signo de apertura y uno de cierre. <\/figcaption><\/figure>\n\n\n\n

Ahora bien, las etiquetas HTML de una web son las \u201cpalabras clave\u201d que no podemos ver a simple vista, <\/strong>ya que permanecen ocultas dentro del c\u00f3digo fuente, como pudimos comprobar hace un momento. <\/p>\n\n\n\n

As\u00ed pues, la forma en la que podemos detectarlas dentro de los c\u00f3digos, es a trav\u00e9s de un par de signos bien conocidos: menor que < y mayor que >.<\/strong> <\/p>\n\n\n\n

En este sentido, las etiquetas HTML<\/strong> deben tener dos partes, una apertura (menor que <) y una parte de cierre (mayor que >). Dentro de estos signos estar\u00e1 encapsulado el nombre de la etiqueta. Por ejemplo: <\/p>\n\n\n\n

<Title> que significa: \u201cT\u00edtulo\u201d. <\/strong><\/p>\n\n\n\n

Adicional a esto, debemos tener en cuenta que la etiqueta de cierre tiene el mismo texto que la etiqueta de apertura,<\/strong> pero tiene un car\u00e1cter de barra diagonal (\/) a\u00f1adido. As\u00ed, podemos entender esto como el car\u00e1cter que cierra esa etiqueta HTML. <\/p>\n\n\n\n

Por ejemplo: <\/p>\n\n\n\n

<Title>Mi p\u00e1gina web <\/Title><\/strong><\/p>\n\n\n\n

Sin embargo, hay algunas etiquetas que son una excepci\u00f3n a esta regla donde no se requiere una etiqueta de cierre. <\/p>\n\n\n\n

As\u00ed pues, la etiqueta  <img> para mostrar im\u00e1genes es un ejemplo claro de esta excepci\u00f3n. Tambi\u00e9n lo es la etiqueta BR que indica un salto de l\u00ednea.<\/p>\n\n\n\n

Estructura de un archivo b\u00e1sico de c\u00f3digos HTML<\/h2>\n\n\n\n

Primero, para comenzar a escribir los c\u00f3digos HTML de tu p\u00e1gina web, es necesario contar con un editor de texto de HTML. Uno de los m\u00e1s usados y recomendados es el editor Sublime Text<\/a>, ya que proporciona herramientas que facilitan el desarrollo de los c\u00f3digos. <\/p>\n\n\n\n

Especialistas del \u00e1rea, tambi\u00e9n recomiendan los editores: Brackets, Adobe Dreamweaver, Atom Editor<\/strong>, entre otros. <\/p>\n\n\n\n

Ahora bien, un\ndocumento de HTML b\u00e1sico debe comenzar siempre con el c\u00f3digo de apertura HTML, seguido su c\u00f3digo HTML de cierre. As\u00ed:<\/strong><\/p>\n\n\n\n

<html><\/strong><\/p>\n\n\n\n

<\/html><\/strong><\/p>\n\n\n\n

Entre estos dos, <\/strong>incluimos la etiqueta \u201chead\u201d<\/strong> que significa \u201ccabecera\u201d y en ella incluimos la etiqueta Title<\/strong> junto a su correspondiente Title de cierre. <\/p>\n\n\n\n

La etiqueta \u201chead\u201d nos permite identificar el sitio web que no se muestra en la p\u00e1gina, es decir, su nombre, descripci\u00f3n, o cualquier otro elemento especial.<\/p>\n\n\n\n

En este caso,\nsolo nos limitamos a modo de ejemplo, a se\u00f1alar el T\u00edtulo de la p\u00e1gina, como\nveremos a continuaci\u00f3n:<\/p>\n\n\n\n

<html><\/strong><\/p>\n\n\n\n

 <head><\/strong><\/p>\n\n\n\n

 \n<title> T\u00edtulo de la p\u00e1gina web <\/title><\/strong><\/p>\n\n\n\n

 <\/head><\/strong><\/p>\n\n\n\n

<\/html><\/strong><\/p>\n\n\n\n

Despu\u00e9s de\nse\u00f1alar el nombre de la p\u00e1gina web dentro de la etiqueta <head> junto a\nsu correspondiente cierre, procedemos a estructurar la etiqueta \u201cBody\u201d, la cual\nsignifica \u201ccuerpo\u201d, esto es el contenido\nvisual del sitio web<\/strong>, es decir, todo lo que podemos ver en el sitio. <\/p>\n\n\n\n

Aqu\u00ed podemos a\u00f1adir un T\u00edtulo visible en H1, que generalmente se muestra m\u00e1s resaltado que otros t\u00edtulos visuales. Tambi\u00e9n podemos a\u00f1adir p\u00e1rrafos de texto dentro de la etiqueta <p>, como veremos en el siguiente ejemplo: <\/p>\n\n\n\n

<html><\/strong><\/p>\n\n\n\n

 <head><\/strong><\/p>\n\n\n\n

 <title> T\u00edtulo de la p\u00e1gina web\n<\/title><\/strong><\/p>\n\n\n\n

 <\/head><\/strong><\/p>\n\n\n\n

<body><\/strong><\/p>\n\n\n\n

<h1> Titular de la p\u00e1gina principal\n<\/h1><\/strong><\/p>\n\n\n\n

<p> Esto es un p\u00e1rrafo. <\/p><\/strong><\/p>\n\n\n\n

<\/body><\/strong><\/p>\n\n\n\n

<\/html><\/strong><\/p>\n\n\n\n

Atributos de la etiqueta HTML<\/h2>\n\n\n\n

Primero, los atributos te permiten personalizar una etiqueta, y se indican dentro de la etiqueta de apertura, por ejemplo: <\/p>\n\n\n\n

<img src=\u00bbimage1.jpg\u00bb> <\/strong><\/p>\n\n\n\n

A los atributos frecuentemente\nse les asigna un valor con el signo de\nigualdad<\/strong>, como:<\/p>\n\n\n\n

width=\u00bb50%\u00bb<\/strong><\/p>\n\n\n\n

Por otro lado, la mayor\u00eda de los atributos son opcionales para una gran parte de las etiquetas, y solo se usan cuando se desea cambiar algo sobre la forma establecida en la que navegador muestra una etiqueta dentro de la p\u00e1gina web. <\/p>\n\n\n\n

Sin embargo,\nalgunas etiquetas, como la <img> etiqueta (etiqueta de imagen), han\nrequerido atributos tales como srcy alt<\/strong>\nque son necesarios para que el navegador muestre la p\u00e1gina web correctamente.<\/p>\n\n\n\n

Ejemplos de c\u00f3digos HTML b\u00e1sicos<\/h2>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n

Ahora vamos a mostrarte varios ejemplos de un archivo HTML b\u00e1sico<\/strong>, que contiene todas las etiquetas esenciales. <\/p>\n\n\n\n

Puedes copiar el c\u00f3digo a continuaci\u00f3n, pegarlo en tu editor de preferencia y guardarlo como mypage.html para iniciar tu propia p\u00e1gina web.<\/p>\n\n\n\n

Etiquetas para el Encabezado<\/h3>\n\n\n\n

Ahora bien, los encabezados pueden ser uno de los c\u00f3digos m\u00e1s f\u00e1ciles de aprender y adem\u00e1s, componen una de las etiquetas m\u00e1s importantes para trabajar el SEO<\/strong> de nuestra p\u00e1gina web en los buscadores. <\/p>\n\n\n\n

Hay seis tipos\ndiferentes, como se veremos a continuaci\u00f3n. Para crear un encabezado,\nsimplemente ajusta tu texto dentro de las etiquetas de encabezado que hayas\nseleccionado de acuerdo a tu contenido, as\u00ed:<\/p>\n\n\n\n

<h1> Encabezado 1 <\/h1><\/strong><\/p>\n\n\n\n

<h2> Encabezado 2 <\/h2><\/strong><\/p>\n\n\n\n

<h3> Encabezado 3 <\/h3><\/strong><\/p>\n\n\n\n

Y as\u00ed\nsucesivamente\u2026<\/p>\n\n\n\n

Etiquetas para a\u00f1adir p\u00e1rrafos<\/h3>\n\n\n\n

Como es de esperar, cada uno de los encabezados contiene sus correspondientes p\u00e1rrafos, as\u00ed como el que est\u00e1s leyendo ahora mismo. Solo debes a\u00f1adirlo dentro de la etiqueta <p>. <\/p>\n\n\n\n

Recuerda que no debe quedar abierta, es decir, debemos cerrarla as\u00ed: <\/p>. <\/p>\n\n\n\n

<p> P\u00e1rrafo <\/p><\/strong><\/p>\n\n\n\n

Se muestra:\nP\u00e1rrafo. <\/p>\n\n\n\n

Etiquetas para mostrar enlaces<\/h3>\n\n\n\n

Nuestro sitio web podr\u00eda no obtener mucha importancia, si antes no a\u00f1adimos enlaces o links hacia otros sitios web. <\/p>\n\n\n\n

Para vincular nuestros contenidos, debemos usar la etiqueta <a>,<\/strong> junto a la frase o palabra que contendr\u00e1 el v\u00ednculo, la palabra href indica la direcci\u00f3n del sitio web de destino a la que desea que vaya tu v\u00ednculo, as\u00ed:<\/p>\n\n\n\n

<a href=\u00bbhttp:\/\/www.neolo.com\/blog\/\u00bb>\n\u00a1Visitemos el incre\u00edble Blog de Neolo! <\/a><\/strong><\/p>\n\n\n\n

Y se muestra\nas\u00ed:<\/p>\n\n\n\n

\u00a1Visitemos el incre\u00edble Blog de Neolo!<\/a><\/p>\n\n\n\n

Etiquetas para los saltos de l\u00edneas<\/h3>\n\n\n\n

Como mencionamos anteriormente, los saltos de l\u00edneas no necesitan una etiqueta de cierre, ya que indican un espacio vac\u00edo dentro del texto. <\/p>\n\n\n\n

As\u00ed pues, un salto de l\u00ednea es esencialmente un espacio a\u00f1adido entre dos l\u00edneas de texto, <\/strong>y lo creamos con la etiqueta <br>.<\/p>\n\n\n\n

<p> Colocamos un salto de l\u00ednea\ndebajo de esta oraci\u00f3n. <\/strong><\/p>\n\n\n\n

<br> <\/strong><\/p>\n\n\n\n

Colocamos un salto de l\u00ednea sobre esta\nfrase. <\/p><\/strong><\/p>\n\n\n\n

Etiquetas para las im\u00e1genes<\/h3>\n\n\n\n

Si queremos que nuestros visitantes obtengan una informaci\u00f3n de forma m\u00e1s amena, ning\u00fan art\u00edculo que mostremos en nuestra p\u00e1gina web debe publicarse sin al menos, una imagen. De hecho, las im\u00e1genes son componentes altamente atractivos para atraer a nuevos lectores<\/strong> hacia nuestros contenidos.<\/p>\n\n\n\n

<img src = \u00bb https:\/\/cdn.pixabay.com\/photo\/2016\/02\/10\/16\/37\/cat-1192026_960_720.jpg\u00bb\nalt = \u00abCute Kitty\u00bb style = \u00abwidth: 500px; height: 555px;\u00bb><\/strong><\/p>\n\n\n\n

Debido a que la etiqueta de imagen solo posee atributos, no es necesario cerrarla. Los atributos de este elemento incluyen \u00absrc\u00bb o URL de imagen. <\/p>\n\n\n\n

Es importante a\u00f1adir el t\u00edtulo de la imagen, para optimizar el SEO de dicha imagen, as\u00ed como las propiedades visuales (estilo): ancho y alto que se muestran.<\/p>\n\n\n\n

Etiquetas de listas organizadas en n\u00fameros <\/h3>\n\n\n\n

Para finalizar,\nmencionaremos la etiqueta para crear listas ordenadas dentro de nuestro\ncontenido web. Las listas organizadas son presentadas con n\u00fameros en el orden\ncorrecto. <\/p>\n\n\n\n

Para crear\nc\u00f3digos de listas, usaremos la etiqueta <ol><\/strong>\nque es la \u00ablista ordenada\u00bb completa, mientras que <li> es cada uno de los \u00abelementos\nde lista\u00bb.<\/strong> Puedes incluir tantos elementos de lista como necesites.\nAs\u00ed:<\/p>\n\n\n\n

<ol><\/strong><\/p>\n\n\n\n

<li> Primer \u00edtem <\/li><\/strong><\/p>\n\n\n\n

<li> Segundo \u00edtem\n<\/li><\/strong><\/p>\n\n\n\n

<li> Tercer \u00edtem <\/li><\/strong><\/p>\n\n\n\n

<\/ol><\/strong><\/p>\n\n\n\n

Etiquetas para listas desordenadas en vi\u00f1etas<\/h3>\n\n\n\n

Solo necesitamos\ncambiar el nombre de la etiqueta para indicar la creaci\u00f3n de una lista\ndesordenada, que no es m\u00e1s que una lista sin orden, pero dividida en vi\u00f1etas. El\nnombre de esta etiqueta es <ul>. <\/p>\n\n\n\n

<ul><\/strong><\/p>\n\n\n\n

<li> Primer \u00edtem <\/li><\/strong><\/p>\n\n\n\n

<li> Segundo \u00edtem\n<\/li><\/strong><\/p>\n\n\n\n

<li> Tercer \u00edtem <\/li><\/strong><\/p>\n\n\n\n

<\/ul><\/strong><\/p>\n\n\n\n

P<\/strong>or el momento eso es todo sobre el mundo de los c\u00f3digos HTML<\/strong>. \u00bfQu\u00e9 te han parecido estos ejemplos? Cu\u00e9ntanos, te leemos. <\/p>\n\n\n\n

\u00bfNecesitas un web hosting profesional y de confianza?<\/strong> <\/p>\n\n\n\n

\u00a1Obt\u00e9n tu dominio y correo electr\u00f3nico propio!<\/strong><\/p>\n\n\n\n

M\u00c1S INFORMACI\u00d3N<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"

\u00daltima actualizaci\u00f3n de \u00ab\u00bfQu\u00e9 es HTML?\u00bb: 17 de diciembre de 2020. Generalmente, solemos pensar que una p\u00e1gina web no es m\u00e1s que un conjunto de elementos gr\u00e1ficos y de textos, que reflejan la esencia de una empresa en Internet. Si bien esto es una parte de los sitios web, tambi\u00e9n lo son los c\u00f3digos HTML […]<\/p>\n","protected":false},"author":14,"featured_media":3392,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[316],"tags":[330,70],"class_list":["post-3390","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-internet","tag-codigo-html","tag-internet"],"yoast_head":"\n\u00bfQu\u00e9 es HTML? - Neolo Blog<\/title>\n<meta name=\"description\" content=\"Descubre qu\u00e9 son los c\u00f3digos HTML, para qu\u00e9 sirven y c\u00f3mo funcionan para la creaci\u00f3n de sitios web en internet. Mira estos ejemplos simples.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfQu\u00e9 es HTML? - Neolo Blog\" \/>\n<meta property=\"og:description\" content=\"Descubre qu\u00e9 son los c\u00f3digos HTML, para qu\u00e9 sirven y c\u00f3mo funcionan para la creaci\u00f3n de sitios web en internet. Mira estos ejemplos simples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php\" \/>\n<meta property=\"og:site_name\" content=\"Neolo Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/neolohosting\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-26T15:14:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-17T17:04:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2019\/07\/\u00bfQu\u00e9-son-los-c\u00f3digos-HTML-Ejemplos-simples-1024x576.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Estefania Santana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@neolo\" \/>\n<meta name=\"twitter:site\" content=\"@neolo\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Estefania Santana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php\"},\"author\":{\"name\":\"Estefania Santana\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/74cc874e6c298318ef7dd292f42f88a4\"},\"headline\":\"\u00bfQu\u00e9 es HTML?\",\"datePublished\":\"2019-07-26T15:14:08+00:00\",\"dateModified\":\"2020-12-17T17:04:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php\"},\"wordCount\":2344,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2019\/07\/\u00bfQu\u00e9-son-los-c\u00f3digos-HTML-Ejemplos-simples.jpg\",\"keywords\":[\"codigo html\",\"Internet\"],\"articleSection\":[\"Internet\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php\",\"url\":\"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php\",\"name\":\"\u00bfQu\u00e9 es HTML? - Neolo Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2019\/07\/\u00bfQu\u00e9-son-los-c\u00f3digos-HTML-Ejemplos-simples.jpg\",\"datePublished\":\"2019-07-26T15:14:08+00:00\",\"dateModified\":\"2020-12-17T17:04:28+00:00\",\"description\":\"Descubre qu\u00e9 son los c\u00f3digos HTML, para qu\u00e9 sirven y c\u00f3mo funcionan para la creaci\u00f3n de sitios web en internet. Mira estos ejemplos simples.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#primaryimage\",\"url\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2019\/07\/\u00bfQu\u00e9-son-los-c\u00f3digos-HTML-Ejemplos-simples.jpg\",\"contentUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2019\/07\/\u00bfQu\u00e9-son-los-c\u00f3digos-HTML-Ejemplos-simples.jpg\",\"width\":5507,\"height\":3098,\"caption\":\"\u00bfQu\u00e9 son los c\u00f3digos HTML Ejemplos simples\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/www.neolo.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Internet\",\"item\":\"https:\/\/www.neolo.com\/blog\/temas\/internet\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u00bfQu\u00e9 es HTML?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#website\",\"url\":\"https:\/\/www.neolo.com\/blog\/\",\"name\":\"Neolo Blog\",\"description\":\"Blog de Neolo: Dominios, Web Hosting y Marketing Digital\",\"publisher\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.neolo.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#organization\",\"name\":\"Neolo\",\"url\":\"https:\/\/www.neolo.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png\",\"contentUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png\",\"width\":392,\"height\":83,\"caption\":\"Neolo\"},\"image\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/neolohosting\",\"https:\/\/x.com\/neolo\",\"https:\/\/www.instagram.com\/neolodotcom\/\",\"https:\/\/www.linkedin.com\/company\/neolo.com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/74cc874e6c298318ef7dd292f42f88a4\",\"name\":\"Estefania Santana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1f03e9cbb04bf960fb5bd4a2613680ab?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1f03e9cbb04bf960fb5bd4a2613680ab?s=96&r=g\",\"caption\":\"Estefania Santana\"},\"url\":\"https:\/\/www.neolo.com\/blog\/author\/estefania\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfQu\u00e9 es HTML? - Neolo Blog","description":"Descubre qu\u00e9 son los c\u00f3digos HTML, para qu\u00e9 sirven y c\u00f3mo funcionan para la creaci\u00f3n de sitios web en internet. Mira estos ejemplos simples.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php","og_type":"article","og_title":"\u00bfQu\u00e9 es HTML? - Neolo Blog","og_description":"Descubre qu\u00e9 son los c\u00f3digos HTML, para qu\u00e9 sirven y c\u00f3mo funcionan para la creaci\u00f3n de sitios web en internet. Mira estos ejemplos simples.","og_url":"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php","og_site_name":"Neolo Blog","article_publisher":"https:\/\/www.facebook.com\/neolohosting","article_published_time":"2019-07-26T15:14:08+00:00","article_modified_time":"2020-12-17T17:04:28+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2019\/07\/\u00bfQu\u00e9-son-los-c\u00f3digos-HTML-Ejemplos-simples-1024x576.jpg","type":"image\/jpeg"}],"author":"Estefania Santana","twitter_card":"summary_large_image","twitter_creator":"@neolo","twitter_site":"@neolo","twitter_misc":{"Escrito por":"Estefania Santana","Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#article","isPartOf":{"@id":"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php"},"author":{"name":"Estefania Santana","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/74cc874e6c298318ef7dd292f42f88a4"},"headline":"\u00bfQu\u00e9 es HTML?","datePublished":"2019-07-26T15:14:08+00:00","dateModified":"2020-12-17T17:04:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php"},"wordCount":2344,"commentCount":0,"publisher":{"@id":"https:\/\/www.neolo.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#primaryimage"},"thumbnailUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2019\/07\/\u00bfQu\u00e9-son-los-c\u00f3digos-HTML-Ejemplos-simples.jpg","keywords":["codigo html","Internet"],"articleSection":["Internet"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php","url":"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php","name":"\u00bfQu\u00e9 es HTML? - Neolo Blog","isPartOf":{"@id":"https:\/\/www.neolo.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#primaryimage"},"image":{"@id":"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#primaryimage"},"thumbnailUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2019\/07\/\u00bfQu\u00e9-son-los-c\u00f3digos-HTML-Ejemplos-simples.jpg","datePublished":"2019-07-26T15:14:08+00:00","dateModified":"2020-12-17T17:04:28+00:00","description":"Descubre qu\u00e9 son los c\u00f3digos HTML, para qu\u00e9 sirven y c\u00f3mo funcionan para la creaci\u00f3n de sitios web en internet. Mira estos ejemplos simples.","breadcrumb":{"@id":"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#primaryimage","url":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2019\/07\/\u00bfQu\u00e9-son-los-c\u00f3digos-HTML-Ejemplos-simples.jpg","contentUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2019\/07\/\u00bfQu\u00e9-son-los-c\u00f3digos-HTML-Ejemplos-simples.jpg","width":5507,"height":3098,"caption":"\u00bfQu\u00e9 son los c\u00f3digos HTML Ejemplos simples"},{"@type":"BreadcrumbList","@id":"https:\/\/www.neolo.com\/blog\/que-son-los-codigos-html-ejemplos-simples.php#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/www.neolo.com\/blog"},{"@type":"ListItem","position":2,"name":"Internet","item":"https:\/\/www.neolo.com\/blog\/temas\/internet"},{"@type":"ListItem","position":3,"name":"\u00bfQu\u00e9 es HTML?"}]},{"@type":"WebSite","@id":"https:\/\/www.neolo.com\/blog\/#website","url":"https:\/\/www.neolo.com\/blog\/","name":"Neolo Blog","description":"Blog de Neolo: Dominios, Web Hosting y Marketing Digital","publisher":{"@id":"https:\/\/www.neolo.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.neolo.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.neolo.com\/blog\/#organization","name":"Neolo","url":"https:\/\/www.neolo.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png","contentUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png","width":392,"height":83,"caption":"Neolo"},"image":{"@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/neolohosting","https:\/\/x.com\/neolo","https:\/\/www.instagram.com\/neolodotcom\/","https:\/\/www.linkedin.com\/company\/neolo.com\/"]},{"@type":"Person","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/74cc874e6c298318ef7dd292f42f88a4","name":"Estefania Santana","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1f03e9cbb04bf960fb5bd4a2613680ab?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1f03e9cbb04bf960fb5bd4a2613680ab?s=96&r=g","caption":"Estefania Santana"},"url":"https:\/\/www.neolo.com\/blog\/author\/estefania"}]}},"_links":{"self":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts\/3390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/comments?post=3390"}],"version-history":[{"count":61,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts\/3390\/revisions"}],"predecessor-version":[{"id":11464,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts\/3390\/revisions\/11464"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/media\/3392"}],"wp:attachment":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/media?parent=3390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/categories?post=3390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/tags?post=3390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}