{"id":52,"date":"2009-07-21T01:24:10","date_gmt":"2009-07-21T05:24:10","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/cari22\/?p=52"},"modified":"2009-07-21T01:24:22","modified_gmt":"2009-07-21T05:24:22","slug":"tutorial-html-6-estilo-de-texto-etiqueta","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/cari22\/2009\/07\/21\/tutorial-html-6-estilo-de-texto-etiqueta\/","title":{"rendered":"TUTORIAL HTML: 6. ESTILO DE TEXTO-ETIQUETA"},"content":{"rendered":"<p>La etiqueta <strong>&lt;font&gt;&lt;\/font&gt;<\/strong> se refiere a la fuente utilizada en el documento. Va colocada dentro del cuerpo del documento (&lt;body&gt;&lt;font&gt;&lt;\/font&gt;&lt;\/body&gt;). Admite diferentes atributos:<\/p>\n<ul>\n<li><strong>size<\/strong>: Define el tama\u00f1o en puntos.<\/li>\n<li><strong>color<\/strong>: Define color (con los valores RBG o el nombre del color en ingl\u00e9s).<\/li>\n<li><strong>face<\/strong>: tipo de fuente (arial, georgia, verdana, etc.)<\/li>\n<\/ul>\n<blockquote><p>Ejemplo:<\/p><\/blockquote>\n<blockquote><p><img decoding=\"async\" src=\"http:\/\/img140.imageshack.us\/img140\/2012\/dibujoxvd.png\" alt=\"http:\/\/img140.imageshack.us\/img140\/2012\/dibujoxvd.png\" \/><\/p><\/blockquote>\n<blockquote><p>Para modificar el estilo de texto (negrita, cursiva, etc...) existen las siguientes etiquetas que enmarcar\u00e1n la porci\u00f3n de texto a la que queramos aplicar el estilo correspondiente:<\/p><\/blockquote>\n<p style=\"text-align: center\"><img decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/img269.imageshack.us\/img269\/5300\/dibujownj.png\" alt=\"http:\/\/img269.imageshack.us\/img269\/5300\/dibujownj.png\" \/><\/p>\n<p><span class=\"ejemplo_tit\">Ejercicio: <\/span><\/p>\n<p align=\"justify\">Escribe el siguiente c\u00f3digo en tu editor de textosy ed\u00edtalo en el navegador. Haz todos los cambios que creas necesarios para ver los diferentes efectos.<\/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=\"#0D5C94\" text=\"#FFFFFF\"&gt;<br \/>\n&lt;font size=3 color=\"#FFFFFF\" face=\"<span class=\"Estilo1\">helvetica<\/span>\"&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>Este ser\u00e1 el efecto conseguido:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/img269.imageshack.us\/img269\/2186\/dibujontr.png\" alt=\"http:\/\/img269.imageshack.us\/img269\/2186\/dibujontr.png\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La etiqueta &lt;font&gt;&lt;\/font&gt; se refiere a la fuente utilizada en el documento. Va colocada dentro del cuerpo del documento (&lt;body&gt;&lt;font&gt;&lt;\/font&gt;&lt;\/body&gt;). Admite diferentes atributos: size: Define el tama\u00f1o en puntos. color: Define color (con los valores RBG o el nombre del color en ingl\u00e9s). face: tipo de fuente (arial, georgia, verdana, etc.) Ejemplo: Para modificar el [&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":[9751,9752,2205,1503],"class_list":["post-52","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-estilo-de-texto-html","tag-font","tag-html","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts\/52","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=52"}],"version-history":[{"count":3,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts\/52\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts\/52\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/media?parent=52"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/categories?post=52"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/tags?post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}