{"id":2928,"date":"2019-08-26T10:15:58","date_gmt":"2019-08-26T08:15:58","guid":{"rendered":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/?p=2928"},"modified":"2024-08-09T09:18:21","modified_gmt":"2024-08-09T07:18:21","slug":"incluir-css-en-html","status":"publish","type":"post","link":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html","title":{"rendered":"Los 5 m\u00e9todos para incluir css en html que deber\u00edas conocer"},"content":{"rendered":"<p style=\"text-align: justify\"><strong>Incluir CSS en HTML<\/strong> puede llegar a ser confuso ya que existen varias formas de hacerlo.<\/p>\n<p style=\"text-align: justify\">Se puede incluir CSS en HTML:<\/p>\n<ul style=\"text-align: justify\">\n<li><strong>Vinculando<\/strong> a un archivo de hoja de estilo separado<\/li>\n<li><strong>Incrustando<\/strong> CSS en una etiqueta de estilo<\/li>\n<li><strong>Agregando<\/strong> estilos en l\u00ednea a elementos HTML<\/li>\n<li><strong>Importando<\/strong> archivos de hojas de estilo existentes<\/li>\n<li><strong>Inyectando<\/strong> css con javascript<\/li>\n<\/ul>\n<p style=\"text-align: justify\">En este art\u00edculo os voy a mostrar los pros y contras de cada m\u00e9todo, veremos c\u00f3mo funciona cada uno y en qu\u00e9 circunstancias utilizarlos.<\/p>\n<p style=\"text-align: justify\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2929\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/principio.jpg\" alt=\"incluir css en html\" width=\"500\" height=\"300\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/principio.jpg 500w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/principio-175x105.jpg 175w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p style=\"text-align: justify\">El lenguaje <strong>HTML<\/strong> es utilizado para crear p\u00e1ginas web, su estructura y la manera en la cual mostrar\u00e1 el contenido (p\u00e1rrafos, listas, tablas, etc.)<\/p>\n<p style=\"text-align: justify\"><strong>CSS<\/strong> es el lenguaje para describir c\u00f3mo es presentada una p\u00e1gina web, incluidos los colores, el dise\u00f1o y las fuentes. Permite adaptar la presentaci\u00f3n a diferentes tipos de dispositivos.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html\/#Metodos_para_incluir_CSS_en_HTML\" title=\"M\u00e9todos para incluir CSS en HTML\">M\u00e9todos para incluir CSS en HTML<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html\/#Vinculando_a_un_archivo_de_hoja_de_estilo_separado\" title=\"Vinculando a un archivo de hoja de estilo separado\">Vinculando a un archivo de hoja de estilo separado<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html\/#Incrustando_CSS_en_una_etiqueta_de_estilo\" title=\"Incrustando CSS en una etiqueta de estilo\">Incrustando CSS en una etiqueta de estilo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html\/#Agregando_estilos_en_linea_a_elementos_HTML\" title=\"Agregando estilos en l\u00ednea a elementos HTML\">Agregando estilos en l\u00ednea a elementos HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html\/#Importando_archivos_de_hojas_de_estilo_existentes\" title=\"Importando archivos de hojas de estilo existentes\">Importando archivos de hojas de estilo existentes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html\/#Inyectando_css_con_javascript\" title=\"Inyectando css con javascript\">Inyectando css con javascript<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html\/#%C2%A1Aplique_estilos_con_estilo\" title=\"\u00a1Aplique estilos con estilo!\">\u00a1Aplique estilos con estilo!<\/a><\/li><\/ul><\/nav><\/div>\n<h2 style=\"text-align: justify\"><span class=\"ez-toc-section\" id=\"Metodos_para_incluir_CSS_en_HTML\"><\/span>M\u00e9todos para incluir CSS en HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify\">Existen varios m\u00e9todos para incluir css en html y son los siguientes:<\/p>\n<h3 style=\"text-align: justify\"><span class=\"ez-toc-section\" id=\"Vinculando_a_un_archivo_de_hoja_de_estilo_separado\"><\/span>Vinculando a un archivo de hoja de estilo separado<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify\">Este es el <strong>m\u00e9todo m\u00e1s com\u00fan<\/strong> para adjuntar reglas CSS a documentos HTML.<\/p>\n<p style=\"text-align: justify\">Con este m\u00e9todo, todas las reglas de estilo est\u00e1n contenidas en un \u00fanico archivo de texto que se guarda con la extensi\u00f3n .css.<\/p>\n<p style=\"text-align: justify\">Este archivo se guarda en un servidor y se vincula directamente desde cada archivo HTML. Para su vinculaci\u00f3n se utiliza la etiqueta link de la siguiente manera:<\/p>\n<p style=\"text-align: justify\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2930\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-1.png\" alt=\"vincular archivo css\" width=\"661\" height=\"52\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-1.png 661w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-1-175x14.png 175w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-1-600x47.png 600w\" sizes=\"(max-width: 661px) 100vw, 661px\" \/><\/p>\n<p style=\"text-align: justify\">El atributo <strong>rel<\/strong> indica al navegador que el archivo vinculado es una hoja de estilo en cascada (css).<\/p>\n<p style=\"text-align: justify\">El atributo <strong>type<\/strong> indica el tipo de archivo vinculado. Si se utiliza HTML5 no es obligatorio incluir este atributo.<\/p>\n<p style=\"text-align: justify\">El atributo <strong>href<\/strong> es donde especifica la ruta a su archivo CSS.<\/p>\n<ul style=\"text-align: justify\">\n<li>Si el archivo CSS est\u00e1 en la misma carpeta que su archivo HTML, entonces no se requiere una ruta, solo necesita especificar el nombre de archivo.<\/li>\n<li>Si se guarda en una carpeta distinta, puede especificar la ruta de dicha carpeta de manera relativa o absoluta. Tambi\u00e9n es posible especificar una ruta mediante una url.<\/li>\n<\/ul>\n<p style=\"text-align: justify\">El atributo <strong>media<\/strong> en una etiqueta que especifica cu\u00e1ndo se deben aplicar las reglas CSS. Los valores m\u00e1s comunes son:<\/p>\n<ul style=\"text-align: justify\">\n<li>Screen: indica para su uso en una pantalla de computadora.<\/li>\n<li>Projection: para presentaciones proyectadas.<\/li>\n<li>Handheld: para dispositivos de mano (generalmente con pantallas peque\u00f1as).<\/li>\n<li>Print: para dise\u00f1ar p\u00e1ginas web impresas.<\/li>\n<li>All (valor predeterminado): Para que el estilo se aplique a todos los tipos de medios.<\/li>\n<\/ul>\n<p style=\"text-align: justify\">El uso de este m\u00e9todo tiene las siguientes <strong>ventajas<\/strong>:<\/p>\n<ul style=\"text-align: justify\">\n<li>Los cambios del c\u00f3digo css son reflejados en todas las p\u00e1ginas.<\/li>\n<li>Cambiar el tema del sitio web es f\u00e1cil.<\/li>\n<li>La velocidad del sitio web aumenta para m\u00faltiples solicitudes de p\u00e1gina.<\/li>\n<\/ul>\n<p style=\"text-align: justify\">La principal <strong>desventaja<\/strong> es que se requiere una solicitud HTTP adicional para cada archivo css vinculado.<\/p>\n<h3 style=\"text-align: justify\"><span class=\"ez-toc-section\" id=\"Incrustando_CSS_en_una_etiqueta_de_estilo\"><\/span>Incrustando CSS en una etiqueta de estilo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify\">Puede incluir CSS en HTML utilizando la etiqueta <strong>style<\/strong> de la siguiente forma:<\/p>\n<p style=\"text-align: justify\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2931\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-2.png\" alt=\"incrustar css\" width=\"337\" height=\"111\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-2.png 337w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-2-175x58.png 175w\" sizes=\"(max-width: 337px) 100vw, 337px\" \/><\/p>\n<p style=\"text-align: justify\">El atributo <strong>type<\/strong> es para especificar el tipo de c\u00f3digo incluido y es posible omitirlo en HTML5 y el atributo <strong>media<\/strong> controla cu\u00e1ndo se aplican los estilos.<\/p>\n<p style=\"text-align: justify\">Las principales <strong>ventajas<\/strong> de este m\u00e9todo son:<\/p>\n<ul style=\"text-align: justify\">\n<li>Tiempos de carga m\u00e1s r\u00e1pidos.<\/li>\n<li>Funciona muy bien con estilos din\u00e1micos.<\/li>\n<\/ul>\n<p style=\"text-align: justify\">La principal <strong>desventaja<\/strong> es que los estilos incrustados deben ser descargados con cada solicitud de p\u00e1gina.<\/p>\n<h3 style=\"text-align: justify\"><span class=\"ez-toc-section\" id=\"Agregando_estilos_en_linea_a_elementos_HTML\"><\/span>Agregando estilos en l\u00ednea a elementos HTML<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify\">Las reglas de estilo se pueden agregar directamente a cualquier elemento HTML.<\/p>\n<p style=\"text-align: justify\">Para hacer esto, simplemente hay que agregar un<strong> atributo de estilo al elemento<\/strong> y luego indicar las reglas deseadas <strong>en la misma l\u00ednea<\/strong>.<\/p>\n<p style=\"text-align: justify\">A continuaci\u00f3n se muestra un ejemplo de un <strong>encabezado (h2)<\/strong> al que aplicamos un estilo donde el color del texto ser\u00e1 rojo y el color de fondo ser\u00e1 negro:<\/p>\n<p style=\"text-align: justify\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2934\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-3.png\" alt=\"Agregar estilos en linea\" width=\"772\" height=\"39\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-3.png 772w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-3-175x9.png 175w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-3-768x39.png 768w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-3-600x30.png 600w\" sizes=\"(max-width: 772px) 100vw, 772px\" \/><\/p>\n<p style=\"text-align: justify\">Este m\u00e9todo presenta las siguientes <strong>ventajas<\/strong>:<\/p>\n<ul style=\"text-align: justify\">\n<li>Los estilos en l\u00ednea anulan los estilos externos. Por tanto es buena idea este m\u00e9todo para casos concretos que no deben seguir la norma general de estilo para dicho elemento establecida en el estilo externo.<\/li>\n<li>P\u00e1ginas m\u00e1s r\u00e1pidas.<\/li>\n<li>Puede cambiar los estilos sin editar el archivo css principal.<\/li>\n<li>Ideal para estilos din\u00e1micos.<\/li>\n<li>\u00datil para el env\u00edo de emails en formato html.<\/li>\n<\/ul>\n<p style=\"text-align: justify\">Por el contrario, tiene las siguientes <strong>desventajas<\/strong>:<\/p>\n<ul style=\"text-align: justify\">\n<li>El uso excesivo de estilos en multitud de etiquetas har\u00e1 que la p\u00e1gina ocupe m\u00e1s tama\u00f1o y en consecuencia aumente el tiempo de carga.<\/li>\n<li>El mantenimiento y los cambios de estilo se vuelven m\u00e1s complicados.<\/li>\n<\/ul>\n<h3 style=\"text-align: justify\"><span class=\"ez-toc-section\" id=\"Importando_archivos_de_hojas_de_estilo_existentes\"><\/span>Importando archivos de hojas de estilo existentes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify\">Otra forma interesante de incluir CSS en HTML es con la <strong>regla @import<\/strong>.<\/p>\n<p style=\"text-align: justify\">Esta regla nos permite adjuntar un nuevo archivo CSS desde el propio CSS.<\/p>\n<p style=\"text-align: justify\">La sintaxis ser\u00eda:<\/p>\n<p style=\"text-align: justify\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2935\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-4.png\" alt=\"Importar archivo css\" width=\"271\" height=\"42\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-4.png 271w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-4-175x27.png 175w\" sizes=\"(max-width: 271px) 100vw, 271px\" \/><\/p>\n<p style=\"text-align: justify\">En dicha importaci\u00f3n estamos incluyendo las reglas establecidas en dicho archivo css al archivo que ya estamos desarrollando.<\/p>\n<p style=\"text-align: justify\">Es importante recordar que la ruta es relativa al archivo CSS actual en el que estamos, si el CSS est\u00e1 incrustado en la p\u00e1gina HTML, entonces la ruta es relativa al archivo HTML.<\/p>\n<p style=\"text-align: justify\">La principal <strong>ventaja<\/strong> del uso de esta regla es la facilidad de agregar nuevos archivos css sin cambiar el etiquetado html.<\/p>\n<p style=\"text-align: justify\">Tiene una <strong>desventaja<\/strong> y es que se requieren solicitudes HTTP adicionales.<\/p>\n<h3 style=\"text-align: justify\"><span class=\"ez-toc-section\" id=\"Inyectando_css_con_javascript\"><\/span>Inyectando css con javascript<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify\">A veces necesitamos <strong>aplicar CSS desde Javascript<\/strong>. Podemos hacer esto de las siguientes maneras:<\/p>\n<p style=\"text-align: justify\"><strong>Inyectar un archivo de hoja de estilo externo con javascript<\/strong><\/p>\n<p style=\"text-align: justify\">Hay que crear un elemento de enlace, agregar la ruta del archivo CSS en el atributo href y despu\u00e9s inyectarlo en la p\u00e1gina con javascript:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2936\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-5-1.png\" alt=\"inyectar css con javascript\" width=\"530\" height=\"253\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-5-1.png 530w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-5-1-175x84.png 175w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/p>\n<p><strong>Insertar un bloque de reglas en una p\u00e1gina con javascript<\/strong><\/p>\n<p style=\"text-align: justify\">Debemos crear un elemento de estilo, insertar nuestras reglas CSS como una cadena y luego adjuntar el elemento a la cabecera del archivo HTML:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2937\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-5-2.png\" alt=\"inyectar css con javascript\" width=\"670\" height=\"296\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-5-2.png 670w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-5-2-175x77.png 175w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-5-2-600x265.png 600w\" sizes=\"(max-width: 670px) 100vw, 670px\" \/><\/p>\n<p><strong>Agregar estilos en l\u00ednea a elementos individuales con javascript<\/strong><\/p>\n<p style=\"text-align: justify\">Primero hay que obtener un identificador de los elementos que queremos cambiar, y posteriormente agregarle las propiedades CSS deseadas:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2938\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-5-3.png\" alt=\"inyectar css con javascript\" width=\"638\" height=\"199\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-5-3.png 638w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-5-3-175x55.png 175w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/metodo-5-3-600x187.png 600w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"%C2%A1Aplique_estilos_con_estilo\"><\/span>\u00a1Aplique estilos con estilo!<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify\">Estos son todos los m\u00e9todos posibles para incluir css en html y lo m\u00e1s importante es saber cu\u00e1ndo utilizar uno y cuando otro.<\/p>\n<p style=\"text-align: justify\">Como <strong>regla general<\/strong>, si un estilo es utilizado en muchos archivos html o muchas veces en un mismo archivo es recomendable tenerlo en un <strong>archivo css externo<\/strong>.<\/p>\n<p style=\"text-align: justify\">Por el contrario, si se quiere aplicar un estilo \u00fanico a un elemento o se quiere modificar la regla general para dicha etiqueta en una en concreto es recomendable aplicar estilos en l\u00ednea.<\/p>\n<p style=\"text-align: justify\">Por \u00faltimo recomiendo la p\u00e1gina de <a href=\"https:\/\/www.w3schools.com\/\" target=\"_blank\" rel=\"noopener\"><strong>W3Schools<\/strong>\u00a0<\/a>para profundizar en el aprendizaje de HTML y CSS.<\/p>\n<p style=\"text-align: justify\">Espero que este art\u00edculo le sirva de ayuda para crear o mejorar su propia web y le animo a que visite mi <strong><a href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/autores\/rafael-marin\/\" target=\"_blank\" rel=\"noopener\">perfil<\/a><\/strong> para ver otros art\u00edculos escritos por m\u00ed.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El lenguaje HTML es utilizado para crear p\u00e1ginas web, su estructura y la manera en la cual mostrar\u00e1 el contenido. Incluir CSS en HTML puede llegar a ser confuso ya que existen varios m\u00e9todos de hacerlo. En este art\u00edculo os voy a mostrar los pros y contras de cada m\u00e9todo, veremos c\u00f3mo funciona cada uno&hellip;<\/p>\n","protected":false},"author":90976,"featured_media":2932,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"class_list":["post-2928","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-de-aplicaciones"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Principales m\u00e9todos utilizados para incluir css en html<\/title>\n<meta name=\"description\" content=\"Descubra los principales m\u00e9todos para incluir css en html conociendo los pros y contras de cada uno, su funcionamiento y en qu\u00e9 circunstancias utilizarlos.\" \/>\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.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Principales m\u00e9todos utilizados para incluir css en html\" \/>\n<meta property=\"og:description\" content=\"Descubra los principales m\u00e9todos para incluir css en html conociendo los pros y contras de cada uno, su funcionamiento y en qu\u00e9 circunstancias utilizarlos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html\" \/>\n<meta property=\"og:site_name\" content=\"Canal Inform\u00e1tica y TICS\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/InesemBusinessSchool\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-26T08:15:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-09T07:18:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1620\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Rafael Mar\u00edn\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@inesem\" \/>\n<meta name=\"twitter:site\" content=\"@inesem\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rafael Mar\u00edn\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html\"},\"author\":{\"name\":\"Rafael Mar\u00edn\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/ec323f7b4aed4a9f5ba04f2df32e0673\"},\"headline\":\"Los 5 m\u00e9todos para incluir css en html que deber\u00edas conocer\",\"datePublished\":\"2019-08-26T08:15:58+00:00\",\"dateModified\":\"2024-08-09T07:18:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html\"},\"wordCount\":1153,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada.jpg\",\"keywords\":[\"CSS\",\"HTML\",\"web\"],\"articleSection\":[\"Desarrollo de Aplicaciones\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html\",\"name\":\"Principales m\u00e9todos utilizados para incluir css en html\",\"isPartOf\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada.jpg\",\"datePublished\":\"2019-08-26T08:15:58+00:00\",\"dateModified\":\"2024-08-09T07:18:21+00:00\",\"description\":\"Descubra los principales m\u00e9todos para incluir css en html conociendo los pros y contras de cada uno, su funcionamiento y en qu\u00e9 circunstancias utilizarlos.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#primaryimage\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada.jpg\",\"contentUrl\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada.jpg\",\"width\":\"1620\",\"height\":\"1080\",\"caption\":\"M\u00e9todos para incluir css en html\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desarrollo de Aplicaciones\",\"item\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/categorias\/desarrollo-de-aplicaciones\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Los 5 m\u00e9todos para incluir css en html que deber\u00edas conocer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/\",\"name\":\"Canal Inform\u00e1tica y TICS\",\"description\":\"Canal de Noticias gestionado por el Departamento Docente de Inform\u00e1tica y TICS de INESEM\",\"publisher\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization\",\"name\":\"Canal Inform\u00e1tica y TICS\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Canal Inform\u00e1tica y TICS\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/InesemBusinessSchool\/\",\"https:\/\/x.com\/inesem\",\"http:\/\/www.linkedin.com\/company\/2370697\",\"https:\/\/www.youtube.com\/user\/inesembusinesschool\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/ec323f7b4aed4a9f5ba04f2df32e0673\",\"name\":\"Rafael Mar\u00edn\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2023\/11\/Foto-Claustro-Educa-Open-recortada-revista-digital-96x96.jpg\",\"contentUrl\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2023\/11\/Foto-Claustro-Educa-Open-recortada-revista-digital-96x96.jpg\",\"caption\":\"Rafael Mar\u00edn\"},\"description\":\"Ingeniero T\u00e9cnico en Inform\u00e1tica de Sistemas. Amante de las nuevas tecnolog\u00edas, la creaci\u00f3n de aplicaciones y el desarrollo web. Desarrolla sus habilidades en el Departamento de Inform\u00e1tica de INESEM.\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/autores\/rafael-marin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Principales m\u00e9todos utilizados para incluir css en html","description":"Descubra los principales m\u00e9todos para incluir css en html conociendo los pros y contras de cada uno, su funcionamiento y en qu\u00e9 circunstancias utilizarlos.","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.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html","og_locale":"es_ES","og_type":"article","og_title":"Principales m\u00e9todos utilizados para incluir css en html","og_description":"Descubra los principales m\u00e9todos para incluir css en html conociendo los pros y contras de cada uno, su funcionamiento y en qu\u00e9 circunstancias utilizarlos.","og_url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html","og_site_name":"Canal Inform\u00e1tica y TICS","article_publisher":"https:\/\/www.facebook.com\/InesemBusinessSchool\/","article_published_time":"2019-08-26T08:15:58+00:00","article_modified_time":"2024-08-09T07:18:21+00:00","og_image":[{"width":1620,"height":1080,"url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada.jpg","type":"image\/jpeg"}],"author":"Rafael Mar\u00edn","twitter_card":"summary_large_image","twitter_creator":"@inesem","twitter_site":"@inesem","twitter_misc":{"Escrito por":"Rafael Mar\u00edn","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#article","isPartOf":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html"},"author":{"name":"Rafael Mar\u00edn","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/ec323f7b4aed4a9f5ba04f2df32e0673"},"headline":"Los 5 m\u00e9todos para incluir css en html que deber\u00edas conocer","datePublished":"2019-08-26T08:15:58+00:00","dateModified":"2024-08-09T07:18:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html"},"wordCount":1153,"commentCount":6,"publisher":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#primaryimage"},"thumbnailUrl":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada.jpg","keywords":["CSS","HTML","web"],"articleSection":["Desarrollo de Aplicaciones"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html","name":"Principales m\u00e9todos utilizados para incluir css en html","isPartOf":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#primaryimage"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#primaryimage"},"thumbnailUrl":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada.jpg","datePublished":"2019-08-26T08:15:58+00:00","dateModified":"2024-08-09T07:18:21+00:00","description":"Descubra los principales m\u00e9todos para incluir css en html conociendo los pros y contras de cada uno, su funcionamiento y en qu\u00e9 circunstancias utilizarlos.","breadcrumb":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#primaryimage","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada.jpg","contentUrl":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada.jpg","width":"1620","height":"1080","caption":"M\u00e9todos para incluir css en html"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/"},{"@type":"ListItem","position":2,"name":"Desarrollo de Aplicaciones","item":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/categorias\/desarrollo-de-aplicaciones"},{"@type":"ListItem","position":3,"name":"Los 5 m\u00e9todos para incluir css en html que deber\u00edas conocer"}]},{"@type":"WebSite","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/","name":"Canal Inform\u00e1tica y TICS","description":"Canal de Noticias gestionado por el Departamento Docente de Inform\u00e1tica y TICS de INESEM","publisher":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization","name":"Canal Inform\u00e1tica y TICS","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"Canal Inform\u00e1tica y TICS"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/InesemBusinessSchool\/","https:\/\/x.com\/inesem","http:\/\/www.linkedin.com\/company\/2370697","https:\/\/www.youtube.com\/user\/inesembusinesschool\/"]},{"@type":"Person","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/ec323f7b4aed4a9f5ba04f2df32e0673","name":"Rafael Mar\u00edn","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/image\/","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2023\/11\/Foto-Claustro-Educa-Open-recortada-revista-digital-96x96.jpg","contentUrl":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2023\/11\/Foto-Claustro-Educa-Open-recortada-revista-digital-96x96.jpg","caption":"Rafael Mar\u00edn"},"description":"Ingeniero T\u00e9cnico en Inform\u00e1tica de Sistemas. Amante de las nuevas tecnolog\u00edas, la creaci\u00f3n de aplicaciones y el desarrollo web. Desarrolla sus habilidades en el Departamento de Inform\u00e1tica de INESEM.","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/autores\/rafael-marin"}]}},"autor_name":{"name":"Rafael Mar\u00edn"},"featured_image":{"attachment_meta":{"width":"1620","height":"1080","file":"2019\/08\/portada.jpg","sizes":{"thumbnail":{"file":"portada-345x180.jpg","width":"345","height":"180","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-345x180.jpg"},"medium":{"file":"portada-175x117.jpg","width":"175","height":"117","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-175x117.jpg"},"medium_large":{"file":"portada-768x512.jpg","width":"768","height":"512","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-768x512.jpg"},"large":{"file":"portada-1020x680.jpg","width":"1020","height":"680","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-1020x680.jpg"},"wysija-newsletters-max":{"file":"portada-600x400.jpg","width":"600","height":"400","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-600x400.jpg"},"thumb-small":{"file":"portada-59x42.jpg","width":"59","height":"42","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-59x42.jpg"},"thumb-standard":{"file":"portada-110x110.jpg","width":"110","height":"110","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-110x110.jpg"},"thumb-medium":{"file":"portada-196x166.jpg","width":"196","height":"166","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-196x166.jpg"},"thumb-large":{"file":"portada-283x190.jpg","width":"283","height":"190","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-283x190.jpg"},"thumb-anteriores":{"file":"portada-230x163.jpg","width":"230","height":"163","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-230x163.jpg"},"thumb-inverso":{"file":"portada-369x261.jpg","width":"369","height":"261","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-369x261.jpg"},"thumb-cercano":{"file":"portada-650x200.jpg","width":"650","height":"200","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-650x200.jpg"},"thumb-slider":{"file":"portada-574x430.jpg","width":"574","height":"430","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-574x430.jpg"},"thumb-busqueda":{"file":"portada-580x375.jpg","width":"580","height":"375","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-580x375.jpg"},"thumb-formacion-continua":{"file":"portada-440x336.jpg","width":"440","height":"336","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-440x336.jpg"},"advps-thumb-one":{"file":"portada-600x220.jpg","width":"600","height":"220","mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2019\/08\/portada-600x220.jpg"}},"image_meta":{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}}},"_links":{"self":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/posts\/2928"}],"collection":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/users\/90976"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/comments?post=2928"}],"version-history":[{"count":0,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/posts\/2928\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/media\/2932"}],"wp:attachment":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/media?parent=2928"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/categories?post=2928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}