Existen un montón de etiquetas HTML, pero de ese montón de etiquetas hay unas cuantas que son las más comunes, o las que más usarás a menudo.
Primero que nada aclaro que las etiquetas acá mostradas son etiquetas de contenido, en esta lista se obvian las etiquetas de un documento base HTML
| Etiqueta | Uso |
|---|---|
| <h1>,...<h6> | Etiquetas de título de contenido, la letra h es por heading y el número que le acompaña establece la importancia o nivel del titulo, h1 debería ser usado para el nombre del sitio, h2 para la página actual y h3 en adelante para los títulos de secciones, subsecciones y demás contenido |
| <p> | Paragraph o párrafo, su nombre lo explica todo. |
| <a> | Anchor, sirve para crear un enlace ya sea a un área dentro de la página, una web externa o un recurso cualquiera (archivos, audio, video, etc). |
| <br> | Break o salto de línea. |
| <div> | Division, determina un bloque de contenido que se expande a lo ancho. |
| <span> | Span. también es un bloque pero este no se expande a lo ancho, solo abarca el tamaño justo para que su contenido quepa. |
| <strong> | Strong, Resalta un texto tanto semánticamente como visualmente haciendo que esté en negrilla. |
| <b> | Bold, Establece su contenido en negrilla. |
| <hr> | Horizontal Rule. Dibuja una línea horizontal. |
| <em> | Emphasis, resalta un texto semánticamente y visualmente haciendo que su contenido esté en itálicas. |
| <i> | Italic, Establece su contenido en itálicas. |
| <u> | Underline. Hace que su contenido esté subrayado. |
| <img> | Image, Sirve para mostrar una imagen. |
| <style> | Style. Dentro de esta etiqueta se puede escribir estilos css (más adelante hablaremos de eso 😉) |
| <ul> | Unordered List. Lista de viñetas. |
| <ol> | Ordered List. Lista numerada. |
| <li> | List Item. Este elemento debe estar dentro de una etiqueta <ol> o <ul> como item de viñeta o numerado según el tipo de lista donde se encuentre. |
| <form> | Form. Sirve para agrupar campos dentro de un formulario, esto se usa para poder enviar la información que se capture en dichos campos. |
| <input> | Input. Caja de texto de una línea que sirve para capturar datos, aunque no es obligatorio que se encuentre dentro de un formulario, es lo usual. |
| <textarea> | Text Area. Es una caja de texto de múltiples líneas. |
| <button> | Button. Botón, al presionarlo se puede enviar un formulario, resetear los controles en el mismo o para ejecutar acciones que estén programadas. |
| <label> | Label. Etiqueta de texto que normalmente está asociada a un campo. |
| <table> | Table. Tabla, este contenedor determina el área de la tabla. |
| <tr> | Table Row. Representa la fila de una tabla. |
| <td> | Table Data. Representa una celda dentro de la fila de una tabla |
Con esas etiquetas se puede construir una página web básica, no son todas, pero son de las más usadas. Seguramente pudiste ver que en algunas de las etiquetas mencioné un concepto nuevo: semántica, pues de eso hablaremos en la siguiente entrega.
Así de simple.