{"id":1420,"date":"2024-05-22T17:41:10","date_gmt":"2024-05-22T17:41:10","guid":{"rendered":"https:\/\/orpot.com\/blog\/?p=1420"},"modified":"2024-05-22T17:42:32","modified_gmt":"2024-05-22T17:42:32","slug":"html-etiquetas-de-texto","status":"publish","type":"post","link":"https:\/\/orpot.com\/blog\/html-etiquetas-de-texto\/","title":{"rendered":"HTML: Etiquetas de texto"},"content":{"rendered":"
\n

Ahora exploraremos las principales etiquetas HTML que a menudo se utilizan en la etiqueta body de un documento HTML.Elementos en l\u00ednea y elementos en bloqueAntes de analizar las etiquetas, necesitamos separarlas en 2 categor\u00edas: elementos en bloque y elementos en l\u00ednea.<\/span><\/h1>\n<\/header>\n
Los elementos en bloque (p, div, elementos de encabezado, listas y elementos de lista, entre otros) cuando se posicionan en la p\u00e1gina no permiten que otros elementos se visualicen junto a ellos.<\/p>\n

Los elementos en l\u00ednea, en cambio, pueden estar junto a otros elementos en l\u00ednea.<\/p>\n

Otra diferencia es que los elementos en l\u00ednea pueden estar contenidos en elementos en bloque. Lo contrario no es cierto.<\/p>\n

p y span<\/h3>\n

La etiqueta p define un p\u00e1rrafo de texto, y es un elemento en bloque:<\/p>\n

<p>Algo de texto<\/p><\/pre>\n
 <\/p>\n
Ya has visto el aspecto en bloque de la etiqueta p antes cuando hicimos el ejemplo: p estaba en su propia l\u00ednea.<\/p>\n
Dentro de una etiqueta p, podemos agregar cualquier elemento en l\u00ednea que deseemos, como span.<\/p>\n
La etiqueta span es un elemento en l\u00ednea:<\/p>\n
<p>Una parte del texto <span>y aqu\u00ed otra parte<\/span><\/p><\/pre>\n
 <\/p>\n
No podemos agregar otros elementos en bloque en una etiqueta p o span.<\/p>\n
No podemos anidar un elemento p en otro, ya que p es una etiqueta en bloque.<\/p>\n
Etiquetas de encabezado (h1, h2\u2026)<\/p>\n
HTML nos proporciona 6 etiquetas de encabezado. Desde el m\u00e1s importante hasta el menos importante, tenemos h1, h2, h3, h4, h5, h6.<\/p>\n
T\u00edpicamente, una p\u00e1gina tendr\u00e1 un elemento h1, que es el t\u00edtulo de la p\u00e1gina. Luego, es posible que tengas uno o m\u00e1s elementos h2 dependiendo del contenido de la p\u00e1gina.<\/p>\n
El navegador, de forma predeterminada, renderizar\u00e1 la etiqueta h1 m\u00e1s grande, y reducir\u00e1 el tama\u00f1o de los elementos a medida que el n\u00famero cerca de h aumenta:<\/p>\n
<h1>Encabezado\u00a0 h1<\/h1>\u00a0\r\n<h2>Encabezado\u00a0 h2<\/h2>\r\n<h3>Encabezado\u00a0 h3<\/h3>\r\n<h4>Encabezado\u00a0 h4<\/h4>\r\n<h5>Encabezado\u00a0 h5<\/h5>\r\n<h6>Encabezado\u00a0 h6<\/h6><\/pre>\n
 <\/p>\n
Todos los encabezados son elementos en bloque. No pueden contener otras etiquetas, excepto etiquetas que identifican texto como un span o strong (tambi\u00e9n llamado contenido de frases, lista completa aqu\u00ed).<\/a><\/p>\n<\/article>\n","protected":false},"excerpt":{"rendered":"
Ahora exploraremos las principales etiquetas HTML que a menudo se utilizan en la etiqueta body…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[178,180],"tags":[],"_links":{"self":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1420"}],"collection":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/comments?post=1420"}],"version-history":[{"count":5,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1420\/revisions"}],"predecessor-version":[{"id":1425,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1420\/revisions\/1425"}],"wp:attachment":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media?parent=1420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/categories?post=1420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/tags?post=1420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}