Clases online de HTML avanzado | LinkedIn Learning, antes Lynda.com

<!DOCTYPE html> <html lang="es"> <head> <meta name="pageKey" content="d_learning_course_guest">  <meta name="locale" content="es_ES"> <meta id="config" data-app-version="2.0.2217" data-call-tree-id="AAYnmJUHIaweTulpKd/3sg==" data-multiproduct-name="learning-guest-frontend" data-service-name="learning-guest-frontend" data-browser-id="adcb4143-afa9-4994-8c0e-ec2930b9e9f9" data-enable-page-view-heartbeat-tracking data-page-instance="urn:li:page:learning_course_guest;+e20SDnoRrKiIh3Igb2UiA==" data-disable-jsbeacon-pagekey-suffix="false" data-member-id="0"> <link rel="canonical" href="https://es.linkedin.com/learning/html-avanzado">     <link rel="manifest" href="/homepage-guest/manifest.json" crossorigin="use-credentials">  <script> function getDfd() {let yFn,nFn;const p=new Promise(function(y, n){yFn=y;nFn=n;});p.resolve=yFn;p.reject=nFn;return p;} window.lazyloader = getDfd(); window.tracking = getDfd(); window.impressionTracking = getDfd(); window.ingraphTracking = getDfd(); window.appDetection = getDfd(); window.pemTracking = getDfd(); </script>  <link rel="icon" href="https://static.licdn.com/aero-v1/sc/h/444zstxv7s91nepfm5et6ofge"> <title>Clases online de HTML avanzado | LinkedIn Learning, antes Lynda.com</title> <meta name="robots" content="noarchive, max-image-preview:large"> <meta name="description" content="Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso."> <meta property="og:site_name" content="LinkedIn"> <meta name="twitter:site" content="@LI_Learning"> <meta name="twitter:card" content="summary"> <meta name="litmsProfileName" content="learning-guest-frontend"> <meta property="og:title" content="Clases online de HTML avanzado | LinkedIn Learning, antes Lynda.com"> <meta name="twitter:title" content="Clases online de HTML avanzado | LinkedIn Learning, antes Lynda.com"> <meta property="og:description" content="Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso."> <meta name="twitter:description" content="Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso."> <meta property="og:image" content="https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0"> <meta name="twitter:image" content="https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0">  <meta property="og:url" content="https://es.linkedin.com/learning/html-avanzado"> <meta property="og:type" content="website"> <meta name="clientSideIngraphs" content="1" data-gauge-metric-endpoint="/learning-guest/api/ingraphs/gauge" data-counter-metric-endpoint="/learning-guest/api/ingraphs/counter"> <link rel="stylesheet" href="https://static.licdn.com/aero-v1/sc/h/9qa0mi2np89u3cxck5o6t9t1z"> <script type="application/ld+json"> {"@context":"http://schema.org/","@type":"Course","provider":{"@type":"Organization","name":"LinkedIn Learning","url":"https://www.linkedin.com/learning/"},"publisher":{"@type":"Organization","name":"LinkedIn Learning","url":"https://www.linkedin.com/learning/"},"hasCourseInstance":{"@type":"CourseInstance","courseMode":"online","courseWorkload":"PT3H44M48S","instructor":[{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"}]},"inLanguage":"es","name":"HTML avanzado","offers":[{"@type":"Offer","category":"Subscription"},{"@type":"Offer","category":"Paid","price":"374.99","priceCurrency":"HKD"}],"description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","image":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","creator":[{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"}],"author":[{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"}],"dateCreated":"2018-09-20","datePublished":"2018-09-20","thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","timeRequired":"PT3H44M48S","totalHistoricalEnrollment":6597,"url":"https://es.linkedin.com/learning/html-avanzado","about":[{"@type":"Thing","url":"https://www.linkedin.com/learning/topics/html","name":"HTML"},{"@type":"Thing","url":"https://www.linkedin.com/learning/topics/php","name":"PHP"},{"@type":"Thing","url":"https://www.linkedin.com/learning/topics/javascript","name":"JavaScript"}],"hasPart":[[{"@type":"VideoObject","name":"Presentación del curso “HTML avanzado” - Introducción","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT48S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/presentacion-del-curso-html-avanzado"}],[{"@type":"VideoObject","name":"Introducción a la accesibilidad - 1. HTML y la accesibilidad","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT5M16S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/introduccion-a-la-accesibilidad"},{"@type":"VideoObject","name":"La propiedad TabIndex - 1. HTML y la accesibilidad","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT7M51S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/la-propiedad-tabindex"},{"@type":"VideoObject","name":"Uso de atajos de teclado con accesskey - 1. HTML y la accesibilidad","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT1M30S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/uso-de-atajos-de-teclado-con-accesskey"},{"@type":"VideoObject","name":"Contenidos alternativos e información con title y alt - 1. HTML y la accesibilidad","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT2M51S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/contenidos-alternativos-e-informacion-con-title-y-alt"},{"@type":"VideoObject","name":"Propiedades CSS y accesibilidad - 1. HTML y la accesibilidad","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT7M3S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/propiedades-css-y-accesibilidad"},{"@type":"VideoObject","name":"La forma correcta de ocultar elementos - 1. HTML y la accesibilidad","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT5M38S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/la-forma-correcta-de-ocultar-elementos"},{"@type":"VideoObject","name":"Uso del atributo Aria - 1. HTML y la accesibilidad","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT5M56S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/uso-del-atributo-aria"},{"@type":"VideoObject","name":"Lectores de pantalla. Tests - 1. HTML y la accesibilidad","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT4M20S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/lectores-de-pantalla-tests"}],[{"@type":"VideoObject","name":"Etiqueta script y sus tipos - 2. Etiquetas especiales. Scripting, meta y textos especiales","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT6M57S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/etiqueta-script-y-sus-tipos"},{"@type":"VideoObject","name":"Integración de templates dentro de HTML - 2. Etiquetas especiales. Scripting, meta y textos especiales","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT4M16S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/integracion-de-templates-dentro-de-html"},{"@type":"VideoObject","name":"Uso de la etiqueta noscript - 2. Etiquetas especiales. Scripting, meta y textos especiales","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT2M11S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/uso-de-la-etiqueta-noscript"},{"@type":"VideoObject","name":"Aplicación de estilos en el HTML: style y link - 2. Etiquetas especiales. Scripting, meta y textos especiales","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT5M18S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/aplicacion-de-estilos-en-el-html-style-y-link"},{"@type":"VideoObject","name":"Comentarios condicionales en HTML - 2. Etiquetas especiales. Scripting, meta y textos especiales","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT3M44S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/comentarios-condicionales-en-html"}],[{"@type":"VideoObject","name":"La etiqueta object para añadir contenidos especiales - 3. Imágenes especiales y otros contenidos. SVG","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT3M40S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/la-etiqueta-object-para-anadir-contenidos-especiales"},{"@type":"VideoObject","name":"La etiqueta param de la etiqueta object - 3. Imágenes especiales y otros contenidos. SVG","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT1M28S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/la-etiqueta-param-de-la-etiqueta-object"},{"@type":"VideoObject","name":"Introducción a los contenidos SVG - 3. Imágenes especiales y otros contenidos. SVG","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT4M17S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/introduccion-a-los-contenidos-svg"},{"@type":"VideoObject","name":"Diferentes formas de utilizar SVG en el HTML - 3. Imágenes especiales y otros contenidos. SVG","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT5M29S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/diferentes-formas-de-utilizar-svg-en-el-html"},{"@type":"VideoObject","name":"Aplicación de estilos a los SVG - 3. Imágenes especiales y otros contenidos. SVG","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT4M36S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/aplicacion-de-estilos-a-los-svg"},{"@type":"VideoObject","name":"Los SVG y el JavaScript - 3. Imágenes especiales y otros contenidos. SVG","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT5M18S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/los-svg-y-el-javascript"}],[{"@type":"VideoObject","name":"Compatibilidad entre etiquetas HTML y los navegadores - 4. Compatibilidad del HTML. Polyfills","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT4M32S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/compatibilidad-entre-etiquetas-html-y-los-navegadores"},{"@type":"VideoObject","name":"Uso de etiquetas HTML 5 - 4. Compatibilidad del HTML. Polyfills","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT4M19S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/uso-de-etiquetas-html-5"},{"@type":"VideoObject","name":"Inicialización de propiedades CSS - 4. Compatibilidad del HTML. Polyfills","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT1M42S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/inicializacion-de-propiedades-css"},{"@type":"VideoObject","name":"Aplicar clases según el navegador utilizado - 4. Compatibilidad del HTML. Polyfills","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT3M12S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/aplicar-clases-segun-el-navegador-utilizado"},{"@type":"VideoObject","name":"Usar Modernizr para detectar las funcionalidades del navegador - 4. Compatibilidad del HTML. Polyfills","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT3M53S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/usar-modernizr-para-detectar-las-funcionalidades-del-navegador"}],[{"@type":"VideoObject","name":"Introducción al JavaScript - 5. Manipulación del DOM con JavaScript","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT4M43S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/introduccion-al-javascript"},{"@type":"VideoObject","name":"Identificadores, clases y selectores de JavaScript - 5. Manipulación del DOM con JavaScript","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT7M34S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/identificadores-clases-y-selectores-de-javascript"},{"@type":"VideoObject","name":"jQuery y la manipulación del DOM - 5. Manipulación del DOM con JavaScript","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT5M21S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/jquery-y-la-manipulacion-del-dom"},{"@type":"VideoObject","name":"Creación de interactividad mediante el uso de eventos - 5. Manipulación del DOM con JavaScript","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT3M14S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/creacion-de-interactividad-mediante-el-uso-de-eventos"},{"@type":"VideoObject","name":"Añadir y modificar contenidos al DOM - 5. Manipulación del DOM con JavaScript","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT4M46S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/anadir-y-modificar-contenidos-al-dom"},{"@type":"VideoObject","name":"Combinación de HTML, JavaScript y CSS: uso de clases - 5. Manipulación del DOM con JavaScript","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT3M46S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/combinacion-de-html-javascript-y-css-uso-de-clases"}],[{"@type":"VideoObject","name":"Introducción al Responsive Web Design (RWD) - 6. Responsive Web Design","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT6M37S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/introduccion-al-responsive-web-design-rwd"},{"@type":"VideoObject","name":"Conceptos básicos del RWD aplicado al HTML - 6. Responsive Web Design","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT6M51S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/conceptos-basicos-del-rwd-aplicado-al-html"},{"@type":"VideoObject","name":"Uso de media queries según las características del navegador - 6. Responsive Web Design","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT7M42S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/uso-de-media-queries-segun-las-caracteristicas-del-navegador"},{"@type":"VideoObject","name":"Selección de medios para diferentes dispositivos. Sources - 6. Responsive Web Design","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT5M57S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/seleccion-de-medios-para-diferentes-dispositivos-sources"},{"@type":"VideoObject","name":"Uso de imágenes fluidas en RWD - 6. Responsive Web Design","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT3M11S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/uso-de-imagenes-fluidas-en-rwd"},{"@type":"VideoObject","name":"YouTube vídeo fluido - 6. Responsive Web Design","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT4M10S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/youtube-video-fluido"},{"@type":"VideoObject","name":"El DOM y la redistribución de contenidos según el dispositivo - 6. Responsive Web Design","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT5M52S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/el-dom-y-la-redistribucion-de-contenidos-segun-el-dispositivo"}],[{"@type":"VideoObject","name":"Introducción al PHP - 7. PHP y creación dinámica de HTML","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT2M31S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/introduccion-al-php"},{"@type":"VideoObject","name":"Instalación local del servidor Apache - 7. PHP y creación dinámica de HTML","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT2M50S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/instalacion-local-del-servidor-apache"},{"@type":"VideoObject","name":"Escribir contenidos HTML - 7. PHP y creación dinámica de HTML","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT4M3S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/escribir-contenidos-html"},{"@type":"VideoObject","name":"Añadir la base de datos en el servidor - 7. PHP y creación dinámica de HTML","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT4M4S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/anadir-la-base-de-datos-en-el-servidor"},{"@type":"VideoObject","name":"Conexión con la base de datos - 7. PHP y creación dinámica de HTML","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT6M58S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/conexion-con-la-base-de-datos"},{"@type":"VideoObject","name":"Uso de bucles con PHP - 7. PHP y creación dinámica de HTML","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT3M8S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/uso-de-bucles-con-php"},{"@type":"VideoObject","name":"Sentencias condicionales en PHP - 7. PHP y creación dinámica de HTML","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT3M5S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/sentencias-condicionales-en-php"}],[{"@type":"VideoObject","name":"Introducción a los web components - 8. Web components","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT2M6S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/introduccion-a-los-web-components"},{"@type":"VideoObject","name":"Creación de etiquetas personalizadas - 8. Web components","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT5M14S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/creacion-de-etiquetas-personalizadas"},{"@type":"VideoObject","name":"Uso de templates en los web components - 8. Web components","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT5M8S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/uso-de-templates-en-los-web-components"},{"@type":"VideoObject","name":"Uso de atributos específicos en web components - 8. Web components","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT5M59S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/uso-de-atributos-especificos-en-web-components"},{"@type":"VideoObject","name":"Aplicar estilos. Ciclo de vida de los web components - 8. Web components","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT3M53S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/aplicar-estilos-ciclo-de-vida-de-los-web-components"}]],"syllabusSections":[{"@type":"Syllabus","name":"Presentación del curso “HTML avanzado”","timeRequired":"PT48S","description":"A lo largo de este curso, aprenderemos a crear contenidos avanzados y compatibles con todos los navegadores, y a crear webs que cumplan los requisitos de accesibilidad. Haremos una introducción a los contenidos dinámicos, tanto controlados en el navegador con JavaScript como en el servidor con PHP, y utilizaremos algunas etiquetas especiales. \rEl objetivo final del curso es ofrecer técnicas y conceptos que permitan crear sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso para cualquier tipo de navegador."},{"@type":"Syllabus","name":"Introducción a la accesibilidad","timeRequired":"PT5M16S","description":"Antes de comenzar el capítulo, dedicamos este vídeo a hacer una breve introducción a la accesibilidad aplicada a las tecnologías involucradas en la creación de contenidos web."},{"@type":"Syllabus","name":"La propiedad TabIndex","timeRequired":"PT7M51S","description":"Una de las principales características de accesibilidad es la posibilidad de definir cómo se va a navegar utilizando las tabulaciones. Veremos cómo se aplica el atributo TabIndex."},{"@type":"Syllabus","name":"Uso de atajos de teclado con accesskey","timeRequired":"PT1M30S","description":"También es importante facilitar la navegación a través de nuestro HTML mediante el uso de atajos; estos los podremos definir utilizando el atributo accesskey."},{"@type":"Syllabus","name":"Contenidos alternativos e información con title y alt","timeRequired":"PT2M51S","description":"Es necesario dotar a nuestro contenido HTML de información ampliada para los casos en que no se puedan mostrar contenidos como imágenes. El correcto uso de este tipo de características mejorará, además, el SEO."},{"@type":"Syllabus","name":"Propiedades CSS y accesibilidad","timeRequired":"PT7M3S","description":"El CSS está directamente vinculado con la visualización de los contenidos, lo que implica que es necesario conocer la relación entre las distintas propiedades CSS y la accesibilidad."},{"@type":"Syllabus","name":"La forma correcta de ocultar elementos","timeRequired":"PT5M38S","description":"Cuando trabajamos con accesibilidad, es necesario que los lectores para necesidades específicas sean capaces de distinguir qué se ve y qué no en nuestro HTML."},{"@type":"Syllabus","name":"Uso del atributo Aria","timeRequired":"PT5M56S","description":"Otro atributo muy importante surgido con HTML5 es el atributo Aria, que nos permite aportar información adicional sobre las etiquetas en las que se añade."},{"@type":"Syllabus","name":"Lectores de pantalla. Tests","timeRequired":"PT4M20S","description":"Es importante conocer el software que depende de la accesibilidad que hemos contemplado para poder hacer pruebas con él. Veremos ahora los lectores de pantalla."},{"@type":"Syllabus","name":"Etiqueta script y sus tipos","timeRequired":"PT6M57S","description":"Hay varias etiquetas especiales que no se ocupan de mostrar contenidos sino de añadir código específico. Veremos en este vídeo diferentes opciones de uso de la etiqueta script."},{"@type":"Syllabus","name":"Integración de templates dentro de HTML","timeRequired":"PT4M16S","description":"El patrón MVC es fundamental a la hora de crear contenidos HTML de calidad y, para poder aplicarlo, necesitamos del uso de plantillas dentro de los HTML."},{"@type":"Syllabus","name":"Uso de la etiqueta noscript","timeRequired":"PT2M11S","description":"Otra etiqueta importante relacionada con los scripts es la etiqueta noscript, que nos ayudará sobre todo cuando trabajemos con contenido compatible con navegadores antiguos."},{"@type":"Syllabus","name":"Aplicación de estilos en el HTML: style y link","timeRequired":"PT5M18S","description":"La etiqueta link sirve para más cosas que la simple incrustación de código CSS. Veremos en este vídeo algunos usos de esta etiqueta en las páginas HTML."},{"@type":"Syllabus","name":"Comentarios condicionales en HTML","timeRequired":"PT3M44S","description":"Otra característica muy necesaria cuando trabajamos en la compatibilidad de nuestro código son los comentarios condicionales, que sirven para que ciertos navegadores apliquen partes concretas de código que otros no necesitan."},{"@type":"Syllabus","name":"La etiqueta object para añadir contenidos especiales","timeRequired":"PT3M40S","description":"Dentro del HTML se pueden añadir contenidos de manera genérica utilizando la etiqueta object, la cual permite incrustar contenidos de una manera mucho más agnóstica y con características muy especiales."},{"@type":"Syllabus","name":"La etiqueta param de la etiqueta object","timeRequired":"PT1M28S","description":"En la etiqueta object podemos definir el tipo de contenidos y ciertas características especiales utilizando la etiqueta param incrustada dentro de la etiqueta object."},{"@type":"Syllabus","name":"Introducción a los contenidos SVG","timeRequired":"PT4M17S","description":"SVG dispone de sus propias etiquetas para crear contenidos gráficos, algunas tan simples como las que permiten crear textos o grupos, y otras tan complejas como las que generan curvas Bezier."},{"@type":"Syllabus","name":"Diferentes formas de utilizar SVG en el HTML","timeRequired":"PT5M29S","description":"Un tipo de contenido que no es estrictamente HTML, pero que se puede incrustar en él y que ofrece posibilidades muy interesantes en cuanto a gráficos, es el SVG y sus etiquetas."},{"@type":"Syllabus","name":"Aplicación de estilos a los SVG","timeRequired":"PT4M36S","description":"Un problema recurrente cuando se usan contenidos SVG es la dificultad de aplicarles estilos CSS, dificultad que se puede evitar conociendo cómo se pueden integrar mejor los SVG en el HTML."},{"@type":"Syllabus","name":"Los SVG y el JavaScript","timeRequired":"PT5M18S","description":"Otra de las posibilidades que ofrecen los archivos SVG es la de poder añadir interactividad compleja, conectando los elementos que componen el SVG con eventos de JavaScript."},{"@type":"Syllabus","name":"Compatibilidad entre etiquetas HTML y los navegadores","timeRequired":"PT4M32S","description":"Tradicionalmente el uso de etiquetas avanzadas de HTML tiene un coste en cuanto a compatibilidad. Para evitarlo, se utiliza lo que se conoce como polyfills: librerías que permiten el uso de etiquetas y funcionalidades modernas en navegadores antiguos."},{"@type":"Syllabus","name":"Uso de etiquetas HTML 5","timeRequired":"PT4M19S","description":"Cuando queremos utilizar una etiqueta o característica HTML5 concreta, es bueno primero asegurarnos de que estará dentro de las posibilidades dictadas por los requisitos mínimos en cuanto a navegadores de nuestro proyecto."},{"@type":"Syllabus","name":"Inicialización de propiedades CSS","timeRequired":"PT1M42S","description":"Los diferentes navegadores tratan el HTML puro, sin CSS, de diferentes maneras, lo que se traduce en resultados ligeramente distintos dependiendo del navegador. Esto, en cualquier caso, tiene fácil solución."},{"@type":"Syllabus","name":"Aplicar clases según el navegador utilizado","timeRequired":"PT3M12S","description":"También es una buena práctica utilizar librerías que permiten aplicar unos selectores CSS u otros dependiendo del navegador e incluso del dispositivo donde se esté mostrando el contenido."},{"@type":"Syllabus","name":"Usar Modernizr para detectar las funcionalidades del navegador","timeRequired":"PT3M53S","description":"Modernizr es una librería ampliamente utilizada que permite detectar si el navegador sobre el que corre la página es capaz de utilizar determinadas características. Con ello podremos ofrecer contenidos alternativos."},{"@type":"Syllabus","name":"Introducción al JavaScript","timeRequired":"PT4M43S","description":"El HTML define los contenidos que van a aparecer en las páginas web, pero estos contenidos muchas veces tendrán que variar en el momento de su visualización, y para ello se utiliza JavaScript."},{"@type":"Syllabus","name":"Identificadores, clases y selectores de JavaScript","timeRequired":"PT7M34S","description":"Para que JavaScript se pueda conectar con el HTML necesita alguna forma de identificar las diferentes partes de este. Para ello se utilizan los identificadores, las etiquetas y las clases."},{"@type":"Syllabus","name":"jQuery y la manipulación del DOM","timeRequired":"PT5M21S","description":"El JavaScript puro es a veces un poco complejo en cuanto a la selección de elementos del DOM y su manipulación. Para facilitar el trabajo se ha creado jQuery, que nos va a ayudar en esta tarea."},{"@type":"Syllabus","name":"Creación de interactividad mediante el uso de eventos","timeRequired":"PT3M14S","description":"Los eventos son fragmentos de código que se ocupan de escuchar lo que ocurre en la página y de llamar al código que se tiene que ejecutar en determinados casos."},{"@type":"Syllabus","name":"Añadir y modificar contenidos al DOM","timeRequired":"PT4M46S","description":"El HTML en combinación con JavaScript muchas veces sirve como el esqueleto sobre el que luego añadir y modificar contenidos. Veremos cómo podemos añadir nuevos contenidos HTML."},{"@type":"Syllabus","name":"Combinación de HTML, JavaScript y CSS: uso de clases","timeRequired":"PT3M46S","description":"La forma idónea de crear interactividad no es tanto añadir o eliminar elementos HTML, como combinar correctamente el HTML con JavaScript y con estilos CSS que se ocupen de definir cómo se ven esos contenidos."},{"@type":"Syllabus","name":"Introducción al Responsive Web Design (RWD)","timeRequired":"PT6M37S","description":"El Responsive Web Design es un conjunto de normas, técnicas y conceptos que sirven para crear contenidos HTML que se adapten aprovechando las características de los dispositivos donde se muestran."},{"@type":"Syllabus","name":"Conceptos básicos del RWD aplicado al HTML","timeRequired":"PT6M51S","description":"En este vídeo vamos a repasar algunos conceptos imprescindibles de RWD relacionados con las características de las pantallas y su tamaño, y que servirán para luego aplicar técnicas que adapten nuestros contenidos."},{"@type":"Syllabus","name":"Uso de media queries según las características del navegador","timeRequired":"PT7M42S","description":"Maquetando páginas HTML es fácil que nos encontremos con puntos de corte en diferentes tamaños de pantalla donde nuestro diseño falla. Es ahí donde podemos aplicar media queries que sirven para aplicar estilos CSS según el tamaño disponible."},{"@type":"Syllabus","name":"Selección de medios para diferentes dispositivos. Sources","timeRequired":"PT5M57S","description":"Las etiquetas de imagen y vídeo tienen también sus etiquetas SRC propias que permiten la selección de los medios necesarios dependiendo del dispositivo donde se estén visualizando."},{"@type":"Syllabus","name":"Uso de imágenes fluidas en RWD","timeRequired":"PT3M11S","description":"Crear imágenes que se adapten al tamaño disponible es fácil si conoces la técnica adecuada. Vamos ahora a explicar cómo podemos crear imágenes que fluyan, dependiendo del tamaño disponible."},{"@type":"Syllabus","name":"YouTube vídeo fluido","timeRequired":"PT4M10S","description":"El vídeo se utiliza cada día más, y es importante saber cómo podemos añadirlo a nuestras páginas de tal modo que se adapte al tamaño disponible usando el CSS correcto."},{"@type":"Syllabus","name":"El DOM y la redistribución de contenidos según el dispositivo","timeRequired":"PT5M52S","description":"En RWD es muy importante redistribuir los contenidos dependiendo del espacio disponible, así que vamos a explicar en este vídeo cómo plantear estos cambios."},{"@type":"Syllabus","name":"Introducción al PHP","timeRequired":"PT2M31S","description":"El lenguaje PHP sirve para crear código HTML en el lado del servidor, de tal manera que al navegador llegue el contenido creado dinámicamente y bajo demanda, teniendo así páginas web dinámicas."},{"@type":"Syllabus","name":"Instalación local del servidor Apache","timeRequired":"PT2M50S","description":"Para trabajar con PHP necesitamos, ante todo, un servidor que nos haga de intérprete de este código. Para trabajar localmente tendremos que instalar un servidor Apache. Veremos que hay varias opciones muy sencillas."},{"@type":"Syllabus","name":"Escribir contenidos HTML","timeRequired":"PT4M3S","description":"Lo primero que vamos a hacer es aprender a crear contenidos, generando una página HTML y haciendo que partes de ella sean creadas directamente por el código PHP."},{"@type":"Syllabus","name":"Añadir la base de datos en el servidor","timeRequired":"PT4M4S","description":"La creación de contenidos dinámicos suele depender del uso de una base de datos donde almacenar la información que luego servirá para crear el HTML. En este vídeo vamos a crear la base de datos que utilizaremos más adelante."},{"@type":"Syllabus","name":"Conexión con la base de datos","timeRequired":"PT6M58S","description":"Para poder hacer páginas dinámicas, necesitaremos guardar datos en bases de datos. Veremos cómo recuperar estos datos de las bases de datos y cómo escribirlos como HTML."},{"@type":"Syllabus","name":"Uso de bucles con PHP","timeRequired":"PT3M8S","description":"Con los datos recuperados desde la base de datos ya podemos escribir en el HTML que los utilice, y como habitualmente serán listados de elementos, necesitaremos bucles para pintarlos."},{"@type":"Syllabus","name":"Sentencias condicionales en PHP","timeRequired":"PT3M5S","description":"PHP tiene infinidad de métodos y propiedades para realizar todo tipo de tareas. Un ejemplo típico de uso es la creación de estructuras condicionales para mostrar una cosa u otra dependiendo del valor de ciertas variables."},{"@type":"Syllabus","name":"Introducción a los web components","timeRequired":"PT2M6S","description":"El HTML es limitado en cuanto a la cantidad de etiquetas disponibles. Pero, para ampliar opciones se han creado los web components, que permiten generar etiquetas propias para mostrar controles complejos."},{"@type":"Syllabus","name":"Creación de etiquetas personalizadas","timeRequired":"PT5M14S","description":"En este vídeo crearemos un nuevo web component utilizando JavaScript, y lo aplicaremos como una etiqueta personalizada dentro de una página HTML estándar."},{"@type":"Syllabus","name":"Uso de templates en los web components","timeRequired":"PT5M8S","description":"Vamos a ver en este vídeo cómo podemos crear nuevos web components basándolos en el contenido de templates, lo que nos permite el uso, además, de estilos CSS."},{"@type":"Syllabus","name":"Uso de atributos específicos en web components","timeRequired":"PT5M59S","description":"Las etiquetas HTML tienen atributos que modifican el comportamiento de estas. Y en los web components ocurre lo mismo: podemos definir nuestros propios atributos para controlar el comportamiento de nuestras etiquetas."},{"@type":"Syllabus","name":"Aplicar estilos. Ciclo de vida de los web components","timeRequired":"PT3M53S","description":"Para comprender bien el funcionamiento de los web components y para crear controles complejos, es importante entender cuál es el ciclo de vida de estas etiquetas."}],"aggregateRating":{"@type":"AggregateRating","ratingCount":108,"ratingValue":4.7,"bestRating":5,"worstRating":1},"review":[{"@type":"Review","author":{"@type":"Person","name":"Diego Cona Pacheco","jobTitle":"Fullstack Developer | JS, Bootstrap, SASS, TS, DOM, Angular, React, Azure, Microsoft.net, SQL, VBA","url":"https://es.linkedin.com/in/diego-cona-pacheco-730881198"},"reviewRating":{"@type":"Rating","ratingValue":5},"reviewBody":"El contenido me ha parecido muy importante y que todo front end debería conocer y aplicar.","datePublished":"2024-01-12T19:39:34.695Z","publisher":{"@type":"Organization","name":"LinkedIn"},"bestRating":5,"worstRating":1},{"@type":"Review","author":{"@type":"Person","name":"Sara Galstyan","jobTitle":"Junior Frontend. Junior Backend.","url":"https://es.linkedin.com/in/sara-galstyan-a341b4230"},"reviewRating":{"@type":"Rating","ratingValue":5},"reviewBody":"Genial, ","datePublished":"2023-06-07T21:40:10.610Z","publisher":{"@type":"Organization","name":"LinkedIn"},"bestRating":5,"worstRating":1},{"@type":"Review","author":{"@type":"Person","name":"Sandra Milena Arteaga","jobTitle":"Contadora | Análista Financiera | Auditora Contable | Especialista Financiera","url":"https://co.linkedin.com/in/sandra-milena-arteaga-a95840148"},"reviewRating":{"@type":"Rating","ratingValue":5},"reviewBody":"Algo muy nuevo para mi pero muy interesante","datePublished":"2022-12-22T13:08:16.730Z","publisher":{"@type":"Organization","name":"LinkedIn"},"bestRating":5,"worstRating":1}],"video":{"@type":"VideoObject","name":"Presentación del curso “HTML avanzado” - HTML avanzado","author":{"@type":"Person","name":"Jorge González Villanueva","description":"Freelance front-end developer","jobTitle":"Freelance front-end developer","url":"https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es","image":"https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0","description":"Aprende los conceptos y las técnicas más importantes del desarrollo web. Crea sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso.","duration":"PT48S","datePublished":"2018-09-20","uploadDate":"2018-09-20","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://es.linkedin.com/learning/html-avanzado/presentacion-del-curso-html-avanzado"},"educationalLevel":"Advanced","educationalCredentialAwarded":[{"@type":"EducationalOccupationalCredential","name":"Certificado de finalización de LinkedIn Learning","url":"https://www.linkedin.com/help/learning/answer/a598944/learning-certificates-of-completion-faqs","credentialCategory":"Certificate","offers":[{"@type":"Offer","category":"Subscription"}]}]} </script>  </head> <body dir="ltr">   <a href="#main-content" class="skip-link btn-md btn-primary absolute z-11 -top-[100vh] focus:top-0"> Pasar al contenido principal </a> <header class="header base-detail-page__header px-mobile-container-padding bg-color-background-container global-alert-offset sticky-header"> <nav class="nav pt-1.5 pb-2 flex items-center justify-between relative flex-nowrap babymamabear:py-1.5 nav--minified-mobile " aria-label="Principal"> <a href="https://es.linkedin.com/learning/?trk=learning-course_nav-header-logo" class="nav__logo-link link-no-visited-state z-1 mr-auto min-h-[52px] flex items-center babybear:z-0 hover:no-underline focus:no-underline active:no-underline babymamabear:mr-3" data-tracking-control-name="learning-course_nav-header-logo" data-tracking-will-navigate> <div class="learning-logo"> <icon class="learning-logo__inbug onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4zqr0f9jf98vi2nkijyc3bex2"></icon> <span class="learning-logo__text" aria-hidden="true">Learning</span> <span class="sr-only">LinkedIn Learning</span> </div> </a> <section class="search-bar relative flex flex-grow h-[40px] bg-cool-gray-20 min-w-0 max-w-full mx-4 rounded-sm babymamabear:mx-0 babymamabear:mb-1.5 babymamabear:bg-color-transparent babymamabear:w-full babymamabear:flex babymamabear:flex-wrap search-bar--minified-mobile" data-current-search-type="LEARNING"> <button class="search-bar__placeholder papabear:hidden text-input w-full mt-1.5 !pl-[14px] border-1 border-solid border-color-border-faint rounded-[2px] h-[40px] max-h-[40px] flex items-center overflow-hidden cursor-text" data-tracking-control-name="learning-course_search-switcher-opener"> <icon class="text-color-icon w-3 h-3 mr-1" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/397vrsk6op88l4981ji1xe1qt"></icon> <div class="search-bar__full-placeholder font-sans text-md text-color-text max-w-[calc(100%-40px)] text-left whitespace-nowrap overflow-hidden text-ellipsis">  Busca aptitudes, temas o software  </div> <span class="sr-only">Ampliar búsqueda</span> </button> <div class="switcher-tabs__trigger-and-tabs babymamabear:flex"> <button aria-expanded="false" class="switcher-tabs__placeholder flex !h-full !py-0 !pl-2 !pr-1.5 border-r-1 border-solid border-r-color-border-faint babymamabear:hidden tab-md papabear:tab-vertical papabear:justify-start cursor-pointer" data-tracking-control-name="learning-course_switcher-tabs-placeholder" aria-describedby="switcher-description"> <span class="switcher-tabs__placeholder-text m-auto"></span> <icon class="switcher-tabs__caret-down-filled onload pointer-events-none block my-auto min-h-[24px] min-w-[24px] h-[24px] babymamabear:hidden" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv"></icon> </button> <div id="switcher-description" class="hidden">Este botón muestra el tipo de búsqueda seleccionado. Cuando se amplía, se proporciona una lista de opciones de búsqueda para que los resultados coincidan con la selección actual.</div>  <div class="switcher-tabs hidden z-[1] w-auto min-w-[160px] mb-1.5 py-1 absolute top-[48px] left-0 border-solid border-1 border-color-border-faint papabear:container-raised babymamabear:static babymamabear:w-[100vw] babymamabear:h-[48px] babymamabear:p-0 overflow-y-hidden overflow-x-auto md:overflow-x-hidden"> <ul class="switcher-tabs__list flex flex-1 items-stretch papabear:flex-col" role="tablist"> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="jobs-search-panel" aria-selected="false" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer " data-switcher-type="JOBS" data-tracking-control-name="learning-course_switcher-tabs-jobs-search-switcher" id="job-switcher-tab" role="tab"> Empleos </button> </li> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="people-search-panel" aria-selected="false" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer " data-switcher-type="PEOPLE" data-tracking-control-name="learning-course_switcher-tabs-people-search-switcher" id="people-switcher-tab" role="tab"> Personas </button> </li> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="learning-search-panel" aria-selected="true" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer tab-selected" data-switcher-type="LEARNING" data-tracking-control-name="learning-course_switcher-tabs-learning-search-switcher" id="learning-switcher-tab" role="tab"> Learning </button> </li> </ul> <button aria-label="Cerrar" class="switcher-tabs__cancel-btn papabear:hidden block w-6 h-6 m-auto text-color-text-low-emphasis" data-tracking-control-name="learning-course_switcher-tabs-cancel-search-switcher" type="button"> <icon class="switcher-tabs__cancel-icon block w-3 h-3 m-auto onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </div> </div> <section class="base-search-bar w-full h-full" data-searchbar-type="PEOPLE" aria-labelledby="people-switcher-tab" id="people-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/pub/dir" data-tracking-control-name="learning-course_people-search-bar_base-search-bar-form"> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Nombre" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_people-search-bar_first-name_dismissable-input" maxlength="500" name="firstName" placeholder="Nombre" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_people-search-bar_first-name_dismissable-input-clear" type="button"> <label class="sr-only">Borrar texto</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Apellidos" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_people-search-bar_last-name_dismissable-input" maxlength="500" name="lastName" placeholder="Apellidos" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_people-search-bar_last-name_dismissable-input-clear" type="button"> <label class="sr-only">Borrar texto</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input name="trk" value="learning-course_people-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Buscar" data-tracking-control-name="learning-course_people-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <section class="base-search-bar w-full h-full" data-searchbar-type="JOBS" aria-labelledby="job-switcher-tab" id="jobs-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/jobs/search" data-tracking-control-name="learning-course_jobs-search-bar_base-search-bar-form"> <code id="i18n_aria_live_text_no-suggestions" style="display: none"></code> <code id="i18n_aria_live_text_one-suggestion" style="display: none"></code> <code id="i18n_aria_live_text_multiple-suggestions" style="display: none"></code> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 typeahead-input keywords-typeahead-input text-input"> <input aria-autocomplete="list" aria-controls="job-search-bar-keywords-typeahead-list" aria-haspopup="listbox" aria-label="Buscar cargos o empresas" autocomplete="off" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_dismissable-input" id="job-search-bar-keywords" maxlength="500" name="keywords" placeholder="Buscar cargos o empresas" role="combobox" type="search">  <div class="typeahead-input__dropdown container-lined absolute top-[calc(100%+3px)] left-0 w-full rounded-b-md rounded-t-none z-[10] overflow-hidden max-w-none babybear:min-w-full babybear:bottom-0 babybear:overflow-y-auto"> <template class="typeahead-item-template"> <li class="typeahead-input__dropdown-item py-1.5 px-2 hover:cursor-pointer hover:bg-color-surface-new-hover hover:border-y-2 hover:border-solid hover:border-color-container-primary" role="option"> <span class="typeahead-input__dropdown-text font-sans text-sm font-bold text-color-text"></span> </li> </template> <ul class="typeahead-input__dropdown-list w-full" id="job-search-bar-keywords-typeahead-list" role="listbox"></ul> </div>  <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_dismissable-input-clear" type="button"> <label class="sr-only">Borrar texto</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section>  <code id="i18n_aria_live_text_no-suggestions" style="display: none"></code> <code id="i18n_aria_live_text_one-suggestion" style="display: none"></code> <code id="i18n_aria_live_text_multiple-suggestions" style="display: none"></code> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 typeahead-input location-typeahead-input"> <input aria-autocomplete="list" aria-controls="job-search-bar-location-typeahead-list" aria-haspopup="listbox" aria-label="Ubicación" autocomplete="off" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_dismissable-input" id="job-search-bar-location" maxlength="500" name="location" placeholder="Ubicación" role="combobox" value="Isla de Hong Kong" type="search">  <div class="typeahead-input__dropdown container-lined absolute top-[calc(100%+3px)] left-0 w-full rounded-b-md rounded-t-none z-[10] overflow-hidden max-w-none babybear:min-w-full babybear:bottom-0 babybear:overflow-y-auto"> <template class="typeahead-item-template"> <li class="typeahead-input__dropdown-item py-1.5 px-2 hover:cursor-pointer hover:bg-color-surface-new-hover hover:border-y-2 hover:border-solid hover:border-color-container-primary" role="option"> <span class="typeahead-input__dropdown-text font-sans text-sm font-bold text-color-text"></span> </li> </template> <ul class="typeahead-input__dropdown-list w-full" id="job-search-bar-location-typeahead-list" role="listbox"></ul> </div>  <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_dismissable-input-clear" type="button"> <label class="sr-only">Borrar texto</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input name="geoId" value="102817007" type="hidden"> <input name="trk" value="learning-course_jobs-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Buscar" data-tracking-control-name="learning-course_jobs-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <section class="base-search-bar w-full h-full" data-searchbar-type="LEARNING" aria-labelledby="learning-switcher-tab" id="learning-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/learning/search" data-tracking-control-name="learning-course_learning-search-bar_base-search-bar-form"> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Busca aptitudes, temas o software" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_learning-search-bar_keywords_dismissable-input" maxlength="500" name="keywords" placeholder="Busca aptitudes, temas o software" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_learning-search-bar_keywords_dismissable-input-clear" type="button"> <label class="sr-only">Borrar texto</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input class="nav__search-uoo" name="upsellOrderOrigin" type="hidden"> <input name="trk" value="learning-course_learning-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Buscar" data-tracking-control-name="learning-course_learning-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section>  <div aria-live="polite" class="search-bar__live-text sr-only" role="status"></div> </section>  <div class="nav__cta-container order-3 flex gap-x-1 justify-end min-w-[100px] flex-nowrap flex-shrink-0 babybear:flex-wrap flex-2 babymamabear:min-w-[50px] "> <a class="nav__button-tertiary btn-md btn-tertiary" href="http://es.linkedin.com/learning/subscription/products?courseSlug=html-avanzado&destRedirectURL=https%3A%2F%2Fes%2Elinkedin%2Ecom%2Flearning%2Fhtml-avanzado&trk=learning-course_nav-header-join&upsellTrk=lil_upsell_nav_subscription&session_redirect=https%3A%2F%2Fes.linkedin.com%2Flearning%2Fhtml-avanzado%3Ftrk%3Dlearning-topics_learning-search-card_search-card" data-tracking-control-name="lil_upsell_nav_subscription" data-tracking-impression-name="lil_upsell_nav_subscription" data-test-live-nav-primary-cta data-tracking-will-navigate> Comenzar prueba gratis </a> <a class="nav__button-secondary btn-md btn-secondary-emphasis" href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fhtml-avanzado%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&fromSignIn=true&session_redirect=https%3A%2F%2Fes.linkedin.com%2Flearning%2Fhtml-avanzado%3Ftrk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_nav-header-signin" data-tracking-control-name="learning-course_nav-header-signin" data-tracking-will-navigate> Inicia sesión </a> <a aria-label="Inicia sesión" class="nav__link-person papabear:hidden mamabear:hidden" data-tracking-control-name="learning-course_nav-header-signin" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fhtml-avanzado%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&fromSignIn=true&session_redirect=https%3A%2F%2Fes.linkedin.com%2Flearning%2Fhtml-avanzado%3Ftrk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_nav-header-signin"> <img class="inline-block relative rounded-[50%] w-4 h-4 bg-color-entity-ghost-background" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </a> </div>   </nav> </header>  <div class="cta-banner "> <div class="enterprise-nav"> <div class="enterprise-nav__content-wrapper"> <p id="enterprise-nav-solutions" class="enterprise-nav__content" tabindex="-1"> Soluciones para: </p> <a href="https://learning.linkedin.com/es-es/for-entire-companies?src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-business" class="enterprise-nav__content" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-business">Empresas</a> <a href="https://learning.linkedin.com/es-es/for-higher-education?src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-education" class="enterprise-nav__content" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-education">Enseñanza superior</a> <a href="https://learning.linkedin.com/es-es/for-governments?src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-government" class="enterprise-nav__content" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-government">Administración pública</a> <a href="/learning/subscription/teams?veh=lil_upx&src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-buy" class="enterprise-nav__content" data-test-live-enterprise-upsell="true" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" data-tracking-impression-name="lil_upsell_learning-course_enterprise-nav_teambuy" id="business-nav-buy">Comprar para mi equipo</a> </div> </div>   </div> <main class="main papabear:flex papabear:w-content-max-w papabear:mx-auto papabear:pt-desktop-content-top-margin mamabear:pt-desktop-content-top-margin " id="main-content" role="main"> <section class="core-rail mx-auto papabear:w-core-rail-width mamabear:max-w-[790px] babybear:max-w-[790px]"> <ol class="breadcrumb__list"> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://es.linkedin.com/learning/browse?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Todos los temas</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://es.linkedin.com/learning/topics/creatividad?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Creatividad</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://es.linkedin.com/learning/topics/diseno-web-y-ux?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Diseño web</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://es.linkedin.com/learning/topics/estandares-web?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Estándares web</a> </li> </ol> <script type="application/ld+json"> {"@context":"http://schema.org/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Todos los temas","item":"https://es.linkedin.com/learning/browse"},{"@type":"ListItem","position":2,"name":"Creatividad","item":"https://es.linkedin.com/learning/topics/creatividad"},{"@type":"ListItem","position":3,"name":"Diseño web","item":"https://es.linkedin.com/learning/topics/diseno-web-y-ux"},{"@type":"ListItem","position":4,"name":"Estándares web","item":"https://es.linkedin.com/learning/topics/estandares-web"}]} </script> <section class="top-card-layout container-lined overflow-hidden babybear:rounded-[0px]"> <section class="top-card__image-container"> <img class="top-card__image" alt="HTML avanzado" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQHAu5H6ic7E_A/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567114020148?e=2147483647&v=beta&t=SX7S0JeofIE2L3b6yFkxguFfsLYaLkLuaPfxDohn8-0"> <a class="top-card__overlay-button" data-tracking-control-name="course_preview" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/presentacion-del-curso-html-avanzado?autoplay=true&trk=course_preview"> <span class="top-card__preview-cta "> <icon class="top-card__preview-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l"> </icon> <span class="top-card__preview-cta-text">Vista previa</span> </span>  </a> </section> <div class="top-card-layout__card relative p-2 papabear:p-details-container-padding"> <div class="top-card-layout__entity-info-container flex flex-wrap papabear:flex-nowrap"> <div class="top-card-layout__entity-info flex-grow flex-shrink-0 basis-0 babybear:flex-none babybear:w-full babybear:flex-none babybear:w-full"> <h1 class="top-card-layout__title font-sans text-lg papabear:text-xl font-bold leading-open text-color-text mb-0"> HTML avanzado </h1> <h2 class="top-card-layout__headline break-words font-sans text-md leading-open text-color-text"> <div class="top-card__headline-row"> <span class="top-card__headline-row-item top-card__headline-row-item--large">Con Jorge González Villanueva</span> <span class="top-card__headline-row-item">Recomendado por 255 usuarios</span> </div> <div class="top-card__headline-row"> <span class="top-card__headline-row-item">Duración: 3 h 44 m</span> <span class="top-card__headline-row-item">Nivel de conocimientos: Avanzado</span> <span class="top-card__headline-row-item">Publicación: 20/9/2018</span> </div> </h2>   <div class="top-card-layout__cta-container flex flex-wrap mt-0.5 papabear:mt-0 ml-[-12px]"> <a href="http://es.linkedin.com/learning/subscription/products?courseSlug=html-avanzado&destRedirectURL=https%3A%2F%2Fes%2Elinkedin%2Ecom%2Flearning%2Fhtml-avanzado&trk=course_info&upsellTrk=lil_upsell_course_info_subscription" data-tracking-control-name="lil_upsell_course_info_subscription" data-tracking-impression-name="lil_upsell_course_info_subscription" data-litms-tracking-control-name="lil_upsell_course_info_subscription" data-tracking-will-navigate class="top-card__upsell-link top-card-layout__cta mt-2 ml-1.5 h-auto babybear:flex-auto top-card-layout__cta--primary btn-md btn-primary" data-test-live-course-sub-upsell> Comenzar mi mes de prueba gratis </a> <a class="buy-for-your-team-cta__link top-card-layout__cta mt-2 ml-1.5 h-auto babybear:flex-auto top-card-layout__cta--secondary btn-md btn-secondary" href="/learning/subscription/teams?veh=lil_upx&src=li-lil-upsell&trk=learning-course_buy-for-your-team-cta" data-tracking-control-name="learning-course_buy-for-your-team-cta" data-tracking-impression-name="lil_upsell_learning-course_buy-for-your-team-cta_teambuy" data-test-live-buy-for-your-team-upsell data-tracking-will-navigate> Comprar para mi equipo </a> </div> </div>  </div>   </div> </section> <div class="details mx-details-container-padding"> <section class="core-section-container my-3 course-details">  <h2 class="core-section-container__title section-title"> Detalles del curso </h2>  <div class="core-section-container__content break-words"> <section class="show-more-less-html course-details__description" data-max-lines="4"> <div class="show-more-less-html__markup show-more-less-html__markup--clamp-after-4 relative overflow-hidden"> A lo largo de este curso, aprenderemos a crear contenidos avanzados y compatibles con todos los navegadores, y a crear webs que cumplan los requisitos de accesibilidad. Haremos una introducción a los contenidos dinámicos, tanto controlados en el navegador con JavaScript como en el servidor con PHP, y utilizaremos algunas etiquetas especiales. El objetivo final del curso es ofrecer técnicas y conceptos que permitan crear sitios web más accesibles, mejor valorados por los buscadores y con mejor experiencia de uso para cualquier tipo de navegador. </div> <button class="show-more-less-html__button show-more-less-button show-more-less-html__button--more ml-0.5" data-tracking-control-name="learning-course_show-more-html-btn" aria-label="i18n_show_more" aria-expanded="false">  Show more <icon class="show-more-less-html__button-icon show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less-html__button show-more-less-button show-more-less-html__button--less ml-0.5" data-tracking-control-name="learning-course_show-less-html-btn" aria-label="i18n_show_less" aria-expanded="true">  Show less <icon class="show-more-less-html__button-icon show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button>  </section> </div> </section> <section class="core-section-container my-3 course-skills">  <h2 class="core-section-container__title section-title"> Aptitudes que desarrollarás </h2>  <div class="core-section-container__content break-words"> <ul class="course-skills__skill-list"> <li class="course-skills__skill-list-item"> <a href="https://www.linkedin.com/learning/topics/html?trk=learning-course_pill-list" data-tracking-control-name="learning-course_pill-list" data-tracking-will-navigate class="pill flex w-fit mr-[6px] mb-1 hover:no-underline skill-pill"> HTML </a> </li> <li class="course-skills__skill-list-item"> <a href="https://www.linkedin.com/learning/topics/php?trk=learning-course_pill-list" data-tracking-control-name="learning-course_pill-list" data-tracking-will-navigate class="pill flex w-fit mr-[6px] mb-1 hover:no-underline skill-pill"> PHP </a> </li> <li class="course-skills__skill-list-item"> <a href="https://www.linkedin.com/learning/topics/javascript?trk=learning-course_pill-list" data-tracking-control-name="learning-course_pill-list" data-tracking-will-navigate class="pill flex w-fit mr-[6px] mb-1 hover:no-underline skill-pill"> JavaScript </a> </li> </ul> </div> </section> <section class="core-section-container my-3">  <h2 class="core-section-container__title section-title"> Obtén un certificado que puedes compartir </h2>  <div class="core-section-container__content break-words"> <p class="course-certificate__body-paragraph">Comparte lo que has aprendido y destaca como profesional en el sector deseado con un certificado que muestra los conocimientos obtenidos en el curso.</p> <div class="course-certificate__image-container"> <img class="course-certificate__certificate-image" alt="Certificado de muestra" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/52nu8qc7cfcn7vrftr7ttceqt"> <div> <h3 class="course-certificate__detail-list-heading"> <div class="learning-logo"> <icon class="learning-logo__inbug onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4zqr0f9jf98vi2nkijyc3bex2"></icon> <span class="learning-logo__text learning-logo__text--show-on-mobile" aria-hidden="true">Learning</span> <span class="sr-only">LinkedIn Learning</span> </div> <span>Certificado de finalización</span> </h3> <ul> <li class="course-certificate__detail-list-item"> <div class="course-certificate__detail-list-item-icon-wrapper"><icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5lqa4dj5v9gp6yjh6s6iwtdbb"></icon></div> <p class="course-certificate__detail-list-item-text">Añádelo a tu perfil de LinkedIn en la sección «Licencias y certificaciones»</p> </li> <li class="course-certificate__detail-list-item"> <div class="course-certificate__detail-list-item-icon-wrapper"><icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5lqa4dj5v9gp6yjh6s6iwtdbb"></icon></div> <p class="course-certificate__detail-list-item-text">Descárgalo o imprímelo como PDF para compartirlo con otras personas</p> </li> <li class="course-certificate__detail-list-item"> <div class="course-certificate__detail-list-item-icon-wrapper"><icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5lqa4dj5v9gp6yjh6s6iwtdbb"></icon></div> <p class="course-certificate__detail-list-item-text">Compártelo como imagen para mostrar tus aptitudes</p> </li> </ul> </div> </div> </div> </section> <section class="core-section-container my-3 course-instructors">  <h2 class="core-section-container__title section-title"> Conoce al instructor </h2>  <div class="core-section-container__content break-words"> <ul class="course-instructors__list"> <li class="course-instructors__list-item"> <a href="https://es.linkedin.com/in/jorge-gonz%C3%A1lez-villanueva-8066a8b/es?trk=learning-course_instructor" target="_self" data-tracking-control-name="learning-course_instructor" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link">  <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/C4E03AQFhQfM4pppZjA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1516371800964?e=2147483647&v=beta&t=FOQPYQfLFYWHALosXYbiLgkYpA5-eYQabwwyaItp6bY" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Haz clic aquí para ver la página de instructor de Jorge González Villanueva"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full"> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Jorge González Villanueva </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden"> Freelance front-end developer </h4>   </div>  </a> </li> </ul> </div> </section> <section class="core-section-container my-3 reviews-feed">  <h2 class="core-section-container__title section-title"> Reseñas de los usuarios </h2>  <div class="core-section-container__content break-words"> <div class="reviews-feed__ratings-summary"> <section class="ratings-summary"> <div class="ratings-summary__overall-rating"> <h3 class="ratings-summary__header"><span class="ratings-summary__rating-average">4,7</span> <span class="ratings-summary__rating-max">de 5</span></h3> <figure class="ratings-summary__figure"> <span class="star-rating" role="img" aria-label="Valoración: 4.7 de 5 estrellas"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7dacecy4xq1otzk8pae2g0hxd"></icon> </span> </span> <figcaption class="ratings-summary__ratings-total">108 reseñas</figcaption> </figure> </div> <div class="ratings-summary__breakdown"> <div class="ratings-summary__disclaimer"> <div class="tooltip"> <button class="tooltip__trigger ratings-summary__disclaimer-trigger" data-tracking-control-name="toggle_disclaimer" type="button"> <icon class="ratings-summary__disclaimer-icon" data-svg-class-name="ratings-summary__disclaimer-icon-svg" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/g8uts9v3k83n9e3iyvcxit0k"> </icon> <span class="ratings-summary__disclaimer-text">¿Cómo se calculan las valoraciones?</span> </button> <span role="tooltip" class="tooltip__popup" aria-hidden="true"> La valoración general se calcula a partir de la media de valoraciones recibidas. Las valoraciones y reseñas solo se pueden enviar cuando usuarios identificados completan al menos un 40 % del curso. Esto nos ayuda a prevenir el spam y las reseñas falsas. </span> </div> </div> <ul> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 5 estrellas </figcaption> <progress class="ratings-summary__progress-bar" max="108" value="89" aria-valuemin="0" aria-valuenow="89" aria-valuemax="108"> Valor actual: 89 </progress> <span class="ratings-summary__rating-count-percent"> 82 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 4 estrellas </figcaption> <progress class="ratings-summary__progress-bar" max="108" value="13" aria-valuemin="0" aria-valuenow="13" aria-valuemax="108"> Valor actual: 13 </progress> <span class="ratings-summary__rating-count-percent"> 12 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 3 estrellas </figcaption> <progress class="ratings-summary__progress-bar" max="108" value="4" aria-valuemin="0" aria-valuenow="4" aria-valuemax="108"> Valor actual: 4 </progress> <span class="ratings-summary__rating-count-percent"> 4 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 2 estrellas </figcaption> <progress class="ratings-summary__progress-bar" max="108" value="0" aria-valuemin="0" aria-valuenow="0" aria-valuemax="108"> Valor actual: 0 </progress> <span class="ratings-summary__rating-count-percent"> 0 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 1 estrella </figcaption> <progress class="ratings-summary__progress-bar" max="108" value="2" aria-valuemin="0" aria-valuenow="2" aria-valuemax="108"> Valor actual: 2 </progress> <span class="ratings-summary__rating-count-percent"> 2 % </span> </figure> </li> </ul> </div> </section> </div> <ul class="reviews-feed__reviews-list"> <li class="reviews-feed__reviews-list-item"> <div class="review-card"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link review-card__entity"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://es.linkedin.com/in/diego-cona-pacheco-730881198?trk=learning-course" data-tracking-control-name="learning-course" data-tracking-will-navigate> <span class="sr-only"> Diego Cona Pacheco  </span> </a> <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/C5603AQFAIMzrhrX6tw/profile-displayphoto-shrink_100_100/profile-displayphoto-shrink_100_100/0/1574900455777?e=2147483647&v=beta&t=-iRWqYoSoNa_f3ICfQrZy0HQrC_EbAsPqWP-WuNdrB8" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Diego Cona Pacheco"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full"> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Diego Cona Pacheco  </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden"> Fullstack Developer | JS, Bootstrap, SASS, TS, DOM, Angular, React, Azure, Microsoft.net, SQL, VBA </h4>  <div class="body-text text-color-text-low-emphasis base-main-card__metadata"> <div class="review-card__content"> <div class="review-card__centered-row"> <div class="review-card__star-container"> <span class="star-rating" role="img" aria-label="Valoración: 5 de 5 estrellas"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> </span> </div> <span class="review-card__rating"> 5 /5 </span> <span class="review-card__date"> 12 de enero de 2024 </span> </div> <div class="review-card__text"> El contenido me ha parecido muy importante y que todo front end debería conocer y aplicar. </div> <div class="review-card__centered-row review-card__actions"> <a class="review-card__centered-row review-card__action-button" aria-label="El comentario de Diego Cona Pacheco es útil" data-tracking-control-name="learning-course_review-card-helpful-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fhtml-avanzado%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_review-card-helpful-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5ptx189gjbxrh9wf3ncsehms9" data-svg-class-name="review-card__like-icon"></icon> Útil </a> <span class="review-card__dot-delimiter">·</span> <a class="review-card__centered-row review-card__action-button" aria-label="Denunciar el comentario de Diego Cona Pacheco" data-tracking-control-name="learning-course_review-card-report-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fhtml-avanzado%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_review-card-report-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/d04ze1wt0ev8ck8e4ovqk762o" data-svg-class-name="review-card__flag-icon"></icon> Denunciar </a> </div> </div> </div> </div>  </div> </div> </li> <li class="reviews-feed__reviews-list-item"> <div class="review-card"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link review-card__entity"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://es.linkedin.com/in/sara-galstyan-a341b4230?trk=learning-course" data-tracking-control-name="learning-course" data-tracking-will-navigate> <span class="sr-only"> Sara Galstyan  </span> </a> <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/C4D03AQG091LLywDsZw/profile-displayphoto-shrink_100_100/profile-displayphoto-shrink_100_100/0/1643060236902?e=2147483647&v=beta&t=sxCMzdiV6_-nCsKB_W5iqpVLjNJ8BsV2oozG2MZRw8k" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Sara Galstyan"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full"> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Sara Galstyan  </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden"> Junior Frontend. Junior Backend. </h4>  <div class="body-text text-color-text-low-emphasis base-main-card__metadata"> <div class="review-card__content"> <div class="review-card__centered-row"> <div class="review-card__star-container"> <span class="star-rating" role="img" aria-label="Valoración: 5 de 5 estrellas"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> </span> </div> <span class="review-card__rating"> 5 /5 </span> <span class="review-card__date"> 7 de junio de 2023 </span> </div> <div class="review-card__text"> Genial, </div> <div class="review-card__centered-row review-card__actions"> <a class="review-card__centered-row review-card__action-button" aria-label="El comentario de Sara Galstyan es útil" data-tracking-control-name="learning-course_review-card-helpful-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fhtml-avanzado%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_review-card-helpful-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5ptx189gjbxrh9wf3ncsehms9" data-svg-class-name="review-card__like-icon"></icon> Útil </a> <span class="review-card__dot-delimiter">·</span> <a class="review-card__centered-row review-card__action-button" aria-label="Denunciar el comentario de Sara Galstyan" data-tracking-control-name="learning-course_review-card-report-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fhtml-avanzado%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_review-card-report-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/d04ze1wt0ev8ck8e4ovqk762o" data-svg-class-name="review-card__flag-icon"></icon> Denunciar </a> </div> </div> </div> </div>  </div> </div> </li> <li class="reviews-feed__reviews-list-item"> <div class="review-card"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link review-card__entity"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://co.linkedin.com/in/sandra-milena-arteaga-a95840148?trk=learning-course" data-tracking-control-name="learning-course" data-tracking-will-navigate> <span class="sr-only"> Sandra Milena Arteaga  </span> </a> <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/D5603AQFTKuRz5umGww/profile-displayphoto-shrink_100_100/profile-displayphoto-shrink_100_100/0/1732220206464?e=2147483647&v=beta&t=ikJs4meN6nGRC-Ahuh0w8SQkZo4vAwwGQEbdh-EVjlQ" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Sandra Milena Arteaga"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full"> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Sandra Milena Arteaga  </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden"> Contadora | Análista Financiera | Auditora Contable | Especialista Financiera </h4>  <div class="body-text text-color-text-low-emphasis base-main-card__metadata"> <div class="review-card__content"> <div class="review-card__centered-row"> <div class="review-card__star-container"> <span class="star-rating" role="img" aria-label="Valoración: 5 de 5 estrellas"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> </span> </div> <span class="review-card__rating"> 5 /5 </span> <span class="review-card__date"> 22 de diciembre de 2022 </span> </div> <div class="review-card__text"> Algo muy nuevo para mi pero muy interesante </div> <div class="review-card__centered-row review-card__actions"> <a class="review-card__centered-row review-card__action-button" aria-label="El comentario de Sandra Milena Arteaga es útil" data-tracking-control-name="learning-course_review-card-helpful-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fhtml-avanzado%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_review-card-helpful-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5ptx189gjbxrh9wf3ncsehms9" data-svg-class-name="review-card__like-icon"></icon> Útil </a> <span class="review-card__dot-delimiter">·</span> <a class="review-card__centered-row review-card__action-button" aria-label="Denunciar el comentario de Sandra Milena Arteaga" data-tracking-control-name="learning-course_review-card-report-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fhtml-avanzado%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_review-card-report-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/d04ze1wt0ev8ck8e4ovqk762o" data-svg-class-name="review-card__flag-icon"></icon> Denunciar </a> </div> </div> </div> </div>  </div> </div> </li> </ul> </div> </section> </div> </section> <section class="right-rail papabear:w-right-rail-width papabear:ml-column-gutter mamabear:max-w-[790px] mamabear:px-mobile-container-padding babybear:max-w-[790px] babybear:px-mobile-container-padding"> <section class="table-of-contents mb-4 table-of-contents--with-max-height"> <h2 class="table-of-contents__header"> Contenido </h2> <ul class="table-of-contents__list"> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Introducción <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Introducción <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/presentacion-del-curso-html-avanzado?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Presentación del curso “HTML avanzado” </div> <div class="table-of-contents__item-duration"> 48 s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 1. HTML y la accesibilidad <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 1. HTML y la accesibilidad <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/introduccion-a-la-accesibilidad?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Introducción a la accesibilidad </div> <div class="table-of-contents__item-duration"> 5 min 16 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/la-propiedad-tabindex?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> La propiedad TabIndex </div> <div class="table-of-contents__item-duration"> 7 min 51 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/uso-de-atajos-de-teclado-con-accesskey?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Uso de atajos de teclado con accesskey </div> <div class="table-of-contents__item-duration"> 1 min 30 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/contenidos-alternativos-e-informacion-con-title-y-alt?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Contenidos alternativos e información con title y alt </div> <div class="table-of-contents__item-duration"> 2 min 51 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/propiedades-css-y-accesibilidad?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Propiedades CSS y accesibilidad </div> <div class="table-of-contents__item-duration"> 7 min 3 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/la-forma-correcta-de-ocultar-elementos?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> La forma correcta de ocultar elementos </div> <div class="table-of-contents__item-duration"> 5 min 38 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/uso-del-atributo-aria?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Uso del atributo Aria </div> <div class="table-of-contents__item-duration"> 5 min 56 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/lectores-de-pantalla-tests?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Lectores de pantalla. Tests </div> <div class="table-of-contents__item-duration"> 4 min 20 s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 2. Etiquetas especiales. Scripting, meta y textos especiales <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 2. Etiquetas especiales. Scripting, meta y textos especiales <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/etiqueta-script-y-sus-tipos?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Etiqueta script y sus tipos </div> <div class="table-of-contents__item-duration"> 6 min 57 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/integracion-de-templates-dentro-de-html?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Integración de templates dentro de HTML </div> <div class="table-of-contents__item-duration"> 4 min 16 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/uso-de-la-etiqueta-noscript?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Uso de la etiqueta noscript </div> <div class="table-of-contents__item-duration"> 2 min 11 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/aplicacion-de-estilos-en-el-html-style-y-link?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Aplicación de estilos en el HTML: style y link </div> <div class="table-of-contents__item-duration"> 5 min 18 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/comentarios-condicionales-en-html?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Comentarios condicionales en HTML </div> <div class="table-of-contents__item-duration"> 3 min 44 s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 3. Imágenes especiales y otros contenidos. SVG <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 3. Imágenes especiales y otros contenidos. SVG <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/la-etiqueta-object-para-anadir-contenidos-especiales?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> La etiqueta object para añadir contenidos especiales </div> <div class="table-of-contents__item-duration"> 3 min 40 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/la-etiqueta-param-de-la-etiqueta-object?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> La etiqueta param de la etiqueta object </div> <div class="table-of-contents__item-duration"> 1 min 28 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/introduccion-a-los-contenidos-svg?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Introducción a los contenidos SVG </div> <div class="table-of-contents__item-duration"> 4 min 17 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/diferentes-formas-de-utilizar-svg-en-el-html?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Diferentes formas de utilizar SVG en el HTML </div> <div class="table-of-contents__item-duration"> 5 min 29 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/aplicacion-de-estilos-a-los-svg?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Aplicación de estilos a los SVG </div> <div class="table-of-contents__item-duration"> 4 min 36 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/los-svg-y-el-javascript?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Los SVG y el JavaScript </div> <div class="table-of-contents__item-duration"> 5 min 18 s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 4. Compatibilidad del HTML. Polyfills <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 4. Compatibilidad del HTML. Polyfills <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/compatibilidad-entre-etiquetas-html-y-los-navegadores?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Compatibilidad entre etiquetas HTML y los navegadores </div> <div class="table-of-contents__item-duration"> 4 min 32 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/uso-de-etiquetas-html-5?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Uso de etiquetas HTML 5 </div> <div class="table-of-contents__item-duration"> 4 min 19 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/inicializacion-de-propiedades-css?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Inicialización de propiedades CSS </div> <div class="table-of-contents__item-duration"> 1 min 42 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/aplicar-clases-segun-el-navegador-utilizado?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Aplicar clases según el navegador utilizado </div> <div class="table-of-contents__item-duration"> 3 min 12 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/usar-modernizr-para-detectar-las-funcionalidades-del-navegador?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Usar Modernizr para detectar las funcionalidades del navegador </div> <div class="table-of-contents__item-duration"> 3 min 53 s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 5. Manipulación del DOM con JavaScript <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 5. Manipulación del DOM con JavaScript <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/introduccion-al-javascript?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Introducción al JavaScript </div> <div class="table-of-contents__item-duration"> 4 min 43 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/identificadores-clases-y-selectores-de-javascript?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Identificadores, clases y selectores de JavaScript </div> <div class="table-of-contents__item-duration"> 7 min 34 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/jquery-y-la-manipulacion-del-dom?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> jQuery y la manipulación del DOM </div> <div class="table-of-contents__item-duration"> 5 min 21 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/creacion-de-interactividad-mediante-el-uso-de-eventos?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Creación de interactividad mediante el uso de eventos </div> <div class="table-of-contents__item-duration"> 3 min 14 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/anadir-y-modificar-contenidos-al-dom?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Añadir y modificar contenidos al DOM </div> <div class="table-of-contents__item-duration"> 4 min 46 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/combinacion-de-html-javascript-y-css-uso-de-clases?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Combinación de HTML, JavaScript y CSS: uso de clases </div> <div class="table-of-contents__item-duration"> 3 min 46 s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 6. Responsive Web Design <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 6. Responsive Web Design <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/introduccion-al-responsive-web-design-rwd?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Introducción al Responsive Web Design (RWD) </div> <div class="table-of-contents__item-duration"> 6 min 37 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/conceptos-basicos-del-rwd-aplicado-al-html?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Conceptos básicos del RWD aplicado al HTML </div> <div class="table-of-contents__item-duration"> 6 min 51 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/uso-de-media-queries-segun-las-caracteristicas-del-navegador?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Uso de media queries según las características del navegador </div> <div class="table-of-contents__item-duration"> 7 min 42 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/seleccion-de-medios-para-diferentes-dispositivos-sources?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Selección de medios para diferentes dispositivos. Sources </div> <div class="table-of-contents__item-duration"> 5 min 57 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/uso-de-imagenes-fluidas-en-rwd?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Uso de imágenes fluidas en RWD </div> <div class="table-of-contents__item-duration"> 3 min 11 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/youtube-video-fluido?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> YouTube vídeo fluido </div> <div class="table-of-contents__item-duration"> 4 min 10 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/el-dom-y-la-redistribucion-de-contenidos-segun-el-dispositivo?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> El DOM y la redistribución de contenidos según el dispositivo </div> <div class="table-of-contents__item-duration"> 5 min 52 s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 7. PHP y creación dinámica de HTML <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 7. PHP y creación dinámica de HTML <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/introduccion-al-php?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Introducción al PHP </div> <div class="table-of-contents__item-duration"> 2 min 31 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/instalacion-local-del-servidor-apache?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Instalación local del servidor Apache </div> <div class="table-of-contents__item-duration"> 2 min 50 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/escribir-contenidos-html?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Escribir contenidos HTML </div> <div class="table-of-contents__item-duration"> 4 min 3 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/anadir-la-base-de-datos-en-el-servidor?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Añadir la base de datos en el servidor </div> <div class="table-of-contents__item-duration"> 4 min 4 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/conexion-con-la-base-de-datos?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Conexión con la base de datos </div> <div class="table-of-contents__item-duration"> 6 min 58 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/uso-de-bucles-con-php?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Uso de bucles con PHP </div> <div class="table-of-contents__item-duration"> 3 min 8 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/sentencias-condicionales-en-php?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Sentencias condicionales en PHP </div> <div class="table-of-contents__item-duration"> 3 min 5 s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 8. Web components <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 8. Web components <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/introduccion-a-los-web-components?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Introducción a los web components </div> <div class="table-of-contents__item-duration"> 2 min 6 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/creacion-de-etiquetas-personalizadas?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Creación de etiquetas personalizadas </div> <div class="table-of-contents__item-duration"> 5 min 14 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/uso-de-templates-en-los-web-components?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Uso de templates en los web components </div> <div class="table-of-contents__item-duration"> 5 min 8 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/uso-de-atributos-especificos-en-web-components?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Uso de atributos específicos en web components </div> <div class="table-of-contents__item-duration"> 5 min 59 s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://es.linkedin.com/learning/html-avanzado/aplicar-estilos-ciclo-de-vida-de-los-web-components?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Bloqueado)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Aplicar estilos. Ciclo de vida de los web components </div> <div class="table-of-contents__item-duration"> 3 min 53 s </div> </div> </a> </li> </ul>  </div> </li> </ul> </section> <section class="aside-section-container mb-4 subscription-value-props-aside-section"> <h2 class="aside-section-container__title section-title"> Qué incluye </h2>  <div class="aside-section-container__content break-words"> <ul> <li class="subscription-value-props-aside-section__list-item"> <span class="subscription-value-props-aside-section__value-prop-label">Practica mientras aprendes</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">1 archivo de ejercicios</span> </li>  <li class="subscription-value-props-aside-section__list-item"> <span class="subscription-value-props-aside-section__value-prop-label">Aprende sobre la marcha</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">Accede desde el teléfono o tablet</span> </li>  </ul> </div> </section> <section class="aside-section-container mb-4 similar-courses-aside-section"> <h2 class="aside-section-container__title section-title"> Cursos similares </h2>  <div class="aside-section-container__content break-words"> <ul> <li>  <a href="https://es.linkedin.com/learning/integracion-html-y-css-esencial?trk=learning-course_similar-courses" target="_self" data-tracking-control-name="learning-course_similar-courses" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 hover:show-play-button focus:show-play-button base-aside-card--link aside-learning-course-card">  <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative h-[54px] w-[95px] "> <img class="base-aside-card__media-element w-[100px] h-full object-cover" alt data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQEqfaEe3K37Qw/learning-public-crop_144_256/learning-public-crop_144_256/0/1596718227212?e=2147483647&v=beta&t=pHQR3gKPSEukjnp2Wm1kIqHyLpUZQSRbqYd4o9qG_1s"> <div class="aside-learning-course-card__duration duration">2 h 51 m</div> <icon class="base-aside-card__play-button w-auto play-button overlay-center" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-aside-card__play-button-svg"></icon> </div> <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative"> Integración HTML y CSS esencial  </h3>      </div>  </a> </li> </ul> </div> </section> <section class="aside-section-container mb-4"> <h2 class="aside-section-container__title section-title"> Descarga los cursos </h2>  <div class="aside-section-container__content break-words"> <p>Usa tu aplicación de LinkedIn Learning para iOS o Android y ve cursos en tu dispositivo móvil sin conexión a Internet.</p> <div class="app-links-aside-section__link-container"> <a class="app-links-aside-section__link" href="https://itunes.apple.com/es/app/apple-store/id1084807225?ls=1&pt=10746&mt=8&ct=learning_course_app_links&trk=learning-course_apple-app-store" data-tracking-control-name="learning-course_apple-app-store" data-tracking-will-navigate rel="noopener noreferrer" target="_blank"> <img alt="Descargar en la App Store" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/emczv26hz24woii2j4aleyry" height="42px" width="142px"> </a> <a class="app-links-aside-section__link" href="https://play.google.com/store/apps/details?id=com.linkedin.android.learning&referrer=utm_source=linkedinlearning&utm_medium=mobileWeb&utm_campaign=learning_guest&hl=es&ct=learning_course_app_links&trk=learning-course_google-play-store" data-tracking-control-name="learning-course_google-play-store" data-tracking-will-navigate rel="noopener noreferrer" target="_blank"> <img alt="Descargar en Google Play" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/535kqf5rsexfx0lucb3t6palb" height="42px" width="142px"> </a> </div> </div> </section> </section> </main> <div class="pre-footer "> <section class="core-section-container my-3 price-disclaimer">    <div class="core-section-container__content break-words"> <p class="price-disclaimer__copy"> <sup class="price-disclaimer__copy--sup">*</sup> El precio podría variar según la información del perfil y el país de facturación que se proporcionó al registrarse. </p> </div> </section> <section class="tw-linkster bg-cool-gray-20 browse-map" data-impression-id="learning-course_linkster" data-js-module-id="linkster"> <div class="max-w-screen-content-max-w w-full flex justify-between my-0 mx-auto mamabear:px-3 babybear:px-2 babybear:flex-col"> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Descubre temas de negocios </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/analisis-y-estrategia-empresarial?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Análisis y estrategia empresarial </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/atencion-al-cliente-16112726?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Atención al cliente </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/capacitacion-y-educacion?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Capacitación y educación </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/crecimiento-profesional-16115204?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Crecimiento profesional </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/liderazgo-y-desarrollo-profesional?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Desarrollo profesional </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/direccion-y-liderazgo-16117019?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Dirección y liderazgo </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/diversidad-equidad-e-inclusion-dei?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Diversidad, equidad, inclusión y pertenencia (DEIP) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/finanzas-y-contabilidad?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Finanzas y Contabilidad </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/gestion-de-proyectos-16115206?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Gestión de proyectos </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/marketing-3?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Marketing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/pequenas-empresas-y-espiritu-empresarial?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Pequeñas empresas y espíritu empresarial </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/recursos-humanos-rr-hh?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Recursos humanos (RR.HH.) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/software-y-herramientas-empresariales?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Software y herramientas empresariales </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/ventas-16117020?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Ventas </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="Ver todos los cursos de negocios" href="https://es.linkedin.com/learning/topics/negocios-2?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> Ver todo </a> </div> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Descubre temas de creatividad </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/animacion-e-ilustracion?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Animación e ilustración </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/arquitectura-ingenieria-y-construccion?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Arquitectura ingeniería y construcción </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/audio-y-musica?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Audio y música </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/diseno-grafico?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Diseño gráfico </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/diseno-web-y-ux?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Diseño web </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/experiencia-de-usuario-16110797?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Experiencia de usuario </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/graficos-animados-y-efectos-visuales?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Gráficos animados y efectos visuales </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/imagen-digital-fotografia-2?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Imagen Digital & Fotografía </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/productos-y-fabricacion?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Productos y fabricación </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/visualizacion-y-tiempo-real?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Visualización y tiempo real </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/video-audio-2?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Vídeo </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="Ver todos los cursos de creatividad" href="https://es.linkedin.com/learning/topics/creatividad?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> Ver todo </a> </div> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Descubre temas de tecnología </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/operaciones-y-seguridad-de-ti?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Administración de redes y sistemas </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/seguridad-informatica?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Ciberseguridad </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/ciencia-de-datos?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Ciencia de datos </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/computacion-en-la-nube-16117024?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Computación en la nube </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/desarrollo-de-software?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Desarrollo de software </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/desarrollo-movil?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Desarrollo móvil </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/desarrollo-web?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Desarrollo web </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/devops-16111846?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> DevOps </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/gestion-de-base-de-datos?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Gestión de base de datos </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/hardware?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Hardware </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/cursos-gratis-para-ayudarte-a-desarrollar-tus-habilidades-en-ia?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Inteligencia Artificial (IA) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://es.linkedin.com/learning/topics/servicio-tecnico-16113695?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Servicio técnico </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="Ver todos los cursos de tecnología" href="https://es.linkedin.com/learning/topics/tecnologia?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> Ver todo </a> </div> </div> </section> </div> <footer class="li-footer bg-transparent w-full "> <ul class="li-footer__list flex flex-wrap flex-row items-start justify-start w-full h-auto min-h-[50px] my-[0px] mx-auto py-3 px-2 papabear:w-[1128px] papabear:p-0"> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <span class="sr-only">LinkedIn</span> <icon class="li-footer__copy-logo text-color-logo-brand-alt inline-block self-center h-[14px] w-[56px] mr-1" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/e12h2cd8ac580qen9qdd0qks8"></icon> <span class="li-footer__copy-text flex items-center">© 2024</span> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://about.linkedin.com?trk=d_learning_course_guest_footer-about" data-tracking-control-name="d_learning_course_guest_footer-about" data-tracking-will-navigate> Acerca de </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/accessibility?trk=d_learning_course_guest_footer-accessibility" data-tracking-control-name="d_learning_course_guest_footer-accessibility" data-tracking-will-navigate> Accesibilidad </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/user-agreement?trk=d_learning_course_guest_footer-user-agreement" data-tracking-control-name="d_learning_course_guest_footer-user-agreement" data-tracking-will-navigate> Condiciones de uso </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/privacy-policy?trk=d_learning_course_guest_footer-privacy-policy" data-tracking-control-name="d_learning_course_guest_footer-privacy-policy" data-tracking-will-navigate> Política de privacidad </a> </li>  <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/cookie-policy?trk=d_learning_course_guest_footer-cookie-policy" data-tracking-control-name="d_learning_course_guest_footer-cookie-policy" data-tracking-will-navigate> Política de cookies </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/copyright-policy?trk=d_learning_course_guest_footer-copyright-policy" data-tracking-control-name="d_learning_course_guest_footer-copyright-policy" data-tracking-will-navigate> Política de copyright </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://brand.linkedin.com/policies?trk=d_learning_course_guest_footer-brand-policy" data-tracking-control-name="d_learning_course_guest_footer-brand-policy" data-tracking-will-navigate> Política de marca </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/psettings/guest-controls?trk=d_learning_course_guest_footer-guest-controls" data-tracking-control-name="d_learning_course_guest_footer-guest-controls" data-tracking-will-navigate> Controles de invitados </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/professional-community-policies?trk=d_learning_course_guest_footer-community-guide" data-tracking-control-name="d_learning_course_guest_footer-community-guide" data-tracking-will-navigate> Pautas comunitarias </a> </li>  <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <div class="collapsible-dropdown collapsible-dropdown--footer collapsible-dropdown--up flex items-center relative hyphens-auto language-selector z-2">  <ul class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-[100%] top-auto" role="menu" tabindex="-1"> <li class="language-selector__item" role="presentation">  <button aria-label="العربية (árabe)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ar_AE" data-locale="ar_AE" role="menuitem" lang="ar_AE"> العربية (árabe) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="বাংলা (bengalí)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-bn_IN" data-locale="bn_IN" role="menuitem" lang="bn_IN"> বাংলা (bengalí) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Čeština (checo)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-cs_CZ" data-locale="cs_CZ" role="menuitem" lang="cs_CZ"> Čeština (checo) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Dansk (danés)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-da_DK" data-locale="da_DK" role="menuitem" lang="da_DK"> Dansk (danés) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Deutsch (alemán)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-de_DE" data-locale="de_DE" role="menuitem" lang="de_DE"> Deutsch (alemán) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Ελληνικά (griego)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-el_GR" data-locale="el_GR" role="menuitem" lang="el_GR"> Ελληνικά (griego) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="English (inglés)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-en_US" data-locale="en_US" role="menuitem" lang="en_US"> English (inglés) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Español (Spanish) seleccionado" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link--selected" data-tracking-control-name="language-selector-es_ES" data-locale="es_ES" role="menuitem" lang="es_ES"> <strong>Español (Spanish)</strong> </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="لاررل (persa)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fa_IR" data-locale="fa_IR" role="menuitem" lang="fa_IR"> لاررل (persa) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Suomi (finlandés)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fi_FI" data-locale="fi_FI" role="menuitem" lang="fi_FI"> Suomi (finlandés) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Français (francés)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fr_FR" data-locale="fr_FR" role="menuitem" lang="fr_FR"> Français (francés) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="हिंदी (hindi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hi_IN" data-locale="hi_IN" role="menuitem" lang="hi_IN"> हिंदी (hindi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Magyar (húngaro)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hu_HU" data-locale="hu_HU" role="menuitem" lang="hu_HU"> Magyar (húngaro) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Bahasa Indonesia (indonesio)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-in_ID" data-locale="in_ID" role="menuitem" lang="in_ID"> Bahasa Indonesia (indonesio) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Italiano (italiano)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-it_IT" data-locale="it_IT" role="menuitem" lang="it_IT"> Italiano (italiano) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="עברית (hebreo)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-iw_IL" data-locale="iw_IL" role="menuitem" lang="iw_IL"> עברית (hebreo) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="日本語 (japonés)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ja_JP" data-locale="ja_JP" role="menuitem" lang="ja_JP"> 日本語 (japonés) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="한국어 (coreano)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ko_KR" data-locale="ko_KR" role="menuitem" lang="ko_KR"> 한국어 (coreano) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="मराठी (marati)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-mr_IN" data-locale="mr_IN" role="menuitem" lang="mr_IN"> मराठी (marati) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Bahasa Malaysia (malayo)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ms_MY" data-locale="ms_MY" role="menuitem" lang="ms_MY"> Bahasa Malaysia (malayo) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Nederlands (neerlandés)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-nl_NL" data-locale="nl_NL" role="menuitem" lang="nl_NL"> Nederlands (neerlandés) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Norsk (noruego)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-no_NO" data-locale="no_NO" role="menuitem" lang="no_NO"> Norsk (noruego) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="ਪੰਜਾਬੀ (punyabí)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pa_IN" data-locale="pa_IN" role="menuitem" lang="pa_IN"> ਪੰਜਾਬੀ (punyabí) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Polski (polaco)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pl_PL" data-locale="pl_PL" role="menuitem" lang="pl_PL"> Polski (polaco) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Português (portugués)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pt_BR" data-locale="pt_BR" role="menuitem" lang="pt_BR"> Português (portugués) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Română (rumano)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ro_RO" data-locale="ro_RO" role="menuitem" lang="ro_RO"> Română (rumano) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Русский (ruso)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ru_RU" data-locale="ru_RU" role="menuitem" lang="ru_RU"> Русский (ruso) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Svenska (sueco)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-sv_SE" data-locale="sv_SE" role="menuitem" lang="sv_SE"> Svenska (sueco) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="తెలుగు (telugu)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-te_IN" data-locale="te_IN" role="menuitem" lang="te_IN"> తెలుగు (telugu) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="ภาษาไทย (tailandés)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-th_TH" data-locale="th_TH" role="menuitem" lang="th_TH"> ภาษาไทย (tailandés) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Tagalog (tagalo)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tl_PH" data-locale="tl_PH" role="menuitem" lang="tl_PH"> Tagalog (tagalo) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Türkçe (turco)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tr_TR" data-locale="tr_TR" role="menuitem" lang="tr_TR"> Türkçe (turco) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Українська (ucraniano)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-uk_UA" data-locale="uk_UA" role="menuitem" lang="uk_UA"> Українська (ucraniano) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Tiếng Việt (vietnamita)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-vi_VN" data-locale="vi_VN" role="menuitem" lang="vi_VN"> Tiếng Việt (vietnamita) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="简体中文 (chino simplificado)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_CN" data-locale="zh_CN" role="menuitem" lang="zh_CN"> 简体中文 (chino simplificado) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="正體中文 (chino tradicional)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_TW" data-locale="zh_TW" role="menuitem" lang="zh_TW"> 正體中文 (chino tradicional) </button> </li>  </ul> <button class="language-selector__button select-none relative pr-2 font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover hover:cursor-pointer focus:text-color-link-focus focus:outline-dotted focus:outline-1" aria-expanded="false" data-tracking-control-name="footer-lang-dropdown_trigger"> <span class="language-selector__label-text mr-0.5 break-words"> Idioma </span> <icon class="language-selector__label-chevron w-2 h-2 absolute top-0 right-0" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> </div> </li> </ul>  </footer> <script src="https://static.licdn.com/aero-v1/sc/h/eh08muqvrde4h3hc6koyij5ti" async></script>  <script src="https://static.licdn.com/aero-v1/sc/h/awgwgu3fg49q0tcvd24ku87qq" async defer></script> <script data-delayed-url="https://static.licdn.com/aero-v1/sc/h/81wy0f4hfrhoilx9eqdwg202z" data-module-id="media-player"></script> <code id="trackingData" style="display: none"></code> <code id="alcOnlyData" style="display: none"></code> </body> </html>

CINXE.COM

Clases online de HTML avanzado | LinkedIn Learning, antes Lynda.com