{"id":59,"date":"2009-07-21T02:16:09","date_gmt":"2009-07-21T06:16:09","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/cari22\/?p=59"},"modified":"2009-07-21T02:16:09","modified_gmt":"2009-07-21T06:16:09","slug":"tutorial-html-8-el-parrafo-etiqueta","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/cari22\/2009\/07\/21\/tutorial-html-8-el-parrafo-etiqueta\/","title":{"rendered":"TUTORIAL HTML: 8. EL P\u00c1RRAFO - ETIQUETA"},"content":{"rendered":"<p align=\"justify\">La etiqueta <strong>&lt;p&gt;&lt;\/p&gt;<\/strong> indica p\u00e1rrafo. La alineaci\u00f3n de \u00e9ste la definiremos con el par\u00e1metro <strong>align<\/strong>. Sus valores son:<\/p>\n<ul>\n<li><strong>left<\/strong>: alineaci\u00f3n a la izquierda<\/li>\n<li> <strong>right<\/strong>: alineaci\u00f3n a la derecha<\/li>\n<li> <strong>center<\/strong>: alineaci\u00f3n al centro<\/li>\n<li> <strong>justify<\/strong>: alineaci\u00f3n justificada.<\/li>\n<\/ul>\n<p>Ejemplos:<\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/img229.imageshack.us\/img229\/3017\/dibujosff.png\" alt=\"http:\/\/img229.imageshack.us\/img229\/3017\/dibujosff.png\" \/><\/p>\n<p>En HTML s\u00f3lo se reconoce un espacio entre palabra y palabra, el resto de los espacios son ignorados por el navegador. Tampoco se respetan las tabulaciones, retornos de carro, etc... Por lo tanto, si necesitamos obligar al navegador a visualizar el texto tal y como est\u00e1 escrito necesitaremos enmarcarlo con la etiqueta <strong>&lt;pre&gt;&lt;\/pre&gt;<\/strong>.<a class=\"enlaceBold\" href=\"http:\/\/www.distritoweb.net\/tutorial_html\/pags\/formatos_especiales.html\"><br \/>\n<\/a><\/p>\n<p>Para indicar los saltos de linea se utiliza la etiqueta <strong>&lt;br&gt;<\/strong><\/p>\n<p>Para los cambios de parrafo se utiliza la etiqueta <strong>&lt;p&gt;<\/strong> (en este caso no es necesario cerrarla)<\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/img140.imageshack.us\/img140\/4117\/dibujomxo.png\" alt=\"http:\/\/img140.imageshack.us\/img140\/4117\/dibujomxo.png\" \/><\/p>\n<p><span class=\"ejercicio_tit\">Ejercicio <\/span><\/p>\n<p>Copia el c\u00f3digo siguiente en el editor de textos y observa su apariencia en el navegador. (No caigas en la tentaci\u00f3n de cortar y pegar el ejemplo; escr\u00edbelo t\u00fa mismo para practicar)<\/p>\n<p><strong>&lt;html&gt;<\/strong><br \/>\n<strong>&lt;head&gt;&lt;title&gt;<\/strong>Mi p\u00e1gina web <strong>&lt;\/title&gt;&lt;\/head&gt;<br \/>\n<\/strong><strong>&lt;body bgcolor=\"#0D5C94\" text=\"#FFFFFF\"&gt;<br \/>\n<\/strong><strong>&lt;p align=left&gt;<\/strong>Este p\u00e1rrafo de texto est\u00e1 justificado a la izquierda<strong>&lt;\/p&gt;<br \/>\n&lt;br&gt;<br \/>\n&lt;p align=right&gt;<\/strong>Este p\u00e1rrafo de texto est\u00e1 justificado a la derecha.<strong>&lt;\/p&gt;<\/strong><strong><br \/>\n&lt;br&gt;<\/strong><strong><br \/>\n&lt;p align=center&gt;<\/strong>Este p\u00e1rrafo de texto est\u00e1 justificado al centro <strong>&lt;\/p&gt;<\/strong><br \/>\n<strong>&lt;\/body&gt;<br \/>\n<\/strong><strong>&lt;\/html&gt;<\/strong><\/p>\n<p align=\"left\">Este ser\u00e1 el resultado:<\/p>\n<p style=\"text-align: center\" align=\"left\"><img decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/img269.imageshack.us\/img269\/4734\/dibujoocg.png\" alt=\"http:\/\/img269.imageshack.us\/img269\/4734\/dibujoocg.png\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La etiqueta &lt;p&gt;&lt;\/p&gt; indica p\u00e1rrafo. La alineaci\u00f3n de \u00e9ste la definiremos con el par\u00e1metro align. Sus valores son: left: alineaci\u00f3n a la izquierda right: alineaci\u00f3n a la derecha center: alineaci\u00f3n al centro justify: alineaci\u00f3n justificada. Ejemplos: En HTML s\u00f3lo se reconoce un espacio entre palabra y palabra, el resto de los espacios son ignorados por [&hellip;]<\/p>\n","protected":false},"author":1937,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[2205,1503],"class_list":["post-59","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-html","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/users\/1937"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":1,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts\/59\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts\/59\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/media?parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/categories?post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/tags?post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}