{"id":1114,"date":"2011-08-28T13:41:35","date_gmt":"2011-08-28T11:41:35","guid":{"rendered":"http:\/\/elclubdelautodidacta.es\/wp\/?p=1114"},"modified":"2012-11-30T18:51:37","modified_gmt":"2012-11-30T17:51:37","slug":"html-espacios-en-blanco-que-no-sirven-para-nada","status":"publish","type":"post","link":"http:\/\/elclubdelautodidacta.es\/wp\/2011\/08\/html-espacios-en-blanco-que-no-sirven-para-nada\/","title":{"rendered":"HTML: Espacios en blanco que no sirven para nada"},"content":{"rendered":"<p><a href=\"http:\/\/elclubdelautodidacta.es\/wp\/wp-content\/uploads\/2012\/02\/ECDA-HTML-5cm.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/elclubdelautodidacta.es\/wp\/wp-content\/uploads\/2012\/02\/ECDA-HTML-5cm.jpg\" alt=\"\" title=\"La oveja experta en HTML\" width=\"107\" height=\"142\" class=\"alignleft size-full wp-image-3024\" \/><\/a><em><strong>Objetivo<\/strong>: mostrar que HTML s\u00f3lo considera un \u00fanico espacio en blanco seguido, por muchos que introduzcamos o por muchas veces que pulsemos Enter.<\/em><\/p>\n<p>Vimos que la etiqueta <code class=\"preserve-code-formatting\">&lt;body&gt;<\/code>, junto con su terminaci\u00f3n <code class=\"preserve-code-formatting\">&lt;\/body&gt;<\/code>, delimitaba el bloque en el que figuraba el contenido visible de la p\u00e1gina. Ya hicimos nuestros primeros pinitos escribiendo algo de texto ah\u00ed.<\/p>\n<p>Pero hay algo que debes saber en relaci\u00f3n a los espacios en blanco: por muchos que insertes entre palabras, s\u00f3lo contar\u00e1n como uno para HTML. Incluso si usas tabuladores, s\u00f3lo figurar\u00e1n como <strong>un \u00fanico espacio en blanco<\/strong>.<\/p>\n<p>Es m\u00e1s, y esto quiz\u00e1s te sorprenda: aunque utilices la tecla ENTER para tratar de abrir l\u00edneas, no van a provocar ning\u00fan efecto en el resultado final y s\u00f3lo ser\u00e1n consideradas como un \u00fanico espacio en blanco seguido tambi\u00e9n. Observalo en el siguiente <a href=\"http:\/\/dl.dropbox.com\/u\/4631191\/blog\/html\/html-3-1.html\" target=\"_blank\">ejemplo<\/a> haciendo clic sobre el enlace.<\/p>\n<p>Este es el c\u00f3digo que genera esa p\u00e1gina:<\/p>\n<p><pre><code class=\"preserve-code-formatting\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;title&gt;Haciendo pruebas&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\nLa casa&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;de&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;la\n\npradera\n\nera \nuna\n\nserie\n\nantol\u00f3gica de a\u00f1os&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;memorables atr\u00e1s...\n\nSiempre me he preguntado cu\u00e1l era mejor, &quot;La casa de la pradera&quot;\no &quot;Mazinger Z&quot;.\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre><br \/>\nTanto espacio en blanco no ha servido de nada. Tampoco hemos sido capaces de insertar un solo salto de l\u00ednea por mucho que lo hemos intentado. Har\u00e1 falta recurrir a nuevas etiquetas que explicaremos proximamente.<\/p>\n<p>Para terminar por hoy, quiero mostrarte la forma correcta de trabajar a la hora de utilizar un editor de texto para el c\u00f3digo y visualizar los resultados en el navegador.<\/p>\n<p>Hay que tener abiertas las dos ventanas: el editor y el navegador. No hace falta que est\u00e9n visibles simult\u00e1neamente si no dispones de espacio suficiente en la pantalla; bastar\u00e1 con minimizar la que no est\u00e9 activa en ese momento.<\/p>\n<p>Cuando modifiques el c\u00f3digo y quieras comprobar su efecto, no es necesario que abandones el editor; guarda el fichero pero no lo cierres. Para visualizar el resultado en la ventana del navegador, simplemente recarga la p\u00e1gina haciendo clic en el bot\u00f3n de <strong>actualizar<\/strong>.<\/p>\n<p><strong><span style=\"color: #808080;\">Javier Montero Gabarr\u00f3<\/span><\/strong><\/p>\n<hr \/>\n<p><em>Fecha de la \u00faltima revisi\u00f3n: 30 de noviembre de 2012<\/em><\/p>\n<hr \/>\n<blockquote data-secret=\"ywOeWeG42U\" class=\"wp-embedded-content\"><p><a href=\"http:\/\/elclubdelautodidacta.es\/wp\/2011\/08\/html-espacios-en-blanco-que-no-sirven-para-nada\/\">HTML: Espacios en blanco que no sirven para nada<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"display:none;\" src=\"http:\/\/elclubdelautodidacta.es\/wp\/2011\/08\/html-espacios-en-blanco-que-no-sirven-para-nada\/embed\/#?secret=ywOeWeG42U\" data-secret=\"ywOeWeG42U\" width=\"600\" height=\"338\" title=\"Entrada de WordPress incrustada\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<hr \/>\n<p>El texto de este art\u00edculo se encuentra sometido a una licencia <em>Creative Commons<\/em> del tipo <strong>CC-BY-NC-ND<\/strong> (reconocimiento, no comercial, sin obra derivada, 3.0 unported)<\/p>\n<hr \/>\n<p><em>El Club del Autodidacta<\/em><\/p>\n<hr \/>\n<p>\u00cdndice completo de <a href=\"http:\/\/elclubdelautodidacta.es\/wp\/indice-html\/\" title=\"\u00cdndice completo de la categor\u00eda HTML\">art\u00edculos relacionados con HTML<\/a>.<\/p>\n<div class=\"SPOSTARBUST-Related-Posts\"><H3>Tal vez te interese...<\/H3><ul class=\"entry-meta\"><li class=\"SPOSTARBUST-Related-Post\"><a title=\"HTML &#8211; Hiperenlaces titulados\" href=\"http:\/\/elclubdelautodidacta.es\/wp\/2012\/06\/html-hiperenlaces-titulados\/\" rel=\"bookmark\">HTML &#8211; Hiperenlaces titulados<\/a><\/li>\n<li class=\"SPOSTARBUST-Related-Post\"><a title=\"HTML &#8211; Hiperim\u00e1genes  saltarinas\" href=\"http:\/\/elclubdelautodidacta.es\/wp\/2012\/06\/html-hiperimagenes-saltarinas\/\" rel=\"bookmark\">HTML &#8211; Hiperim\u00e1genes  saltarinas<\/a><\/li>\n<li class=\"SPOSTARBUST-Related-Post\"><a title=\"HTML &#8211; Hipertexto saltar\u00edn\" href=\"http:\/\/elclubdelautodidacta.es\/wp\/2012\/05\/html-hipertexto-saltarin\/\" rel=\"bookmark\">HTML &#8211; Hipertexto saltar\u00edn<\/a><\/li>\n<li class=\"SPOSTARBUST-Related-Post\"><a title=\"Im\u00e1genes en HTML &#8211; III: Un texto alternativo\" href=\"http:\/\/elclubdelautodidacta.es\/wp\/2012\/04\/imagenes-en-html-iii-un-texto-alternativo\/\" rel=\"bookmark\">Im\u00e1genes en HTML &#8211; III: Un texto alternativo<\/a><\/li>\n<li class=\"SPOSTARBUST-Related-Post\"><a title=\"Im\u00e1genes en HTML &#8211; II: El tama\u00f1o s\u00ed importa\" href=\"http:\/\/elclubdelautodidacta.es\/wp\/2012\/03\/imagenes-en-html-ii-el-tamano-si-importa\/\" rel=\"bookmark\">Im\u00e1genes en HTML &#8211; II: El tama\u00f1o s\u00ed importa<\/a><\/li>\n<\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Objetivo: mostrar que HTML s\u00f3lo considera un \u00fanico espacio en blanco seguido, por muchos que introduzcamos o por muchas veces que pulsemos Enter. Vimos que la etiqueta &lt;body&gt;, junto con su terminaci\u00f3n &lt;\/body&gt;, delimitaba el bloque en el que figuraba el contenido visible de la p\u00e1gina. Ya hicimos nuestros primeros pinitos escribiendo algo de texto &hellip; <a href=\"http:\/\/elclubdelautodidacta.es\/wp\/2011\/08\/html-espacios-en-blanco-que-no-sirven-para-nada\/\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> \u00abHTML: Espacios en blanco que no sirven para nada\u00bb<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[41],"tags":[512],"class_list":["post-1114","post","type-post","status-publish","format-standard","hentry","category-html","tag-html"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1PGgv-hY","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/elclubdelautodidacta.es\/wp\/wp-json\/wp\/v2\/posts\/1114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/elclubdelautodidacta.es\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/elclubdelautodidacta.es\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/elclubdelautodidacta.es\/wp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/elclubdelautodidacta.es\/wp\/wp-json\/wp\/v2\/comments?post=1114"}],"version-history":[{"count":27,"href":"http:\/\/elclubdelautodidacta.es\/wp\/wp-json\/wp\/v2\/posts\/1114\/revisions"}],"predecessor-version":[{"id":6084,"href":"http:\/\/elclubdelautodidacta.es\/wp\/wp-json\/wp\/v2\/posts\/1114\/revisions\/6084"}],"wp:attachment":[{"href":"http:\/\/elclubdelautodidacta.es\/wp\/wp-json\/wp\/v2\/media?parent=1114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/elclubdelautodidacta.es\/wp\/wp-json\/wp\/v2\/categories?post=1114"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/elclubdelautodidacta.es\/wp\/wp-json\/wp\/v2\/tags?post=1114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}