Etiquetas HTML

Una etiqueta es un elemento que se utiliza para definir la estructura de una página web, como el título, el cuerpo, los párrafos, las imágenes, etc.

Dependiendo de la finalidad de la etiqueta podemos categorizarlas como:

Etiquetas Estructurales

Definen la estructura básica de tu página web.

Ejemplos

• <html>: Define el documento HTML.
• <head>: Contiene metadatos y configuraciones de la página.
• <body>: Contiene el contenido de toda la página.
• <title>: Define el título de la página que aparece en la pestaña del navegador.

NOTA

Los metadatos son información no visible en tu página como descripciones, títulos o etiquetas que ayudan a los motores de búsqueda a encontrar y clasificar tu sitio web.

Etiquetas Semánticas

Describen el significado de tu contenido.

Ejemplos

• <header>: Define el encabezado de la página.
• <nav>: Define la navegación de la página.
• <main>: Define el contenido principal de la página.
• <section>: Define una sección de la página.
• <article>: Define un artículo de la página.
• <aside>: Define un contenido aside de la página.
• <footer>: Define el pie de página de la página.

Etiquetas de Texto

Describen el contenido de texto de tu página web.

Ejemplos

• <h1> a <h6>: Define títulos y subtítulos.
• <p>: Define un párrafo.
• <br>: Define un salto de línea.
• <strong>: Define un texto en negrita.

Etiquetas de Enlaces

Describen los enlaces de tu página web.

Ejemplos

• <a>: Define un hipervínculo.

Etiquetas de Multimedia

Describen los elementos multimedia de tu página web.

Ejemplos

• <img>: Define una imagen.
• <video>: Define un video.
• <audio>: Define un audio.

Etiquetas de Listas

Describen las listas de tu página web.

Ejemplos

• <ul>: Define una lista desordenada.
• <ol>: Define una lista ordenada.
• <li>: Define un elemento de lista.

Etiquetas de Tablas

Describen las tablas de tu página web.

Ejemplos

• <table>: Define una tabla.
• <tr>: Define una fila de la tabla.
• <td>: Define una celda de la tabla.
• <th>: Define una celda de encabezado de la tabla.

Etiquetas de formularios

Describen los formularios de tu página web.

• <form>: Define un formulario.
• <input>: Define un campo de entrada.
• <button>: Define un botón.

Estos son solo unos pocos ejemplos de las etiquetas más utilizadas en HTML, pero creeme que con estos ya tienes una base sólida para crear tus propias páginas web.

No te vuelvas loco tratando de memorizarlas en este momento, solo necesitas tener una idea de qué existen y saber que puedes buscarlas en la web cuando las necesites.

Un consejo que te doy como desarrollador es: No trates de memorizar absolutamente todo, lo importante es entender cómo funcionan y saber dónde buscar la información que necesitas.

Los videos que generalmente ves en donde batallamos para centrar un texto es real y eso no te hace buen o mal programador, mientras puedas solucionar un problema, estás en el camino correcto aún si buscas un tutorial de como hacerlo.