{"id":10122,"date":"2022-07-12T23:00:00","date_gmt":"2022-07-12T23:00:00","guid":{"rendered":"https:\/\/senhorgato.com\/?p=10122"},"modified":"2022-07-12T14:09:30","modified_gmt":"2022-07-12T14:09:30","slug":"conheca-curso-introducao-html-css-senac","status":"publish","type":"post","link":"https:\/\/senhorgato.com\/es\/conheca-curso-introducao-html-css-senac\/","title":{"rendered":"Curso gratuito de Introducci\u00f3n a HTML y CSS SENAC: \u00a1con\u00f3celo y descubre si vale la pena!"},"content":{"rendered":"<!--advertisement--><div class=\"mx-5 sm:mx-0 sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900 text-left\">\n<h2 id=\"h-curso-gratuito-de-introducao-a-html-e-css-senac-ingresse-no-mundo-digital-e-comece-sua-carreira\">Curso gratuito de Introducci\u00f3n a HTML y CSS SENAC: \u00a1ingresa al mundo digital y comienza tu carrera!<\/h2>\n<\/div><!--image--><div class=\"px-5 sm:px-0 w-full sm:w-[800px] sm:ml-[50%] sm:-translate-x-2\/4 rounded-lg overflow-hidden mb-5 text-center\">\n<figure class=\"wp-block-uploadcare-image\"><img loading=\"lazy\" alt=\"Ent\u00e3o, conhe\u00e7a tudo sobre o curso! Fonte: SENAC.\"  id=\"10124\" src=\"https:\/\/cdn.adtechpanda.com\/ccfb5946-1368-4088-81c3-34d849f111c4\/\" class=\"w-full object-cover object-center border mx-auto uploadcare-image\"\/><figcaption class=\"mt-5 text-xs text-center border-b pb-4\" >\u00a1As\u00ed que conoce todo sobre el curso! Fuente: SENAC.<\/figcaption><\/figure>\n<\/div><!--image--><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Con el curso gratuito de Introducci\u00f3n a HTML y CSS de SENAC, puedes impulsar tu carrera. Al fin y al cabo, \u00bfqui\u00e9n no quiere mejorar su perfil profesional sin salir de casa?<\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>De hecho, con todo lo que cambia en el mundo digital, aprender a navegar en esta \u00e1rea puede marcar la diferencia en tu perfil profesional. Entonces, \u00a1ent\u00e9rate de todo sobre el curso aqu\u00ed!<\/p>\n<\/div><div class=\"wp-block-lazyblock-cta lazyblock-cta-2gt747\">\n  <section class=\"cta mx-5 sm:mx-0 text-gray-600 body-font my-10 border-gray-200 border-b border-l border-r sm:border-0\">\n    <div class=\"h-1 bg-gray-200 rounded overflow-hidden\">\n      <div class=\"w-24 h-full\"><\/div>\n    <\/div>\n    <div class=\"container px-5 pt-6 pb-6 mx-auto flex flex-wrap\" data-anchor-target=\"lazyBlock\">    \n    \n              <a class=\"flex flex-wrap content-center w-full mb-4 md:hidden\" href=\"https:\/\/senhorgato.com\/es\/fazer-curso-introducao-html-css-senac\/\"  data-analytics-label=\"ctaImage\" data-action=\"analytics#trackCTA\" aria-label=\"\u00bfC\u00f3mo tomar un curso de Introducci\u00f3n a HTML y CSS en el SENAC?\">\n          <div class=\"m-auto float-none\">\n            <img loading=\"lazy\" src=\"https:\/\/cdn.adtechpanda.com\/7a3e41a7-d699-4eaa-b236-f4a46e827403\/\" alt=\"Logo SENAC fundo vermelho\">\n          <\/div>\n        <\/a>\n            <h2 class=\"w-full sm:text-3xl text-2xl text-gray-900 font-medium title-font mb-2 text-center md:text-left md:w-2\/5\">\n        <a href=\"https:\/\/senhorgato.com\/es\/fazer-curso-introducao-html-css-senac\/\" data-analytics-label=\"ctaTitle\" data-action=\"analytics#trackCTA\" aria-label=\"\u00bfC\u00f3mo tomar un curso de Introducci\u00f3n a HTML y CSS en el SENAC?\">\n            \u00bfC\u00f3mo tomar un curso de Introducci\u00f3n a HTML y CSS en el SENAC?        <\/a>\n      <\/h2>\n      <div class=\"w-full md:w-3\/5 md:pl-6\">\n        <p class=\"text-center md:text-left leading-relaxed text-base\">\n            Mira la gu\u00eda paso a paso para inscribirte y tomar el curso gratuito de Introducci\u00f3n a HTML y CSS en el SENAC y \u00a1disfruta! \u00a1Suscribirse!        <\/p>\n        <div class=\"flex mt-6 w-full flex-1 justify-center ml-auto md:mt-4 md:justify-start\" style=\"font-weight: bold;\">\n          <a class=\"inline-flex items-center\" href=\"https:\/\/senhorgato.com\/es\/fazer-curso-introducao-html-css-senac\/\"  data-analytics-label=\"ctaButton\" data-action=\"analytics#trackCTA\" >\n            sigue leyendo            <svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-4 h-4 ml-2\" viewbox=\"0 0 24 24\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>  \n          \n    <\/div>\n      <script type=\"module\"> function waitFor(conditionFunction) { const poll = resolve => { if(conditionFunction()) resolve(); else setTimeout(_ => poll(resolve), 400); }; return new Promise(poll); } import { Application, Controller } from \"\/wp-content\/themes\/twentytwentyone\/assets\/js\/stimulus.min.js\"; let Stimulus = Application.start(); Stimulus.register(\"anchor\", class extends Controller { static get targets() { return [ \"lazyBlock\", \"lazyBlockAnchor\" ]; } initialize() { this.active = false; this.passed = false; this.closed = false; this.anchorViews = 0; this.boundOnShowAnchor = this.onShowAnchor.bind(this); window.anchorReady = window.anchorReady || false; waitFor(_ => (window.scrollY > this.getHeightBlock() && !this.active)) .then(_ => { !window.anchorReady? this.visible() : ''; window.anchorReady = true; }); if (document.getElementById('landing')) { setTimeout(() => { !window.anchorReady ? this.visible() : ''; window.anchorReady = true; }, 1 * 30000); }; } connect() { this.onShowAnchor(); document.addEventListener(\"scroll\", this.boundOnShowAnchor); } disconnect() { document.removeEventListener(\"scroll\", this.boundOnShowAnchor); } visible() { if (document.getElementById('av-offerwall__wrapper')) { setTimeout(() => this.visible(), 20000); return; } if (document.getElementById('av-fixed__bottomWrapper') && document.getElementById('av-fixed__bottomWrapper').style.display !== 'none') { this.getAnchorElement().style.marginBottom = '60px'; } if (!window.km2AnchorReady) { this.active = true; \/*this.getAnchorElement().style.animation = \"none\"; this.getAnchorElement().classList.remove('animate-show-down');*\/ \/*this.getAnchorElement().classList.add('animate-show-up');*\/ \/*setTimeout(() => {*\/ \/*this.getAnchorElement().style.animation = \"\";*\/ this.getAnchorElement().classList.add('animate-show-up'); this.getAnchorElement().classList.remove('hidden'); this.setAnchorViews(this.anchorViews+1); setTimeout(() => this.closeAnchor(), 20000); this.active = false; \/*}, 10);*\/ } } invisible() { this.active = true; this.getAnchorElement().style.animation = \"none\"; this.getAnchorElement().classList.remove('animate-show-up'); this.getAnchorElement().classList.add('animate-show-down'); setTimeout(() => { this.getAnchorElement().style.animation = \"\"; setTimeout(() => { this.getAnchorElement().classList.add('hidden'); this.active = false; }, 800); }, 10); } onShowAnchor() { let anchorReady = false;  \/*if (!this.active && !anchorReady) { if (this.getAnchorViews() <= 3) { if (window.scrollY > this.getHeightBlock()) { if (!this.passed && !this.closed) { this.visible(); this.passed = true; } } else { if (this.passed) { this.invisible(); this.passed = false; } } } else { if (!this.getAnchorElement().classList.contains('close')) { this.getAnchorElement().classList.add('close'); if (window.scrollY < this.getHeightBlock()) { this.invisible(); } } } }*\/ } closeAnchor() { this.invisible(); this.getAnchorElement().classList.add('close'); this.closed = true; } getAnchorElement() { return this.lazyBlockAnchorTargets[0]; } getAnchorViews() { this.anchorViews = parseInt(sessionStorage.getItem(\"anchorViews\")) >= 1 ? parseInt(sessionStorage.getItem(\"anchorViews\")) : 0; return this.anchorViews; } setAnchorViews(views) { sessionStorage.setItem(\"anchorViews\", views); } getHeightBlock() { return this.lazyBlockTarget.offsetTop + this.lazyBlockTarget.offsetHeight - 110; } }) <\/script>  <div data-anchor-target=\"lazyBlockAnchor\" class=\"fixed w-full sm:w-96 px-3 py-2 bottom-0 left-0 hidden\" style=\"z-index: 999999;\" name=\"lazyBlockAnchor\">\n    <div class=\"grid justify-items-stretch\">        \n              <div class=\"relative justify-self-end top-4 -right-2\">\n          <button class=\"bg-white text-md font-medium text-center rounded-full h-7 w-7 border-2\" data-analytics-label=\"anchorCloseAnchor\" data-action=\"anchor#closeAnchor\" style=\"z-index: 999999;\">\n            X\n          <\/button>\n        <\/div>\n        <div class=\"justify-self-auto flex flex-col h-32 bg-white border-solid border-2 shadow-md rounded-md\">\n          <div class=\"flex my-0 h-full\">\n            <div class=\"w-2\/5 p-1 ml-2 mt-2 w-full\">\n              <a href=\"https:\/\/senhorgato.com\/es\/fazer-curso-introducao-html-css-senac\/\"  data-analytics-label=\"anchorImage\" data-action=\"analytics#trackCTA\">          \n                <img loading=\"lazy\" alt=\"card\" class=\"w-full object-cover h-24 object-center rounded justify-self-auto border-2 border-gray-100\" src=\"https:\/\/cdn.adtechpanda.com\/7a3e41a7-d699-4eaa-b236-f4a46e827403\/\">          \n              <\/a>\n            <\/div>\n            <div class=\"w-3\/5 my-2\">\n              <p class=\"px-4 text-center text-xs h-1\/2\">\n                \u00bfC\u00f3mo tomar un curso de Introducci\u00f3n a HTML y CSS en el SENAC?              <\/p>\n              <a href=\"https:\/\/senhorgato.com\/es\/fazer-curso-introducao-html-css-senac\/\"  data-analytics-label=\"anchorButton\" data-action=\"analytics#trackCTA\" >\n                <button class=\"flex w-5\/6 m-auto mt-2 border-0 py-1 px-3 focus:outline-none rounded\">                \n                  <p class=\"text-center w-full\" style=\"font-size: 0.67rem;\">\n                    sigue leyendo                  <\/p>\n                <\/button>\n              <\/a>\n              <p class=\"text-gray-500 text-center mt-1\" style=\"font-size: 0.50rem;\">\n                Permanecer\u00e1s en el mismo lugar.              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n          <\/div>\n  <\/div>\n  <\/section>\n\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Porque con el curso gratuito de Introducci\u00f3n a HTML y CSS del SENAC, puedes aprender todo en l\u00ednea a trav\u00e9s de video lecciones did\u00e1cticas y sencillas. <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Entonces, \u00bfquieres saber c\u00f3mo funciona este curso y si vale la pena para ti? \u00a1Sigue leyendo y mira todo sobre el contenido antes de inscribirte!<\/p>\n<\/div><!--advertisement--><div class=\"mx-5 sm:mx-0 sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900 text-left\">\n<h2 id=\"h-como-funciona-o-curso-gratuito-de-introducao-a-html-e-css-senac\">\u00bfC\u00f3mo funciona el curso gratuito de Introducci\u00f3n a HTML y CSS SENAC?<\/h2>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>El curso de HTML y CSS introducir\u00e1 al estudiante los conceptos b\u00e1sicos del \u00e1rea. Es decir, aunque no tengas ninguna experiencia en este campo, puedes sacarle el m\u00e1ximo partido al contenido. <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>De paso, vale recordar que las clases son gratuitas y est\u00e1n disponibles en la plataforma digital del SENAC. Y, en general, la idea es ense\u00f1ar a los estudiantes a producir un sitio web funcional usando lenguajes HTML y CSS. <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Por lo tanto, lo ideal es que ya hayas terminado la Escuela Primaria para comprender realmente el contenido del curso. Algunos de los temas de contenido incluyen:<\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose text-left mb-5\">\n<ul><li>Instalaci\u00f3n y uso de herramientas;<\/li><li>Codificaci\u00f3n de scripts;<\/li><li>personalizaci\u00f3n del sitio web;<\/li><li>Elaboraci\u00f3n de herramientas.<\/li><\/ul>\n<\/div><!--advertisement--><div class=\"mx-5 sm:mx-0 sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900 text-left\">\n<h2 id=\"h-quais-sao-os-beneficios-deste-curso\">\u00bfCu\u00e1les son los beneficios de este curso?<\/h2>\n<\/div><!--image--><div class=\"px-5 sm:px-0 w-full sm:w-[800px] sm:ml-[50%] sm:-translate-x-2\/4 rounded-lg overflow-hidden mb-5 text-center\">\n<figure class=\"wp-block-uploadcare-image\"><img loading=\"lazy\" alt=\"Afinal, quais as vantagens de fazer o curso? Fonte: SENAC.\"  id=\"10125\" src=\"https:\/\/cdn.adtechpanda.com\/42fac49c-2c9f-4b1d-bed8-8fc2db132049\/\" class=\"w-full object-cover object-center border mx-auto uploadcare-image\"\/><figcaption class=\"mt-5 text-xs text-center border-b pb-4\" >Despu\u00e9s de todo, \u00bfcu\u00e1les son las ventajas de tomar el curso? Fuente: SENAC.<\/figcaption><\/figure>\n<\/div><!--image--><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Pues como todos los cursos disponibles en la plataforma digital del SENAC, tendr\u00e1s acceso a un certificado v\u00e1lido en todo el territorio nacional al finalizar el contenido. <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>As\u00ed, podr\u00e1s incluir el curso en tu plan de estudios y acceder a m\u00e1s oportunidades en el mercado laboral. Adem\u00e1s, el curso gratuito de Introducci\u00f3n a HTML y CSS del SENAC es completamente en l\u00ednea. <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>De esa manera, no tienes que salir de casa para ver las lecciones en video, aprendiendo todo a tu propio ritmo. Por cierto, no es necesario material did\u00e1ctico para realizar el curso y no necesitas invertir ninguna cantidad para aprender.<\/p>\n<\/div><!--advertisement--><div class=\"mx-5 sm:mx-0 sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900 text-left\">\n<h2 id=\"h-o-curso-e-bom-e-vale-a-pena\">\u00bfEl curso es bueno y vale la pena?<\/h2>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>\u00a1Adem\u00e1s de traer contenido actualizado y muy relevante en el mercado laboral actual, SENAC es una instituci\u00f3n brasile\u00f1a de calidad! <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>De esta manera, tus cursos definitivamente te ayudar\u00e1n a obtener mejores oportunidades laborales. Adem\u00e1s, \u00a1tienes la libertad de aprender sin salir de casa!<\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>En este sentido, el curso gratuito de Introducci\u00f3n a HTML y CSS del SENAC est\u00e1 en l\u00ednea y \u00a1vale la pena para cualquiera que quiera iniciarse en esta \u00e1rea! <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Al fin y al cabo, no necesitas tener ninguna experiencia en este campo, ya que te ense\u00f1a de forma sencilla y did\u00e1ctica todos los conceptos b\u00e1sicos de la programaci\u00f3n.<\/p>\n<\/div><!--advertisement--><div class=\"mx-5 sm:mx-0 sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900 text-left\">\n<h2 id=\"h-como-me-inscrever-no-curso-gratuito-de-introducao-a-html-e-css-senac\">\u00bfC\u00f3mo me inscribo al curso gratuito de Introducci\u00f3n a HTML y CSS SENAC?<\/h2>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Entonces, \u00bfa qu\u00e9 esperas para inscribirte en el curso? Adem\u00e1s de no tener ning\u00fan requisito previo para el registro, \u00a1puedes acceder al contenido y comenzar a estudiar hoy mismo! <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Para inscribirse, simplemente acceda a la plataforma digital del SENAC y busque el curso. Adem\u00e1s, tambi\u00e9n puedes consultar un detallado y sencillo paso a paso para registrarte. <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Si quieres saber c\u00f3mo aprovechar esta incre\u00edble oportunidad de invertir en tu perfil profesional, \u00a1accede a nuestro contenido a continuaci\u00f3n y consulta c\u00f3mo realizar el curso!<\/p>\n<\/div><div class=\"wp-block-lazyblock-cta lazyblock-cta-ZA5gR2\">\n  <section class=\"cta mx-5 sm:mx-0 text-gray-600 body-font my-10 border-gray-200 border-b border-l border-r sm:border-0\">\n    <div class=\"h-1 bg-gray-200 rounded overflow-hidden\">\n      <div class=\"w-24 h-full\"><\/div>\n    <\/div>\n    <div class=\"container px-5 pt-6 pb-6 mx-auto flex flex-wrap\" data-anchor-target=\"lazyBlock\">    \n    \n              <a class=\"flex flex-wrap content-center w-full mb-4 md:hidden\" href=\"https:\/\/senhorgato.com\/es\/fazer-curso-introducao-html-css-senac\/\"  data-analytics-label=\"ctaImage\" data-action=\"analytics#trackCTA\" aria-label=\"\u00bfC\u00f3mo tomar un curso de Introducci\u00f3n a HTML y CSS en el SENAC?\">\n          <div class=\"m-auto float-none\">\n            <img loading=\"lazy\" src=\"https:\/\/cdn.adtechpanda.com\/7a3e41a7-d699-4eaa-b236-f4a46e827403\/\" alt=\"Logo SENAC fundo vermelho\">\n          <\/div>\n        <\/a>\n            <h2 class=\"w-full sm:text-3xl text-2xl text-gray-900 font-medium title-font mb-2 text-center md:text-left md:w-2\/5\">\n        <a href=\"https:\/\/senhorgato.com\/es\/fazer-curso-introducao-html-css-senac\/\" data-analytics-label=\"ctaTitle\" data-action=\"analytics#trackCTA\" aria-label=\"\u00bfC\u00f3mo tomar un curso de Introducci\u00f3n a HTML y CSS en el SENAC?\">\n            \u00bfC\u00f3mo tomar un curso de Introducci\u00f3n a HTML y CSS en el SENAC?        <\/a>\n      <\/h2>\n      <div class=\"w-full md:w-3\/5 md:pl-6\">\n        <p class=\"text-center md:text-left leading-relaxed text-base\">\n            Mira la gu\u00eda paso a paso para inscribirte y tomar el curso gratuito de Introducci\u00f3n a HTML y CSS en el SENAC y \u00a1disfruta! \u00a1Suscribirse!        <\/p>\n        <div class=\"flex mt-6 w-full flex-1 justify-center ml-auto md:mt-4 md:justify-start\" style=\"font-weight: bold;\">\n          <a class=\"inline-flex items-center\" href=\"https:\/\/senhorgato.com\/es\/fazer-curso-introducao-html-css-senac\/\"  data-analytics-label=\"ctaButton\" data-action=\"analytics#trackCTA\" >\n            sigue leyendo            <svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-4 h-4 ml-2\" viewbox=\"0 0 24 24\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>  \n          \n    <\/div>\n      <script type=\"module\"> function waitFor(conditionFunction) { const poll = resolve => { if(conditionFunction()) resolve(); else setTimeout(_ => poll(resolve), 400); }; return new Promise(poll); } import { Application, Controller } from \"\/wp-content\/themes\/twentytwentyone\/assets\/js\/stimulus.min.js\"; let Stimulus = Application.start(); Stimulus.register(\"anchor\", class extends Controller { static get targets() { return [ \"lazyBlock\", \"lazyBlockAnchor\" ]; } initialize() { this.active = false; this.passed = false; this.closed = false; this.anchorViews = 0; this.boundOnShowAnchor = this.onShowAnchor.bind(this); window.anchorReady = window.anchorReady || false; waitFor(_ => (window.scrollY > this.getHeightBlock() && !this.active)) .then(_ => { !window.anchorReady? this.visible() : ''; window.anchorReady = true; }); if (document.getElementById('landing')) { setTimeout(() => { !window.anchorReady ? this.visible() : ''; window.anchorReady = true; }, 1 * 30000); }; } connect() { this.onShowAnchor(); document.addEventListener(\"scroll\", this.boundOnShowAnchor); } disconnect() { document.removeEventListener(\"scroll\", this.boundOnShowAnchor); } visible() { if (document.getElementById('av-offerwall__wrapper')) { setTimeout(() => this.visible(), 20000); return; } if (document.getElementById('av-fixed__bottomWrapper') && document.getElementById('av-fixed__bottomWrapper').style.display !== 'none') { this.getAnchorElement().style.marginBottom = '60px'; } if (!window.km2AnchorReady) { this.active = true; \/*this.getAnchorElement().style.animation = \"none\"; this.getAnchorElement().classList.remove('animate-show-down');*\/ \/*this.getAnchorElement().classList.add('animate-show-up');*\/ \/*setTimeout(() => {*\/ \/*this.getAnchorElement().style.animation = \"\";*\/ this.getAnchorElement().classList.add('animate-show-up'); this.getAnchorElement().classList.remove('hidden'); this.setAnchorViews(this.anchorViews+1); setTimeout(() => this.closeAnchor(), 20000); this.active = false; \/*}, 10);*\/ } } invisible() { this.active = true; this.getAnchorElement().style.animation = \"none\"; this.getAnchorElement().classList.remove('animate-show-up'); this.getAnchorElement().classList.add('animate-show-down'); setTimeout(() => { this.getAnchorElement().style.animation = \"\"; setTimeout(() => { this.getAnchorElement().classList.add('hidden'); this.active = false; }, 800); }, 10); } onShowAnchor() { let anchorReady = false;  \/*if (!this.active && !anchorReady) { if (this.getAnchorViews() <= 3) { if (window.scrollY > this.getHeightBlock()) { if (!this.passed && !this.closed) { this.visible(); this.passed = true; } } else { if (this.passed) { this.invisible(); this.passed = false; } } } else { if (!this.getAnchorElement().classList.contains('close')) { this.getAnchorElement().classList.add('close'); if (window.scrollY < this.getHeightBlock()) { this.invisible(); } } } }*\/ } closeAnchor() { this.invisible(); this.getAnchorElement().classList.add('close'); this.closed = true; } getAnchorElement() { return this.lazyBlockAnchorTargets[0]; } getAnchorViews() { this.anchorViews = parseInt(sessionStorage.getItem(\"anchorViews\")) >= 1 ? parseInt(sessionStorage.getItem(\"anchorViews\")) : 0; return this.anchorViews; } setAnchorViews(views) { sessionStorage.setItem(\"anchorViews\", views); } getHeightBlock() { return this.lazyBlockTarget.offsetTop + this.lazyBlockTarget.offsetHeight - 110; } }) <\/script>  <div data-anchor-target=\"lazyBlockAnchor\" class=\"fixed w-full sm:w-96 px-3 py-2 bottom-0 left-0 hidden\" style=\"z-index: 999999;\" name=\"lazyBlockAnchor\">\n    <div class=\"grid justify-items-stretch\">        \n              <div class=\"relative justify-self-end top-4 -right-2\">\n          <button class=\"bg-white text-md font-medium text-center rounded-full h-7 w-7 border-2\" data-analytics-label=\"anchorCloseAnchor\" data-action=\"anchor#closeAnchor\" style=\"z-index: 999999;\">\n            X\n          <\/button>\n        <\/div>\n        <div class=\"justify-self-auto flex flex-col h-32 bg-white border-solid border-2 shadow-md rounded-md\">\n          <div class=\"flex my-0 h-full\">\n            <div class=\"w-2\/5 p-1 ml-2 mt-2 w-full\">\n              <a href=\"https:\/\/senhorgato.com\/es\/fazer-curso-introducao-html-css-senac\/\"  data-analytics-label=\"anchorImage\" data-action=\"analytics#trackCTA\">          \n                <img loading=\"lazy\" alt=\"card\" class=\"w-full object-cover h-24 object-center rounded justify-self-auto border-2 border-gray-100\" src=\"https:\/\/cdn.adtechpanda.com\/7a3e41a7-d699-4eaa-b236-f4a46e827403\/\">          \n              <\/a>\n            <\/div>\n            <div class=\"w-3\/5 my-2\">\n              <p class=\"px-4 text-center text-xs h-1\/2\">\n                \u00bfC\u00f3mo tomar un curso de Introducci\u00f3n a HTML y CSS en el SENAC?              <\/p>\n              <a href=\"https:\/\/senhorgato.com\/es\/fazer-curso-introducao-html-css-senac\/\"  data-analytics-label=\"anchorButton\" data-action=\"analytics#trackCTA\" >\n                <button class=\"flex w-5\/6 m-auto mt-2 border-0 py-1 px-3 focus:outline-none rounded\">                \n                  <p class=\"text-center w-full\" style=\"font-size: 0.67rem;\">\n                    sigue leyendo                  <\/p>\n                <\/button>\n              <\/a>\n              <p class=\"text-gray-500 text-center mt-1\" style=\"font-size: 0.50rem;\">\n                Permanecer\u00e1s en el mismo lugar.              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n          <\/div>\n  <\/div>\n  <\/section>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>La plataforma digital del SENAC ofrece cursos gratuitos, como Introducci\u00f3n a HTML y CSS. Con \u00e9l, creas y personalizas un sitio web para comenzar tu carrera en el mundo digital, \u00a1as\u00ed que con\u00f3celo y mira c\u00f3mo inscribirte!<\/p>","protected":false},"author":16,"featured_media":10123,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[152,33],"tags":[144,1621,170,1614,1616],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.7 (Yoast SEO v19.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC: conhe\u00e7a e saiba se vale a pena! - Senhor Gato<\/title>\n<meta name=\"description\" content=\"Confira tudo sobre o curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS do SENAC e comece a investir na sua forma\u00e7\u00e3o profissional!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/senhorgato.com\/es\/conheca-curso-introducao-html-css-senac\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC: conhe\u00e7a e saiba se vale a pena!\" \/>\n<meta property=\"og:description\" content=\"Confira tudo sobre o curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS do SENAC e comece a investir na sua forma\u00e7\u00e3o profissional!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/senhorgato.com\/es\/conheca-curso-introducao-html-css-senac\/\" \/>\n<meta property=\"og:site_name\" content=\"Senhor Gato\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-12T23:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-12T14:09:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.adtechpanda.com\/7a3e41a7-d699-4eaa-b236-f4a46e827403\/\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@sam.scorbaioli@gmail.com\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Samantha Scorbaioli\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/senhorgato.com\/#website\",\"url\":\"https:\/\/senhorgato.com\/\",\"name\":\"Senhor Gato\",\"description\":\"Tudo sobre gatos e cachorros\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/senhorgato.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/senhorgato.com\/conheca-curso-introducao-html-css-senac\/#primaryimage\",\"url\":\"https:\/\/cdn.adtechpanda.com\/7a3e41a7-d699-4eaa-b236-f4a46e827403\/\",\"contentUrl\":\"https:\/\/cdn.adtechpanda.com\/7a3e41a7-d699-4eaa-b236-f4a46e827403\/\",\"width\":1280,\"height\":720,\"caption\":\"Fonte: SENAC.\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/senhorgato.com\/conheca-curso-introducao-html-css-senac\/#webpage\",\"url\":\"https:\/\/senhorgato.com\/conheca-curso-introducao-html-css-senac\/\",\"name\":\"Curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC: conhe\u00e7a e saiba se vale a pena! - Senhor Gato\",\"isPartOf\":{\"@id\":\"https:\/\/senhorgato.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/senhorgato.com\/conheca-curso-introducao-html-css-senac\/#primaryimage\"},\"datePublished\":\"2022-07-12T23:00:00+00:00\",\"dateModified\":\"2022-07-12T14:09:30+00:00\",\"author\":{\"@id\":\"https:\/\/senhorgato.com\/#\/schema\/person\/0909fe9e11a9e50f9187dfe225b2a85a\"},\"description\":\"Confira tudo sobre o curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS do SENAC e comece a investir na sua forma\u00e7\u00e3o profissional!\",\"breadcrumb\":{\"@id\":\"https:\/\/senhorgato.com\/conheca-curso-introducao-html-css-senac\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/senhorgato.com\/conheca-curso-introducao-html-css-senac\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/senhorgato.com\/conheca-curso-introducao-html-css-senac\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/senhorgato.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC: conhe\u00e7a e saiba se vale a pena!\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/senhorgato.com\/#\/schema\/person\/0909fe9e11a9e50f9187dfe225b2a85a\",\"name\":\"Samantha Scorbaioli\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/senhorgato.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a087ecec51f980b678c50a15d4c223f2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a087ecec51f980b678c50a15d4c223f2?s=96&d=mm&r=g\",\"caption\":\"Samantha Scorbaioli\"},\"description\":\"Amante da literatura, dos animais e da escrita, sempre em busca do conhecimento e de novos desafios. Acredita que sabedoria ganha \u00e9 sabedoria compartilhada, e que tudo pode ser feito de forma criativa e descomplicada.\",\"sameAs\":[\"https:\/\/twitter.com\/sam.scorbaioli@gmail.com\"],\"url\":\"https:\/\/senhorgato.com\/es\/author\/sam-scorbaioligmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC: conhe\u00e7a e saiba se vale a pena! - Senhor Gato","description":"Confira tudo sobre o curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS do SENAC e comece a investir na sua forma\u00e7\u00e3o profissional!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/senhorgato.com\/es\/conheca-curso-introducao-html-css-senac\/","og_locale":"es_ES","og_type":"article","og_title":"Curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC: conhe\u00e7a e saiba se vale a pena!","og_description":"Confira tudo sobre o curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS do SENAC e comece a investir na sua forma\u00e7\u00e3o profissional!","og_url":"https:\/\/senhorgato.com\/es\/conheca-curso-introducao-html-css-senac\/","og_site_name":"Senhor Gato","article_published_time":"2022-07-12T23:00:00+00:00","article_modified_time":"2022-07-12T14:09:30+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/cdn.adtechpanda.com\/7a3e41a7-d699-4eaa-b236-f4a46e827403\/","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_creator":"@sam.scorbaioli@gmail.com","twitter_misc":{"Written by":"Samantha Scorbaioli","Est. reading time":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/senhorgato.com\/#website","url":"https:\/\/senhorgato.com\/","name":"Senhor Gato","description":"Tudo sobre gatos e cachorros","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/senhorgato.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/senhorgato.com\/conheca-curso-introducao-html-css-senac\/#primaryimage","url":"https:\/\/cdn.adtechpanda.com\/7a3e41a7-d699-4eaa-b236-f4a46e827403\/","contentUrl":"https:\/\/cdn.adtechpanda.com\/7a3e41a7-d699-4eaa-b236-f4a46e827403\/","width":1280,"height":720,"caption":"Fonte: SENAC."},{"@type":"WebPage","@id":"https:\/\/senhorgato.com\/conheca-curso-introducao-html-css-senac\/#webpage","url":"https:\/\/senhorgato.com\/conheca-curso-introducao-html-css-senac\/","name":"Curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC: conhe\u00e7a e saiba se vale a pena! - Senhor Gato","isPartOf":{"@id":"https:\/\/senhorgato.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/senhorgato.com\/conheca-curso-introducao-html-css-senac\/#primaryimage"},"datePublished":"2022-07-12T23:00:00+00:00","dateModified":"2022-07-12T14:09:30+00:00","author":{"@id":"https:\/\/senhorgato.com\/#\/schema\/person\/0909fe9e11a9e50f9187dfe225b2a85a"},"description":"Confira tudo sobre o curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS do SENAC e comece a investir na sua forma\u00e7\u00e3o profissional!","breadcrumb":{"@id":"https:\/\/senhorgato.com\/conheca-curso-introducao-html-css-senac\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/senhorgato.com\/conheca-curso-introducao-html-css-senac\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/senhorgato.com\/conheca-curso-introducao-html-css-senac\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/senhorgato.com\/"},{"@type":"ListItem","position":2,"name":"Curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC: conhe\u00e7a e saiba se vale a pena!"}]},{"@type":"Person","@id":"https:\/\/senhorgato.com\/#\/schema\/person\/0909fe9e11a9e50f9187dfe225b2a85a","name":"Samantha Scorbaioli","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/senhorgato.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a087ecec51f980b678c50a15d4c223f2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a087ecec51f980b678c50a15d4c223f2?s=96&d=mm&r=g","caption":"Samantha Scorbaioli"},"description":"Amante da literatura, dos animais e da escrita, sempre em busca do conhecimento e de novos desafios. Acredita que sabedoria ganha \u00e9 sabedoria compartilhada, e que tudo pode ser feito de forma criativa e descomplicada.","sameAs":["https:\/\/twitter.com\/sam.scorbaioli@gmail.com"],"url":"https:\/\/senhorgato.com\/es\/author\/sam-scorbaioligmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/senhorgato.com\/es\/wp-json\/wp\/v2\/posts\/10122"}],"collection":[{"href":"https:\/\/senhorgato.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/senhorgato.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/senhorgato.com\/es\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/senhorgato.com\/es\/wp-json\/wp\/v2\/comments?post=10122"}],"version-history":[{"count":0,"href":"https:\/\/senhorgato.com\/es\/wp-json\/wp\/v2\/posts\/10122\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/senhorgato.com\/es\/wp-json\/wp\/v2\/media\/10123"}],"wp:attachment":[{"href":"https:\/\/senhorgato.com\/es\/wp-json\/wp\/v2\/media?parent=10122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/senhorgato.com\/es\/wp-json\/wp\/v2\/categories?post=10122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/senhorgato.com\/es\/wp-json\/wp\/v2\/tags?post=10122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}