{"id":56,"date":"2009-07-21T01:39:42","date_gmt":"2009-07-21T05:39:42","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/cari22\/?p=56"},"modified":"2009-07-21T01:39:42","modified_gmt":"2009-07-21T05:39:42","slug":"tutorial-de-html-7-encabezamientos","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/cari22\/2009\/07\/21\/tutorial-de-html-7-encabezamientos\/","title":{"rendered":"TUTORIAL DE HTML: 7. ENCABEZAMIENTOS"},"content":{"rendered":"<p align=\"justify\">HTML dispone de un m\u00e9todo para destacar los t\u00edtulos (o encabezamientos) y subt\u00edtulos con tipo de texto variable y negrita. Para ello se utiliza la etiqueta <strong>&lt;h&gt;&lt;\/h&gt;<\/strong>. El texto que escribamos entre la etiqueta de inicio (&lt;h&gt;) y la de cierre (&lt;\/h&gt;) ser\u00e1 el que resulte destacado como t\u00edtulo. Las cabeceras fuerzan un salto de linea cuando se cierran, y el texto siempre est\u00e1 en negrita.<br \/>\nExisten 6 tama\u00f1os de cabeceras distintas:<\/p>\n<p align=\"left\"><strong>&lt;h1&gt;&lt;h2&gt;&lt;h3&gt;&lt;h4&gt;&lt;h5&gt; <\/strong>y <strong>&lt;h6&gt; <\/strong>.  Siendo la <strong>&lt;h1&gt; <\/strong> la que muestra el texto en mayor tama\u00f1o.<\/p>\n<p style=\"text-align: center\" align=\"left\"><img decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/img169.imageshack.us\/img169\/1878\/dibujokuz.png\" alt=\"http:\/\/img169.imageshack.us\/img169\/1878\/dibujokuz.png\" \/><\/p>\n<p align=\"left\"><span class=\"ejercicio_tit\">Ejercicio <\/span><\/p>\n<p align=\"justify\">Utilizando como base el ejercicio 4, le a\u00f1adiremos encabezamientos:<\/p>\n<p align=\"justify\"><strong>&lt;h1&gt;<\/strong>Este es el encabezamiento principal<strong>&lt;\/h1&gt;<br \/>\n<\/strong><strong>&lt;h3&gt;<\/strong>Este es el subt\u00edtulo<strong>&lt;\/h3&gt;<\/strong><\/p>\n<p align=\"justify\">De forma que nuestra p\u00e1gina quedar\u00e1 del siguiente modo:<\/p>\n<p align=\"left\"><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;<\/strong><br \/>\n<strong>&lt;body bgcolor=\"#000000\" text=\"#FFFFFF\"&gt;<\/strong><br \/>\n<strong>&lt;h1&gt;<\/strong>Esto es el t\u00edtulo principal<strong>&lt;\/h1&gt;<\/strong><br \/>\n<strong>&lt;h3&gt;<\/strong>Este es el subt\u00edtulo<strong>&lt;\/h3&gt;<\/strong> <strong><br \/>\n<\/strong><strong>&lt;font size=3 color=\"#FFFFFF\" face=\"helvetica\"&gt;<\/strong> Este es un texto para practicar los diferentes estilos que podemos conseguir.<strong> &lt;i&gt;<\/strong>Aqu\u00ed empieza la cursiva,<strong>&lt;\/i&gt;&lt;b&gt;<\/strong> para dejar paso a la negrita.<strong>&lt;\/b&gt;<\/strong> Podemos tachar <strong>&lt;s&gt;<\/strong>lo que no nos guste<strong>&lt;\/s&gt; <\/strong>o <strong>&lt;u&gt;<\/strong>subrayar toda una frase<strong>&lt;\/u&gt;<\/strong>. Para nuestras f\u00f3rmulas es muy \u00fatil el subindice como en b<strong>&lt;sub&gt;<\/strong>1<strong>&lt;\/sub&gt;<\/strong> o el super\u00edndice como en m<strong>&lt;sup&gt;<\/strong>2<strong>&lt;\/sup&gt;. &lt;\/font&gt;<\/strong><br \/>\n<strong>&lt;\/body&gt;<br \/>\n&lt;\/html&gt; <\/strong><\/p>\n<p align=\"left\">Este ser\u00e1 el efecto conseguido:<\/p>\n<p style=\"text-align: center\" align=\"left\"><img decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/img216.imageshack.us\/img216\/2465\/dibujoool.png\" alt=\"http:\/\/img216.imageshack.us\/img216\/2465\/dibujoool.png\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML dispone de un m\u00e9todo para destacar los t\u00edtulos (o encabezamientos) y subt\u00edtulos con tipo de texto variable y negrita. Para ello se utiliza la etiqueta &lt;h&gt;&lt;\/h&gt;. El texto que escribamos entre la etiqueta de inicio (&lt;h&gt;) y la de cierre (&lt;\/h&gt;) ser\u00e1 el que resulte destacado como t\u00edtulo. Las cabeceras fuerzan un salto de [&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":[9753,2205,1503],"class_list":["post-56","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-encabezamiento","tag-html","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts\/56","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=56"}],"version-history":[{"count":2,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts\/56\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts\/56\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/media?parent=56"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/categories?post=56"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/tags?post=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}