HTML Para usuarios de WordPress

HTML es el lenguaje sobre el que esta construida toda la web.

Cómo vimos en el articulo titulado ¿Qué es el texto plano? un texto plano no tiene tamaños, ni negritas, ni colores, ni imágenes, ni videos ¿Entonces como se logran webs como YouTube o Instagram?

En HTML ocupamos un cosa que se llama etiqueta para diferenciar los títulos de los párrafos, de las imágenes, de los videos y así con todo lo que te puedas imaginar.

Los elementos en HTML se envuelven en etiquetas de apertura y etiquetas de cierre, las etiquetas de apertura se escriben así:

<etiqueta> //etiqueta de apertura
</etiqueta> //etiqueta de cierre

Como se puede ver, la principal diferencia entre una etiqueta de apertura y una etiqueta de cierre es que la etiqueta de cierre lleva el signo backslash “/”

Luego, justo en medio de la etiqueta de apertura y la etiqueta de cierre escribimos nuestro contenido.

<etiqueta> Aquí va mi texto </etiqueta>

A continuación les muestro las principales etiquetas HTML que deberia conocer un usuario de WordPress:

Títulos

  • <h1></h1> // Título principal
  • <h2></h2> // Título secundario
  • <h3></h3> // Título terciario
  • <h4></h4>
  • <h5></h5>
  • <h6></h6>

Párrafos

  • <p></p> // Párrafos
  • <a></a> // Enlace a otra página
  • <strong></strong> // negritas - sirven para destacar un contenido importante en todo el párrafo.
  • <em></em> // cursivas - sirven para destacar un contenido importante en todo el párrafo.
  • <span></span> // Sirven para separar un contenido del párrafo de todo el párrafo.

Multimedia

  • <img/>
  • <audio/>
  • <video/>

Ejemplo:

Conceptos básicos de HTML - Aprende sobre desarrollo web | MDN

¿Quiere aprender más? Vea el siguiente video…

Leave a Comment

Su dirección de correo no se hará público. Los campos requeridos están marcados *

Scroll to Top