{"id":1014,"date":"2010-12-14T11:48:38","date_gmt":"2010-12-14T09:48:38","guid":{"rendered":"http:\/\/www.4webs.es\/blog\/?p=1014"},"modified":"2010-12-14T11:48:38","modified_gmt":"2010-12-14T09:48:38","slug":"aprender-a-disenar-paginas-web-en-html","status":"publish","type":"post","link":"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html","title":{"rendered":"Aprender a dise\u00f1ar p\u00e1ginas web en HTML"},"content":{"rendered":"<div class=\"row\"><div class=\"col-md-11 content-article\"><p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1017\"  src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/webs-html.jpg\" alt=\"\" width=\"551\" height=\"248\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/webs-html.jpg 551w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/webs-html-300x135.jpg 300w\" sizes=\"auto, (max-width: 551px) 85vw, 551px\" \/><\/p>\n<p>Hoy en d\u00eda cualquier persona puede aprender a dise\u00f1ar una p\u00e1gina web est\u00e1tica, simplemente debe tener una m\u00ednimas nociones de HTML y un software para el efecto.<\/p>\n<p>El resto es imaginaci\u00f3n!!!<\/p>\n<p><strong>El HTML es el lenguaje principal con el que se desarrollan las p\u00e1ginas web<\/strong>. Mediante etiquetas podemos ir incrustando im\u00e1genes, negritas o cualquier estilo, as\u00ed como ubicar los contenedores de im\u00e1genes o textos en determinadas posiciones de la p\u00e1gina web. Una vez conocidos las principales \u00abtags\u00bb de este lenguaje nos ser\u00e1 muy f\u00e1cil <a  href=\"https:\/\/www.4webs.es\/\">dise\u00f1ar una p\u00e1gina web<\/a>, incluso podremos realizar p\u00e1ginas web con el bloc de notas, aunque para hacerlo facilmente con Dreamweaver.<\/p>\n<p>Antiguamente los estilos de una p\u00e1gina web se inclu\u00edan en el mismo documento, entendemos por estilos, los colores y tama\u00f1os\u00a0 de las fuentes, los colores de fondo, tama\u00f1os de los contenedores, etc&#8230; a lo largo de estos a\u00f1os la web ha ido evolucionando hasta separar completamente el lenguaje HTML del de los de estilos.<br \/>\nLos estilos vienen vinculados en otro documento , que hoy en d\u00eda se conoce como CSS. Con esto conseguimos que la web sea mucho m\u00e1s r\u00e1pida , ya que una vez cargado el css\u00a0 se mantiene en la cach\u00e9 del navegador y conforme vayamos visitando el resto de p\u00e1ginas que componen el site , la css no se vuelve a cargar ,sino que lo coge de la cach\u00e9.<\/p>\n<p>Otro de los aspectos importantes a d\u00eda de hoy, es que las tablas, m\u00e1s conocido como tableless, ha quedado totalmente en desuso y solamente se usa para tabular datos,. Las tablas son muy usadas por lo novatos por la gran facilidad para ubicarlas y manipularlas, aunque es un gran error ya que una vez conocido el poder de los \u00abDIV\u00bb y las CSS se comprueba el verdadero potencial de combinar ambas t\u00e9cnicas. Por lo tanto <strong>recomiendo usar DIV + CSS, el c\u00f3digo es m\u00e1s limpio, la web es m\u00e1s r\u00e1pida y podemos posicionar todos los elementos donde queramos.<\/strong><\/p>\n<p>La web sique evolucionando, y el lenguaje HTML tambi\u00e9n , a d\u00eda de hoy y con la reci\u00e9n salida del HTML5 y CSS3, la evoluci\u00f3n nos obliga a estar siempre atentos a las novedades para poder implantarlos en nuestros <a  href=\"https:\/\/www.4webs.es\">dise\u00f1os web<\/a>, aunque debemos recordar que siempre tendremos el pero de la compatibilidad con los navegadores, si empleamos muchas de las novedades que van apareciendo , todos los navegadores antiguos tendr\u00e1n el inconveniente que no sean compatibles y podr\u00edan generar fallos o malas visualizaciones en la p\u00e1gina web.<\/p>\n<p>Yo siempre recomiendo y realizo mis proyectos validados para Firefox, Internet Explorer 7 o superior, Safari y Chrome, como pod\u00e9is ver no doy soporte a IE6, mi opini\u00f3n personal es que las personas que usan navegadores tan antiguos no les importar\u00e1 visualizar la web con fallos ya que disponen de equipos totalmente obsoletos. Pese a lo que piensan algunos que se pierde una cantidad de usuarios, prefiero perder ese 4% de usuarios que tener que perder todas las ventajas gr\u00e1ficas que se consigue dise\u00f1ando p\u00e1ginas web con leguajes m\u00e1s o menos actualizados.<\/p>\n<p><strong>CONOCIMIENTOS IMPRESCINDIBLES PARA DISE\u00d1AR CON HTML:<\/strong><\/p>\n<ul>\n<li> Las etiquetas comienzan siempre por \u00ab&lt;\u00bb y se cierran con un \u00ab&gt;\u00bb. Para que guarde el estandar muchas de ellas se cerrar\u00e1n con la barra invertida. Por ejemplo un p\u00e1rrafo comenzar\u00eda con \u00ab&lt;p&gt;\u00bb y se cerrar\u00eda con \u00ab&lt;\/p&gt;\u00bb.<\/li>\n<li>El t\u00edtulo de la p\u00e1gina, descripciones y carga de documentos externos siempre se introducen entre las etiquetas \u00abHEAD\u00bb, con el fin que los buscadores omitan el contenido de los mismos.<\/li>\n<li>En la etiqueta \u00abBODY\u00bb se debe cargar el contenido.<\/li>\n<li>Las im\u00e1genes se incrustan con la tag \u00ab&lt;img src=\u00bbruta de la imagen\u00bb \/&gt;<\/li>\n<\/ul>\n<p>Ahora solo os queda coger el toro por los cuernos\u00a0 y comenzar a probar y experimentar por vosotros mismos. Una vez teng\u00e1is los conocimientos suficientes de HTML + CSS podr\u00e9is pasar al siguiente nivel PHP + MYSQL, y una vez aprendido pod\u00e9is pasar a&#8230;&#8230;bla bla bla, por experiencia esto no se acaba, as\u00ed que solo me queda deciros que disfrut\u00e9is y no desesper\u00e9is&#8230;.<\/p>\n<p><span style=\"font-family: Verdana,Arial,Helvetica,Sans-Serif;\"><span style=\"font-size: x-small;\"><br \/>\n<\/span><\/span><\/p>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>El HTML es el lenguaje principal con el que se desarrollan las p\u00e1ginas web. Mediante etiquetas podemos ir incrustando im\u00e1genes, negritas o cualquier estilo, as\u00ed como ubicar los contenedores de im\u00e1genes o textos en determinadas posiciones de la p\u00e1gina web. Una vez conocidos las principales \u00abtags\u00bb de este lenguaje nos ser\u00e1 muy f\u00e1cil dise\u00f1ar una p\u00e1gina web, incluso podremos realizar p\u00e1ginas web con el bloc de notas, aunque para hacerlo facilmente con Dreamweaver.<\/p>\n","protected":false},"author":1,"featured_media":1017,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,3],"tags":[],"class_list":{"0":"post-1014","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-actualidad","8":"category-diseno-web"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Aprender a dise\u00f1ar p\u00e1ginas web en HTML | 4webs.es<\/title>\n<meta name=\"description\" content=\"El HTML es el lenguaje principal con el que se desarrollan las p\u00e1ginas web. Mediante etiquetas podemos ir incrustando im\u00e1genes, negritas o cualquier estilo, as\u00ed como ubicar los contenedores de im\u00e1genes o textos en determinadas posiciones de la p\u00e1gina web. Una vez conocidos las principales &quot;tags&quot; de este lenguaje nos ser\u00e1 muy f\u00e1cil dise\u00f1ar una p\u00e1gina web, incluso podremos realizar p\u00e1ginas web con el bloc de notas, aunque para hacerlo facilmente con Dreamweaver.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Aprender a dise\u00f1ar p\u00e1ginas web en HTML | 4webs.es\" \/>\n<meta property=\"og:description\" content=\"El HTML es el lenguaje principal con el que se desarrollan las p\u00e1ginas web. Mediante etiquetas podemos ir incrustando im\u00e1genes, negritas o cualquier estilo, as\u00ed como ubicar los contenedores de im\u00e1genes o textos en determinadas posiciones de la p\u00e1gina web. Una vez conocidos las principales &quot;tags&quot; de este lenguaje nos ser\u00e1 muy f\u00e1cil dise\u00f1ar una p\u00e1gina web, incluso podremos realizar p\u00e1ginas web con el bloc de notas, aunque para hacerlo facilmente con Dreamweaver.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html\" \/>\n<meta property=\"og:site_name\" content=\"4webs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/4webs\" \/>\n<meta property=\"article:published_time\" content=\"2010-12-14T09:48:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/webs-html.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"551\" \/>\n\t<meta property=\"og:image:height\" content=\"248\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pablo Risue\u00f1o\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@4webs\" \/>\n<meta name=\"twitter:site\" content=\"@4webs\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pablo Risue\u00f1o\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\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\":\"Article\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/aprender-a-disenar-paginas-web-en-html#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/aprender-a-disenar-paginas-web-en-html\"},\"author\":{\"name\":\"Pablo Risue\u00f1o\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"headline\":\"Aprender a dise\u00f1ar p\u00e1ginas web en HTML\",\"datePublished\":\"2010-12-14T09:48:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/aprender-a-disenar-paginas-web-en-html\"},\"wordCount\":725,\"commentCount\":2,\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/aprender-a-disenar-paginas-web-en-html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/12\\\/webs-html.jpg\",\"articleSection\":[\"Actualidad\",\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/aprender-a-disenar-paginas-web-en-html#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/aprender-a-disenar-paginas-web-en-html\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/aprender-a-disenar-paginas-web-en-html\",\"name\":\"Aprender a dise\u00f1ar p\u00e1ginas web en HTML | 4webs.es\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/aprender-a-disenar-paginas-web-en-html#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/aprender-a-disenar-paginas-web-en-html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/12\\\/webs-html.jpg\",\"datePublished\":\"2010-12-14T09:48:38+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"description\":\"El HTML es el lenguaje principal con el que se desarrollan las p\u00e1ginas web. Mediante etiquetas podemos ir incrustando im\u00e1genes, negritas o cualquier estilo, as\u00ed como ubicar los contenedores de im\u00e1genes o textos en determinadas posiciones de la p\u00e1gina web. Una vez conocidos las principales \\\"tags\\\" de este lenguaje nos ser\u00e1 muy f\u00e1cil dise\u00f1ar una p\u00e1gina web, incluso podremos realizar p\u00e1ginas web con el bloc de notas, aunque para hacerlo facilmente con Dreamweaver.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/aprender-a-disenar-paginas-web-en-html#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/aprender-a-disenar-paginas-web-en-html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/aprender-a-disenar-paginas-web-en-html#primaryimage\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/12\\\/webs-html.jpg\",\"contentUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/12\\\/webs-html.jpg\",\"width\":551,\"height\":248},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/aprender-a-disenar-paginas-web-en-html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.4webs.es\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Aprender a dise\u00f1ar p\u00e1ginas web en HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/\",\"name\":\"4webs\",\"description\":\"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\",\"name\":\"Pablo Risue\u00f1o\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"caption\":\"Pablo Risue\u00f1o\"},\"sameAs\":[\"http:\\\/\\\/www.4webs.es\"],\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/author\\\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Aprender a dise\u00f1ar p\u00e1ginas web en HTML | 4webs.es","description":"El HTML es el lenguaje principal con el que se desarrollan las p\u00e1ginas web. Mediante etiquetas podemos ir incrustando im\u00e1genes, negritas o cualquier estilo, as\u00ed como ubicar los contenedores de im\u00e1genes o textos en determinadas posiciones de la p\u00e1gina web. Una vez conocidos las principales \"tags\" de este lenguaje nos ser\u00e1 muy f\u00e1cil dise\u00f1ar una p\u00e1gina web, incluso podremos realizar p\u00e1ginas web con el bloc de notas, aunque para hacerlo facilmente con Dreamweaver.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html","og_locale":"es_ES","og_type":"article","og_title":"Aprender a dise\u00f1ar p\u00e1ginas web en HTML | 4webs.es","og_description":"El HTML es el lenguaje principal con el que se desarrollan las p\u00e1ginas web. Mediante etiquetas podemos ir incrustando im\u00e1genes, negritas o cualquier estilo, as\u00ed como ubicar los contenedores de im\u00e1genes o textos en determinadas posiciones de la p\u00e1gina web. Una vez conocidos las principales \"tags\" de este lenguaje nos ser\u00e1 muy f\u00e1cil dise\u00f1ar una p\u00e1gina web, incluso podremos realizar p\u00e1ginas web con el bloc de notas, aunque para hacerlo facilmente con Dreamweaver.","og_url":"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html","og_site_name":"4webs","article_publisher":"https:\/\/www.facebook.com\/4webs","article_published_time":"2010-12-14T09:48:38+00:00","og_image":[{"width":551,"height":248,"url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/webs-html.jpg","type":"image\/jpeg"}],"author":"Pablo Risue\u00f1o","twitter_card":"summary_large_image","twitter_creator":"@4webs","twitter_site":"@4webs","twitter_misc":{"Escrito por":"Pablo Risue\u00f1o","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html#article","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html"},"author":{"name":"Pablo Risue\u00f1o","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"headline":"Aprender a dise\u00f1ar p\u00e1ginas web en HTML","datePublished":"2010-12-14T09:48:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html"},"wordCount":725,"commentCount":2,"image":{"@id":"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/webs-html.jpg","articleSection":["Actualidad","Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html","url":"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html","name":"Aprender a dise\u00f1ar p\u00e1ginas web en HTML | 4webs.es","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html#primaryimage"},"image":{"@id":"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/webs-html.jpg","datePublished":"2010-12-14T09:48:38+00:00","author":{"@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"description":"El HTML es el lenguaje principal con el que se desarrollan las p\u00e1ginas web. Mediante etiquetas podemos ir incrustando im\u00e1genes, negritas o cualquier estilo, as\u00ed como ubicar los contenedores de im\u00e1genes o textos en determinadas posiciones de la p\u00e1gina web. Una vez conocidos las principales \"tags\" de este lenguaje nos ser\u00e1 muy f\u00e1cil dise\u00f1ar una p\u00e1gina web, incluso podremos realizar p\u00e1ginas web con el bloc de notas, aunque para hacerlo facilmente con Dreamweaver.","breadcrumb":{"@id":"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html#primaryimage","url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/webs-html.jpg","contentUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/12\/webs-html.jpg","width":551,"height":248},{"@type":"BreadcrumbList","@id":"https:\/\/www.4webs.es\/blog\/aprender-a-disenar-paginas-web-en-html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.4webs.es\/blog"},{"@type":"ListItem","position":2,"name":"Aprender a dise\u00f1ar p\u00e1ginas web en HTML"}]},{"@type":"WebSite","@id":"https:\/\/www.4webs.es\/blog\/#website","url":"https:\/\/www.4webs.es\/blog\/","name":"4webs","description":"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.4webs.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048","name":"Pablo Risue\u00f1o","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","caption":"Pablo Risue\u00f1o"},"sameAs":["http:\/\/www.4webs.es"],"url":"https:\/\/www.4webs.es\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/1014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/comments?post=1014"}],"version-history":[{"count":5,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/1014\/revisions"}],"predecessor-version":[{"id":1020,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/1014\/revisions\/1020"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media\/1017"}],"wp:attachment":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media?parent=1014"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/categories?post=1014"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/tags?post=1014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}