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.

etiqueta parrafo

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.

secciones html

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

negrita html

  • 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.

cursiva html

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

subrayado html

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

tachar html

  • 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.

citas html

  • 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.

abbr html

  • 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.

acronimo hml

  • 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.

definicion html

  • 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.

saltos de lineas html

  • 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.

texto preformateado

Espero que os sea de ayuda.

Etiquetas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *