{"id":59238,"date":"2023-02-16T23:47:23","date_gmt":"2023-02-16T22:47:23","guid":{"rendered":"https:\/\/www.carolinacampalans.com\/glossary\/lenguaje-de-marcado\/"},"modified":"2023-02-16T23:47:23","modified_gmt":"2023-02-16T22:47:23","slug":"lenguaje-de-marcado","status":"publish","type":"glosario","link":"https:\/\/www.carolinacampalans.com\/?glosario=lenguaje-de-marcado","title":{"rendered":"lenguaje de marcado"},"content":{"rendered":"<div class=\"ttr_start\"><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><p>En inform\u00e1tica, sistema de codificaci\u00f3n de un documento, por medio de etiquetas u otro tipo de marcas, para definir su estructura o presentaci\u00f3n.<\/p>\n<\/div><div class=\"fusion-text fusion-text-2\">\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-two\"><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:36;line-height:1.5;\">Descripci\u00f3n<\/h2><\/div><div class=\"fusion-text fusion-text-3\"><p class=\"first-token\" data-path-to-node=\"0\"><span class=\"\">Un <\/span>lenguaje de marcado<span class=\"\"> es un sistema para anotar un documento de forma que sea sint\u00e1cticamente distinguible del texto original.<\/span><span class=\"\"> A diferencia de un lenguaje de programaci\u00f3n,<\/span><span class=\"\"> que le dice al ordenador <\/span><i class=\"\" data-path-to-node=\"0\" data-index-in-node=\"225\">qu\u00e9 hacer<\/i><span class=\"\">,<\/span><span class=\"\"> un lenguaje de marcado le indica <\/span>c\u00f3mo estructurar o presentar los datos<span class=\"\">.<\/span><\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-three\"><h3 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:24;--minFontSize:24;line-height:1.5;\">Funcionamiento<\/h3><\/div><div class=\"fusion-text fusion-text-4\"><p><span class=\"citation-25 citation-end-25\">La idea principal es rodear el contenido con etiquetas (<em>tags<\/em>) o s\u00edmbolos especiales que contienen instrucciones.<\/span> <span class=\"citation-24 citation-end-24\">Estas instrucciones no son visibles para el usuario final, sino que son interpretadas por un <em>software<\/em> (como un navegador web o un editor de texto especializado).<\/span><\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-3 fusion-sep-none fusion-title-text fusion-title-size-three\"><h3 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:24;--minFontSize:24;line-height:1.5;\">Elementos b\u00e1sicos<\/h3><\/div><div class=\"fusion-text fusion-text-5\"><h4 data-path-to-node=\"6,0,0\"><span class=\"ez-toc-section\" id=\"Etiquetas\"><\/span>Etiquetas<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p data-path-to-node=\"6,0,0\">Suelen ir entre corchetes angulares, como &lt;h1&gt; o &lt;\/h1&gt;.<\/p>\n<h4 data-path-to-node=\"6,1,0\"><span class=\"ez-toc-section\" id=\"Atributos\"><\/span>Atributos<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p data-path-to-node=\"6,1,0\">Proporcionan informaci\u00f3n adicional, como &lt;a href=\u00bbhttps:\/\/google.com\u00bb&gt;.<\/p>\n<h4 data-path-to-node=\"6,2,0\"><span class=\"ez-toc-section\" id=\"Contenido\"><\/span>Contenido<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p data-path-to-node=\"6,2,0\"><span class=\"citation-23 citation-end-23\">El texto o los datos que se encuentran entre las etiquetas.<\/span><\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-4 fusion-sep-none fusion-title-text fusion-title-size-three\"><h3 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:24;--minFontSize:24;line-height:1.5;\">Tipos<\/h3><\/div><div class=\"fusion-text fusion-text-6\"><p data-path-to-node=\"9\">Podemos dividirlos principalmente en tres categor\u00edas seg\u00fan su prop\u00f3sito.<\/p>\n<h4 data-path-to-node=\"9\"><span class=\"ez-toc-section\" id=\"Presentacional\"><\/span>Presentacional<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p data-path-to-node=\"9\"><span data-path-to-node=\"10,1,1,0\">Indica c\u00f3mo debe verse el texto (negritas, cursivas, tama\u00f1o).<\/span><\/p>\n<h4 data-path-to-node=\"9\"><span class=\"ez-toc-section\" id=\"Procedural\"><\/span>Procedural<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span data-path-to-node=\"10,2,1,0\">Da instrucciones para el procesamiento del texto. Muy usado en imprenta.<\/span><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Descriptivo\"><\/span>Descriptivo<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span data-path-to-node=\"10,3,1,0\">Describe la estructura del documento o el significado de los datos.<\/span><\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-5 fusion-sep-none fusion-title-text fusion-title-size-three\"><h3 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:24;--minFontSize:24;line-height:1.5;\">Comparaci\u00f3n<\/h3><\/div><div class=\"fusion-text fusion-text-7\"><p data-path-to-node=\"24\">Es habitual la confusi\u00f3n entre lenguaje de marcado y lenguaje de programaci\u00f3n, pero tienen roles muy distintos:<\/p>\n<ul data-path-to-node=\"25\">\n<li>\n<p data-path-to-node=\"25,0,0\"><b data-path-to-node=\"25,0,0\" data-index-in-node=\"0\"><span class=\"citation-17\">Lenguaje de Marcado:<\/span><\/b><span class=\"citation-17 citation-end-17\"> Organiza y estructura informaci\u00f3n.<\/span> <span class=\"citation-16 citation-end-16\">No tiene l\u00f3gica condicional (si\/entonces) ni realiza c\u00e1lculos matem\u00e1ticos complejos.<\/span><\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"25,1,0\"><b data-path-to-node=\"25,1,0\" data-index-in-node=\"0\">Lenguaje de Programaci\u00f3n:<\/b> (Como Python o C++) Define algoritmos, funciones y comportamientos din\u00e1micos.<\/p>\n<\/li>\n<\/ul>\n<\/div>\n<div class=\"table-1\">\n<table width=\"100%\">\n<thead>\n<tr>\n<th align=\"left\">Tipo<\/th>\n<th align=\"left\">Funci\u00f3n<\/th>\n<th align=\"left\">L\u00f3gica<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td align=\"left\"><strong>Lenguaje de marcado<\/strong><\/td>\n<td align=\"left\">Organiza y estructura informaci\u00f3n.<\/td>\n<td align=\"left\">No tiene l\u00f3gica condicional ni realiza c\u00e1lculos matem\u00e1ticos complejos.<\/td>\n<\/tr>\n<tr>\n<td align=\"left\"><strong>Lenguaje de programaci\u00f3n<\/strong><\/td>\n<td align=\"left\">Define algoritmos, funciones y comportamientos din\u00e1micos.<\/td>\n<td align=\"left\">Emplea l\u00f3gica condicional (si\/entonces).<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:20px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-6 fusion-sep-none fusion-title-text fusion-title-size-two\"><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:36;line-height:1.5;\">Ejemplos<\/h2><\/div><div class=\"accordian fusion-accordian\" style=\"--awb-border-size:1px;--awb-icon-size:15px;--awb-content-font-size:20px;--awb-icon-alignment:left;--awb-hover-color:#f9f9f9;--awb-border-color:#cccccc;--awb-background-color:#ffffff;--awb-divider-color:#000000;--awb-divider-hover-color:#000000;--awb-icon-color:#ffffff;--awb-title-color:#af7baf;--awb-content-color:#747474;--awb-icon-box-color:#333333;--awb-toggle-hover-accent-color:#9b00af;--awb-title-font-family:&quot;Roboto Condensed&quot;;--awb-title-font-weight:regular;--awb-title-font-style:normal;--awb-title-font-size:20px;--awb-content-font-family:&quot;Open Sans&quot;;--awb-content-font-style:normal;--awb-content-font-weight:400;\"><div class=\"panel-group fusion-toggle-icon-boxed\" id=\"accordion-59238-1\"><div class=\"fusion-panel panel-default panel-1605a6ba356cd14a0 fusion-toggle-has-divider\" style=\"--awb-title-color:#af7baf;\"><div class=\"panel-heading\"><h3 class=\"panel-title toggle\" id=\"toggle_1605a6ba356cd14a0\"><a aria-expanded=\"false\" aria-controls=\"1605a6ba356cd14a0\" role=\"button\" data-toggle=\"collapse\" data-parent=\"#accordion-59238-1\" data-target=\"#1605a6ba356cd14a0\" href=\"#1605a6ba356cd14a0\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">HTML (Hypertext Markup Language)<\/span><\/a><\/h3><\/div><div id=\"1605a6ba356cd14a0\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_1605a6ba356cd14a0\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p>Un lenguaje descriptivo de ejecuci\u00f3n de parte del cliente. Es el lenguaje est\u00e1ndar empleado para dotar de estructura y contenidos a documentos destinados a internet. Estos contenidos podr\u00e1n luego dotarse de una capa de presentaci\u00f3n gr\u00e1fica mediante CSS.<\/p>\n<p>Es el lenguaje que construye la web. Define qu\u00e9 es un t\u00edtulo, qu\u00e9 es un p\u00e1rrafo y d\u00f3nde va una imagen.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Ejemplo\"><\/span>Ejemplo<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ul>\n<li>C\u00f3digo:Hola Mundo<\/li>\n<li>Resultado: El navegador entiende que ese texto es un p\u00e1rrafo.<\/li>\n<\/ul>\n<h4><span class=\"ez-toc-section\" id=\"Importante\"><\/span>Importante<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>HTML no es un lenguaje de programaci\u00f3n porque no puede realizar procesos l\u00f3gicos por s\u00ed solo; necesita de lenguajes como JavaScript para volverse \u00abinteligente\u00bb.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default panel-18f8d23d883e28274 fusion-toggle-has-divider\" style=\"--awb-title-color:#af7baf;\"><div class=\"panel-heading\"><h3 class=\"panel-title toggle\" id=\"toggle_18f8d23d883e28274\"><a aria-expanded=\"false\" aria-controls=\"18f8d23d883e28274\" role=\"button\" data-toggle=\"collapse\" data-parent=\"#accordion-59238-1\" data-target=\"#18f8d23d883e28274\" href=\"#18f8d23d883e28274\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Markdown<\/span><\/a><\/h3><\/div><div id=\"18f8d23d883e28274\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_18f8d23d883e28274\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p>Lenguaje presentacional dise\u00f1ado para ser f\u00e1cil de leer y escribir. Se usa mucho en plataformas como GitHub, Reddit o aplicaciones de notas.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Ejemplo-2\"><\/span>Ejemplo<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ul>\n<li>C\u00f3digo: #T\u00edtulo<\/li>\n<li>Resultado: Se convierte autom\u00e1ticamente en un encabezado grande.<\/li>\n<\/ul>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default panel-f7a106b3dd22b15a9 fusion-toggle-has-divider\" style=\"--awb-title-color:#af7baf;\"><div class=\"panel-heading\"><h3 class=\"panel-title toggle\" id=\"toggle_f7a106b3dd22b15a9\"><a aria-expanded=\"false\" aria-controls=\"f7a106b3dd22b15a9\" role=\"button\" data-toggle=\"collapse\" data-parent=\"#accordion-59238-1\" data-target=\"#f7a106b3dd22b15a9\" href=\"#f7a106b3dd22b15a9\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">XML (eXtensible Markup Language)<\/span><\/a><\/h3><\/div><div id=\"f7a106b3dd22b15a9\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_f7a106b3dd22b15a9\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p>Un lenguaje descriptivo, usado para transportar y organizar datos (no est\u00e1 destinado a dise\u00f1o). Es legible tanto para humanos como para m\u00e1quinas.<\/p>\n<p>Un ejemplo de uso de XML es el formato RSS.<\/p>\n<p>El metalenguaje XML es un desarrollo del\u00a0World Web Consortium (W3C).<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Ejemplo-3\"><\/span>Ejemplo<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ul>\n<li>C\u00f3digo: Juan<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:20px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-7 fusion-sep-none fusion-title-text fusion-title-size-two\"><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:36;line-height:1.5;\">Recursos adicionales<\/h2><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-8 fusion-sep-none fusion-title-text fusion-title-size-three\"><h3 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:24;--minFontSize:24;line-height:1.5;\">Recursos en l\u00ednea<\/h3><\/div><div class=\"fusion-content-boxes content-boxes columns row fusion-columns-1 fusion-columns-total-2 fusion-content-boxes-1 content-boxes-icon-with-title content-left\" style=\"--awb-hover-accent-color:#000000;--awb-circle-hover-accent-color:transparent;--awb-item-margin-bottom:40px;\" data-animationOffset=\"top-into-view\"><div style=\"--awb-backgroundcolor:#ffffff;\" class=\"fusion-column content-box-column content-box-column content-box-column-1 col-lg-12 col-md-12 col-sm-12 fusion-content-box-hover content-box-column-last-in-row\"><div class=\"col content-box-wrapper content-wrapper-background link-area-link-icon link-type-button-bar icon-hover-animation-fade\" data-animationOffset=\"top-into-view\"><div class=\"heading heading-with-icon icon-left\"><a class=\"heading-link\" style=\"float:left;\" href=\"https:\/\/html.spec.whatwg.org\/\" target=\"_blank\" rel=\"noopener noreferrer\"><div class=\"icon\"><i style=\"background-color:transparent;border-color:transparent;height:auto;width: 21px;line-height:normal;font-size:21px;\" aria-hidden=\"true\" class=\"fontawesome-icon fa-chalkboard fas circle-no\"><\/i><\/div><h4 class=\"content-box-heading fusion-responsive-typography-calculated\" style=\"--h4_typography-font-size:20px;--fontSize:20;line-height:1.5;\">HTML Living Standard<\/h4><\/a><\/div><div class=\"fusion-clearfix\"><\/div><div class=\"content-container\">\n<p>Guia para comprender el est\u00e1ndar de HTML. Se actualiza constantemente.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><a class=\" fusion-read-more fusion-button-bar\" style=\"float:left;\" href=\"https:\/\/html.spec.whatwg.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Enlace externo<\/a><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div style=\"--awb-backgroundcolor:#ffffff;\" class=\"fusion-column content-box-column content-box-column content-box-column-2 col-lg-12 col-md-12 col-sm-12 fusion-content-box-hover content-box-column-last content-box-column-last-in-row\"><div class=\"col content-box-wrapper content-wrapper-background link-area-link-icon link-type-button-bar icon-hover-animation-fade\" data-animationOffset=\"top-into-view\"><div class=\"heading heading-with-icon icon-left\"><a class=\"heading-link\" style=\"float:left;\" href=\"https:\/\/www.w3schools.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><div class=\"icon\"><i style=\"background-color:transparent;border-color:transparent;height:auto;width: 21px;line-height:normal;font-size:21px;\" aria-hidden=\"true\" class=\"fontawesome-icon fa-chalkboard fas circle-no\"><\/i><\/div><h4 class=\"content-box-heading fusion-responsive-typography-calculated\" style=\"--h4_typography-font-size:20px;--fontSize:20;line-height:1.5;\">W3 Schools<\/h4><\/a><\/div><div class=\"fusion-clearfix\"><\/div><div class=\"content-container\">\n<p>Tutoriales para aprender lenguajes de programaci\u00f3n, lenguajes de marcado o lenguajes de hojas de estilo.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><a class=\" fusion-read-more fusion-button-bar\" style=\"float:left;\" href=\"https:\/\/www.w3schools.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">w3schools.com<\/a><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-5 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:60px;width:100%;\"><div class=\"fusion-separator-border sep-single sep-dotted\" style=\"--awb-height:20px;--awb-amount:20px;border-color:#000000;border-top-width:1px;\"><\/div><\/div><\/div><\/div><\/div><\/div>\n<div class=\"ttr_end\"><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"template":"","meta":{"inline_featured_image":false,"_vp_format_video_url":"","_vp_image_focal_point":[]},"glosario_categoria":[],"glosario_tag":[7092,7014,7134],"class_list":["post-59238","glosario","type-glosario","status-publish","hentry","glosario_tag-diseno-web","glosario_tag-informatica","glosario_tag-tic"],"_links":{"self":[{"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=\/wp\/v2\/glosario\/59238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=\/wp\/v2\/glosario"}],"about":[{"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=\/wp\/v2\/types\/glosario"}],"wp:attachment":[{"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=59238"}],"wp:term":[{"taxonomy":"glosario_categoria","embeddable":true,"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=%2Fwp%2Fv2%2Fglosario_categoria&post=59238"},{"taxonomy":"glosario_tag","embeddable":true,"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=%2Fwp%2Fv2%2Fglosario_tag&post=59238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}