{"id":4586,"date":"2025-03-04T09:01:23","date_gmt":"2025-03-04T08:01:23","guid":{"rendered":"https:\/\/sutilweb.eu\/?page_id=4586"},"modified":"2025-03-04T09:01:24","modified_gmt":"2025-03-04T08:01:24","slug":"06-etiquetas-del-body","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-practico\/06-etiquetas-del-body\/","title":{"rendered":"06. Etiquetas del body"},"content":{"rendered":"\n

Una de las etiquetas<\/strong> m\u00e1s importantes del lenguaje HTML<\/strong> es la etiqueta <p><\/p><\/em><\/strong> que forma texto formateado en forma de p\u00e1rrafo<\/strong>, con ciertos m\u00e1rgenes.<\/p>\n\n\n\n

\n

Nota<\/strong>: nunca tener texto suelto en el <body><\/strong>, sino incluirlo siempre en una etiqueta.<\/p>\n<\/blockquote>\n\n\n\n

Tabla peri\u00f3dica de HTML<\/h2>\n\n\n\n

Si hacemos una b\u00fasqueda en Google con las palabras \u00abtabla peri\u00f3dica HTML\u00bb encontraremos el siguiente esquema.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Son m\u00e1s de 100 etiquetas, algunas de las cuales no se llegan pr\u00e1cticamente a usar.<\/p>\n\n\n\n

Etiquetas m\u00e1s utilizadas<\/h2>\n\n\n\n

Haremos referencia a la tabla peri\u00f3dica de los elementos HTML<\/strong>, y comenzamos con los encabezados, que son las etiquetas que van desde h1<\/em> <\/strong>a h6<\/em><\/strong>. Como su nombre dicen, nos permiten titularizar el contenido.<\/p>\n\n\n\n

Por cuestiones de posicionamiento, en cada documento HTML<\/strong> s\u00f3lo hay que tener un s\u00f3lo t\u00edtulo <h1><\/em><\/strong>, ya que cuando las ara\u00f1as de los buscadores visitan nuestra p\u00e1gina, se fijan en el <h1><\/em><\/strong> que es como el t\u00edtulo importante de nuestro documento HTML<\/strong>. A partir de ah\u00ed podemos tener tantos h2<\/em><\/strong>, h3<\/em><\/strong>\u2026 como necesitemos. HTML<\/strong> es en realidad como manejar un manejador de texto<\/strong> como Word<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Una de las etiquetas m\u00e1s importantes del lenguaje HTML es la etiqueta <p><\/p> que forma texto formateado en forma de p\u00e1rrafo, con ciertos m\u00e1rgenes. Nota: nunca tener texto suelto en el <body>, sino incluirlo siempre en una etiqueta. Tabla peri\u00f3dica de HTML Si hacemos una b\u00fasqueda en Google con las palabras \u00abtabla peri\u00f3dica HTML\u00bb encontraremos el siguiente esquema. Son m\u00e1s de 100 etiquetas, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":89,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4586","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Una de las etiquetas m\u00e1s importantes del lenguaje HTML es la etiqueta <p><\/p> que forma texto formateado en forma de p\u00e1rrafo, con ciertos m\u00e1rgenes. Nota: nunca tener texto suelto en el <body>, sino incluirlo siempre en una etiqueta. Tabla peri\u00f3dica de HTML Si hacemos una b\u00fasqueda en Google con las palabras \u00abtabla peri\u00f3dica HTML\u00bb encontraremos el siguiente esquema. Son m\u00e1s de 100 etiquetas,…","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/4586","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=4586"}],"version-history":[{"count":1,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/4586\/revisions"}],"predecessor-version":[{"id":4588,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/4586\/revisions\/4588"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/89"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=4586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}