{"id":717,"date":"2023-07-01T03:05:43","date_gmt":"2023-07-01T03:05:43","guid":{"rendered":"https:\/\/alexcgdesign.com\/blog\/?p=717"},"modified":"2023-07-01T03:12:46","modified_gmt":"2023-07-01T03:12:46","slug":"como-crear-una-pagina-web-con-html-css-js","status":"publish","type":"post","link":"https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/","title":{"rendered":"\u00a0COMO Crear una PAGINA WEB con ( HTML + CSS &amp; JS )"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"717\" class=\"elementor elementor-717\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b013fee elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b013fee\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-17e6955\" data-id=\"17e6955\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7504f9a elementor-widget elementor-widget-text-editor\" data-id=\"7504f9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"code-block code-block-1\" style=\"box-sizing: border-box; margin: 8px 0px; padding: 0px; border: 0px; outline: 0px; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 400; color: #0c0c0c; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; clear: both;\">\u00a0<\/div><div class=\"code-block code-block-1\" style=\"box-sizing: border-box; margin: 8px 0px; padding: 0px; border: 0px; outline: 0px; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 400; color: #0c0c0c; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; clear: both;\"><span style=\"font-family: Raleway; font-size: 18px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400;\">Aprende a crear una p\u00e1gina web, adaptable a dispositivos m\u00f3viles, usando HTML CSS y JavaScript. \u00bfA\u00fan no has visto el tutorial para crear el sitio web paso a paso? Puedes verlo aqu\u00ed\u00a0<\/span><img decoding=\"async\" class=\"emoji\" style=\"font-size: 18px; height: 1em !important;\" role=\"img\" draggable=\"false\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/1f447.svg\" alt=\"\ud83d\udc47\" \/><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cb03bf elementor-widget elementor-widget-video\" data-id=\"9cb03bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/9rnFV3vlJ3M&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4278ff5 elementor-button-danger elementor-widget elementor-widget-button\" data-id=\"4278ff5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/youtu.be\/9rnFV3vlJ3M\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-youtube\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Miralo en YouTube.<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-749ad0f elementor-widget elementor-widget-spacer\" data-id=\"749ad0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5ec125 elementor-widget elementor-widget-heading\" data-id=\"a5ec125\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 style=\"font-family: Raleway;font-style: normal;font-size: var(--wp--preset--font-size--medium) !important\">\u00bfQu\u00e9 aprender\u00e9 en la creaci\u00f3n del proyecto?<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5c19a6 elementor-widget elementor-widget-text-editor\" data-id=\"e5c19a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"font-variant-ligatures: normal; font-variant-caps: normal; font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 400; color: #0c0c0c;\">Al realizar este proyecto, pondr\u00e1s en practica tus habilidades de HTML, CSS y JavaScript, creando al final un sitio adaptable a dispositivos m\u00f3viles, que cuente con las siguientes caracter\u00edsticas:<\/p><ul style=\"font-variant-ligatures: normal; font-variant-caps: normal; font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 400; color: #0c0c0c;\"><li style=\"font-size: 18px;\">Slider Funcional con JavaScript.<\/li><li style=\"font-size: 18px;\">Acorde\u00f3n anim\u00e1ble con JavaScript.<\/li><li style=\"font-size: 18px;\">Men\u00fa hamburguesa con JavaScript.<\/li><li style=\"font-size: 18px;\">Formulario funcional utilizando Formspree.<\/li><li style=\"font-size: 18px;\">Subir tu p\u00e1gina a internet.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f99c9da elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f99c9da\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bad6a4d\" data-id=\"bad6a4d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-30d020e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"30d020e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-5322cbb\" data-id=\"5322cbb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d55ddf6 elementor-widget elementor-widget-heading\" data-id=\"d55ddf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfTe gustar\u00eda descargar los proyectos?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8dfe161 elementor-widget elementor-widget-text-editor\" data-id=\"8dfe161\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Claro, todos los proyectos de AlexCG Design, son libres de descargar, recuerda que te puedes entrar a mi curso premium de CSS o tambi\u00e9n entrar a la p\u00e1gina de nuestro patrocinador para seguir apoyando:)<\/p>\n<p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac3de1e elementor-widget elementor-widget-button\" data-id=\"ac3de1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/hostinger.com\/alexcg\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">HOSTING Y DOMINIO<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acfed31 elementor-button-warning elementor-widget elementor-widget-button\" data-id=\"acfed31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/github.com\/AlexCGDesign\/alexcgdesign.github.io\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-file-download\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Descarga los archivos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-362f366 elementor-button-danger elementor-widget elementor-widget-button\" data-id=\"362f366\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/alexcgdesign.com\/cursocss\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-css3-alt\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">CURSO CSS DESDE CERO<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00a0Aprende a crear una p\u00e1gina web, adaptable a dispositivos m\u00f3viles, usando HTML CSS y JavaScript. \u00bfA\u00fan no has visto el tutorial para crear el sitio web paso a paso? Puedes verlo aqu\u00ed\u00a0https:\/\/youtu.be\/9rnFV3vlJ3M Miralo en YouTube. \u00bfQu\u00e9 aprender\u00e9 en la creaci\u00f3n del proyecto? Al realizar este proyecto, pondr\u00e1s en practica tus habilidades de HTML, CSS y [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-717","post","type-post","status-publish","format-standard","hentry","category-diseno-web"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00a0COMO Crear una PAGINA WEB con ( HTML + CSS &amp; JS ) - AlexCG Design | Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00a0COMO Crear una PAGINA WEB con ( HTML + CSS &amp; JS ) - AlexCG Design | Blog\" \/>\n<meta property=\"og:description\" content=\"\u00a0Aprende a crear una p\u00e1gina web, adaptable a dispositivos m\u00f3viles, usando HTML CSS y JavaScript. \u00bfA\u00fan no has visto el tutorial para crear el sitio web paso a paso? Puedes verlo aqu\u00ed\u00a0https:\/\/youtu.be\/9rnFV3vlJ3M Miralo en YouTube. \u00bfQu\u00e9 aprender\u00e9 en la creaci\u00f3n del proyecto? Al realizar este proyecto, pondr\u00e1s en practica tus habilidades de HTML, CSS y [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/\" \/>\n<meta property=\"og:site_name\" content=\"AlexCG Design | Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-01T03:05:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-01T03:12:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/1f447.svg\" \/>\n<meta name=\"author\" content=\"AlexCG Design\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"AlexCG Design\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-crear-una-pagina-web-con-html-css-js\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-crear-una-pagina-web-con-html-css-js\\\/\"},\"author\":{\"name\":\"AlexCG Design\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\"},\"headline\":\"\u00a0COMO Crear una PAGINA WEB con ( HTML + CSS &amp; JS )\",\"datePublished\":\"2023-07-01T03:05:43+00:00\",\"dateModified\":\"2023-07-01T03:12:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-crear-una-pagina-web-con-html-css-js\\\/\"},\"wordCount\":170,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-crear-una-pagina-web-con-html-css-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/s.w.org\\\/images\\\/core\\\/emoji\\\/14.0.0\\\/svg\\\/1f447.svg\",\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-crear-una-pagina-web-con-html-css-js\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-crear-una-pagina-web-con-html-css-js\\\/\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-crear-una-pagina-web-con-html-css-js\\\/\",\"name\":\"\u00a0COMO Crear una PAGINA WEB con ( HTML + CSS &amp; JS ) - AlexCG Design | Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-crear-una-pagina-web-con-html-css-js\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-crear-una-pagina-web-con-html-css-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/s.w.org\\\/images\\\/core\\\/emoji\\\/14.0.0\\\/svg\\\/1f447.svg\",\"datePublished\":\"2023-07-01T03:05:43+00:00\",\"dateModified\":\"2023-07-01T03:12:46+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-crear-una-pagina-web-con-html-css-js\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-crear-una-pagina-web-con-html-css-js\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-crear-una-pagina-web-con-html-css-js\\\/#primaryimage\",\"url\":\"https:\\\/\\\/s.w.org\\\/images\\\/core\\\/emoji\\\/14.0.0\\\/svg\\\/1f447.svg\",\"contentUrl\":\"https:\\\/\\\/s.w.org\\\/images\\\/core\\\/emoji\\\/14.0.0\\\/svg\\\/1f447.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-crear-una-pagina-web-con-html-css-js\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00a0COMO Crear una PAGINA WEB con ( HTML + CSS &amp; JS )\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/\",\"name\":\"AlexCG Design | Blog\",\"description\":\"Crea y aprende a crear p\u00e1ginas web gratis, tutoriales de dise\u00f1o web AlexCG Design\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\",\"name\":\"AlexCG Design\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cf8b6d448d567d9e1163090c8e53e5c59412f072c9742e8efef66f29302dd690?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cf8b6d448d567d9e1163090c8e53e5c59412f072c9742e8efef66f29302dd690?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cf8b6d448d567d9e1163090c8e53e5c59412f072c9742e8efef66f29302dd690?s=96&d=mm&r=g\",\"caption\":\"AlexCG Design\"},\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/author\\\/jordanalexandercg99\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00a0COMO Crear una PAGINA WEB con ( HTML + CSS &amp; JS ) - AlexCG Design | Blog","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:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/","og_locale":"es_ES","og_type":"article","og_title":"\u00a0COMO Crear una PAGINA WEB con ( HTML + CSS &amp; JS ) - AlexCG Design | Blog","og_description":"\u00a0Aprende a crear una p\u00e1gina web, adaptable a dispositivos m\u00f3viles, usando HTML CSS y JavaScript. \u00bfA\u00fan no has visto el tutorial para crear el sitio web paso a paso? Puedes verlo aqu\u00ed\u00a0https:\/\/youtu.be\/9rnFV3vlJ3M Miralo en YouTube. \u00bfQu\u00e9 aprender\u00e9 en la creaci\u00f3n del proyecto? Al realizar este proyecto, pondr\u00e1s en practica tus habilidades de HTML, CSS y [&hellip;]","og_url":"https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/","og_site_name":"AlexCG Design | Blog","article_published_time":"2023-07-01T03:05:43+00:00","article_modified_time":"2023-07-01T03:12:46+00:00","og_image":[{"url":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/1f447.svg","type":"","width":"","height":""}],"author":"AlexCG Design","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"AlexCG Design","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/#article","isPartOf":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/"},"author":{"name":"AlexCG Design","@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a"},"headline":"\u00a0COMO Crear una PAGINA WEB con ( HTML + CSS &amp; JS )","datePublished":"2023-07-01T03:05:43+00:00","dateModified":"2023-07-01T03:12:46+00:00","mainEntityOfPage":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/"},"wordCount":170,"commentCount":0,"image":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/#primaryimage"},"thumbnailUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/1f447.svg","articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/","url":"https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/","name":"\u00a0COMO Crear una PAGINA WEB con ( HTML + CSS &amp; JS ) - AlexCG Design | Blog","isPartOf":{"@id":"https:\/\/alexcgdesign.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/#primaryimage"},"image":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/#primaryimage"},"thumbnailUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/1f447.svg","datePublished":"2023-07-01T03:05:43+00:00","dateModified":"2023-07-01T03:12:46+00:00","author":{"@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a"},"breadcrumb":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/#primaryimage","url":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/1f447.svg","contentUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/1f447.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/alexcgdesign.com\/blog\/como-crear-una-pagina-web-con-html-css-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/alexcgdesign.com\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00a0COMO Crear una PAGINA WEB con ( HTML + CSS &amp; JS )"}]},{"@type":"WebSite","@id":"https:\/\/alexcgdesign.com\/blog\/#website","url":"https:\/\/alexcgdesign.com\/blog\/","name":"AlexCG Design | Blog","description":"Crea y aprende a crear p\u00e1ginas web gratis, tutoriales de dise\u00f1o web AlexCG Design","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alexcgdesign.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a","name":"AlexCG Design","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/cf8b6d448d567d9e1163090c8e53e5c59412f072c9742e8efef66f29302dd690?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/cf8b6d448d567d9e1163090c8e53e5c59412f072c9742e8efef66f29302dd690?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cf8b6d448d567d9e1163090c8e53e5c59412f072c9742e8efef66f29302dd690?s=96&d=mm&r=g","caption":"AlexCG Design"},"url":"https:\/\/alexcgdesign.com\/blog\/author\/jordanalexandercg99\/"}]}},"_links":{"self":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/comments?post=717"}],"version-history":[{"count":7,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/717\/revisions"}],"predecessor-version":[{"id":724,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/717\/revisions\/724"}],"wp:attachment":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}