{"id":61,"date":"2009-07-21T02:18:20","date_gmt":"2009-07-21T06:18:20","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/cari22\/?p=61"},"modified":"2009-07-21T02:20:20","modified_gmt":"2009-07-21T06:20:20","slug":"tutorial-html-9-formatos-especiales-etiqueta-y","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/cari22\/2009\/07\/21\/tutorial-html-9-formatos-especiales-etiqueta-y\/","title":{"rendered":"TUTORIAL HTML: 9. FORMATOS ESPECIALES"},"content":{"rendered":"

La etiqueta <blockquote><\/blockquote><\/h4>\n

La etiqueta <blockquote><\/blockquote><\/strong> es una etiqueta que se utiliza para encerrar un texto parafraseado, una cita, un ejemplo, etc. y conseguir con ella un efecto de sangrado de texto. Tanto el margen izquierdo, como el derecho, se ampl\u00edan autom\u00e1ticamente.<\/p>\n

Ejemplo:<\/p>\n

\n

Este ejemplo y la mayor\u00eda de los que aparecen en este tutorial est\u00e1 formateado mediante la etiqueta blocquote.<\/p>\n<\/blockquote>\n

Su c\u00f3digo ser\u00eda el siguiente:<\/p>\n\n\n\n
<p><\/strong>Ejemplo:<\/p><\/strong>
\n<blockquote><\/strong>
\n<p><\/strong>Este ejemplo y la mayor\u00eda de los que aparecen en este tutorial est\u00e1 formateado mediante la etiqueta blocquote. <\/p><\/strong>
\n<\/blockquote><\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

A continuaci\u00f3n usamos dos veces consecutivas la etiqueta <blockquote><\/strong> para sangrar a\u00fan m\u00e1s el texto.<\/p>\n

Ejemplo:<\/p>\n

\n
\n

Este ejemplo y la mayor\u00eda de los que aparecen en este tutorial est\u00e1 formateado mediante la etiqueta blocquote.<\/p>\n<\/blockquote>\n<\/blockquote>\n

Su c\u00f3digo ser\u00eda el siguiente:<\/p>\n\n\n\n
<p><\/strong>Ejemplo:<\/p><\/strong>
\n<blockquote><\/strong>
\n<blockquote><\/strong>
\n<p><\/strong>Este ejemplo y la mayor\u00eda de los que aparecen en este tutorial est\u00e1 formateado mediante la etiqueta blocquote. <\/p><\/strong>
\n<\/blockquote><\/strong>
\n<\/blockquote><\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

La etiqueta <address><\/address><\/h4>\n

La etiqueta <address><\/strong> se usaba m\u00e1s en los primeros a\u00f1os de Internet, y en la actualidad tiende a desaparecer. Con ella se enmarcan datos como el nombre del autor de la p\u00e1gina, el copyrigth, direcci\u00f3n de correo electr\u00f3nico, etc. El texto siempre aparece en cursiva (por defecto).<\/p>\n

Ejemplo:<\/p>\n

\n
DistritoWeb. Todos los derechos reservados. info@DistritoWeb.net <\/address>\n<\/blockquote>\n

Su c\u00f3digo ser\u00eda:<\/p>\n

\n

<address><\/strong>
\nDistritoWeb. Todos los derechos reservados. info@DistritoWeb.net
\n<\/address><\/strong><\/p><\/blockquote>\n

La etiqueta <pre><\/h4>\n

Como ha quedado visto en el cap\u00edtulo dedicado al p\u00e1rrafo,<\/a> 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 <pre><\/pre><\/strong>.<\/p>\n

Ejemplo:<\/p>\n\n\n\n
\n
Este texto est\u00e1 escrito\r\n dentro de\r\n una\r\n etiqueta             pre, por lo tanto\r\n estos errores   de espaci\r\n os entre palabras los muestra \r\n\r\n tal\r\n cual.<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Este es su c\u00f3digo:<\/p>\n
<pre><\/strong>Este texto est\u00e1 escrito
\ndentro de
\nuna
\netiqueta             pre, por lo tanto
\nestos errores   de espaci
\nos entre palabras los muestra<\/p>\n
tal
\ncual. <\/pre><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"
La etiqueta <blockquote><\/blockquote> La etiqueta <blockquote><\/blockquote> es una etiqueta que se utiliza para encerrar un texto parafraseado, una cita, un ejemplo, etc. y conseguir con ella un efecto de sangrado de texto. Tanto el margen izquierdo, como el derecho, se ampl\u00edan autom\u00e1ticamente. Ejemplo: Este ejemplo y la mayor\u00eda de los que aparecen en este tutorial […]<\/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":[6435,9754,2205,1503],"class_list":["post-61","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-etiquetas","tag-formatos-especiales-html","tag-html","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts\/61","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=61"}],"version-history":[{"count":4,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts\/61\/revisions"}],"predecessor-version":[{"id":63,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts\/61\/revisions\/63"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/media?parent=61"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/categories?post=61"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/tags?post=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}