Etiquetas de texto HTML

Hola a todos, hoy os explicaré las etiquetas de texto para HTML, estas etiquetas nos ayudarán a estructurar y dar formato nuestro texto en un documento HTML.

A continuación, explicaremos las etiquetas, veremos el código fuente del documento HTML y un ejemplo:

• Párrafo: nos permite estructurar nuestro texto en párrafos. Se utiliza la etiqueta <p> y son de tipo bloque.

Si nos fijamos, hemos colocado dos etiquetas de párrafo juntas para ver su resultado, ya que son elementos de bloque.

• Secciones: nos permite dividir nuestro texto en secciones, para una mayor estructuración. Se utilizan las etiquetas <h1>, <h2>, <h3>, <h4>, <h5> y <h6>, segun el número el más o menos grande, siendo el <h1> el más grande. Es una etiqueta de bloque.

• Negrita: nos permite marcar en negrita partes del texto. Se utilizan las etiquetas <strong> y <b>. Son etiquetas en línea.

• Cursiva: nos permite marcar el texto en cursiva, para realzar importancia sobre el resto del texto. Se utilizan las etiquetas <i> y <em>. Son etiquetas en línea.

•  Subrayado: nos permite subrayar el texto. Se utiliza la etiqueta <ins>. Es una etiqueta de bloque y en línea.

• Tachado: nos permite tachar el texto. Se usa la etiqueta <del>. Es una etiqueta de bloque y en línea.

• Citas: nos permite introducir citas en el texto. Se usa la etiqueta <blockquote> y <cite>. Es una etiqueta de bloque. La diferencia entre <cite> y <blockquote>, es que <cite> marca el autor de la cita y <blockquote> marca el contenido de la propia cita.

• Abreviaturas: nos permite añadir abreaviaturas a palabras del texto. Se utiliza la etiqueta <abbr>. Es una etiqueta en línea. Con el atributo title, indicaremos el significado de la abreviatura.

• Acrónimos: nos permite indicar el significado de los acronimos que aparecen en el texto. Se utiliza la etiqueta <acronym>. Es una etiqueta en línea. Con el atributo title, indicaremos el significado del acrónimo.

• Definiciones: nos permite añadir definiciones en el texto. Se utiliza la etiqueta <dfn>. Es una etiqueta en línea. Con el atributo title, indicaremos el significado de la definición.

• Saltos de línea: nos permite añadir nuevas líneas, que es como pulsar Enter. Se utiliza la etiqueta <br/>. Es una etiqueta en línea. También no hace falta cerrarla, es lo que dice una etiqueta vacía.

• Texto preformateado: nos permite mostrar el texto que encierra tal y como está escrito, respetando los espacios en blanco. Se utiliza la etiqueta <pre>. Es una etiqueta en bloque.

Espero que os sea de ayuda.