HTML 5, la última versión del lenguaje estándar utilizado para crear páginas web, trae consigo numerosas características y mejoras. Entre ellas, se encuentran un conjunto de etiquetas que los desarrolladores web pueden utilizar para crear y estructurar el contenido de manera más fácil. En este blog, exploraremos las etiquetas más frecuentemente utilizadas en HTML 5.
- • <html>:
La etiqueta <html> es el elemento raíz de un documento HTML. Envuelve todo el contenido del documento y se utiliza para definir el tipo y la estructura del documento.
- • <head>:
La etiqueta <head> contiene información meta sobre el documento HTML, incluyendo elementos como <title>, <meta>, <link>, y <style>. No se muestra directamente en la página web, pero proporciona información esencial para navegadores y motores de búsqueda.
- • <body>:
La etiqueta <body> encierra el contenido principal del documento HTML. Incluye elementos como texto, imágenes, enlaces, listas y más. Esta es la parte del documento que es visible para los usuarios en un navegador web.
- • <h1> a <h6>:
Estas etiquetas representan niveles de encabezado del 1 al 6, siendo <h1> el nivel más alto y <h6> el más bajo. Se utilizan para definir la jerarquía y la estructura de los encabezados del documento.
- • <p>:
La etiqueta <p> define un párrafo de texto. Se utiliza comúnmente para estructurar y separar bloques de texto en una página web.
- • <a>:
La etiqueta <a> (ancla) se utiliza para crear hipervínculos. Puede enlazar a otras páginas web, recursos o ubicaciones dentro de la misma página.
- • <img>:
La etiqueta <img> se utiliza para incrustar imágenes en una página web. Requiere el atributo src para especificar el archivo de la imagen y el atributo alt para el texto alternativo.
- • <ul>:
La etiqueta <ul> (lista no ordenada) se utiliza para crear una lista con viñetas. Cada elemento de la lista se define utilizando la etiqueta <li>.
- • <ol>:
La etiqueta <ol> (lista ordenada) se utiliza para crear una lista numerada. Al igual que <ul>, también utiliza la etiqueta <li> para cada elemento de la lista.
- • <li>:
La etiqueta <li> se utiliza dentro de <ul> o <ol> para definir elementos individuales de la lista.
- • <table>:
La etiqueta <table> se utiliza para crear una tabla para organizar y mostrar datos. Típicamente incluye <tr>, <th>, y <td> para filas de tabla, encabezados y celdas de datos, respectivamente.
- • <tr>:
La etiqueta <tr> (fila de tabla) define una fila en una tabla HTML. Se utiliza en conjunto con <th> y <td> para estructurar la tabla.
- • <th>:
La etiqueta <th> (encabezado de tabla) define una celda de encabezado en una tabla HTML. Se utiliza típicamente en la primera fila o columna de la tabla para etiquetar el contenido.
- • <td>:
La etiqueta <td> (dato de tabla) define una celda de datos dentro de una tabla HTML. Contiene el contenido real de la tabla.
- • <form>:
La etiqueta <form> se utiliza para crear un formulario HTML que permite a los usuarios ingresar datos. Puede incluir varios elementos de entrada como campos de texto, casillas de verificación, botones de radio y botones.
- • <input>:
La etiqueta <input> se utiliza para crear diferentes tipos de campos de entrada dentro de un formulario, como texto, contraseña, casilla de verificación, botón de radio, etc.
- – <button>:
La etiqueta <button> se utiliza para crear botones clicables en una página web. A menudo se utiliza dentro de formularios para enviar o restablecer los datos del formulario.
- • <div>:
La etiqueta <div> define una división o sección de una página web. Es un contenedor genérico que se utiliza a menudo con fines de estilo o para agrupar y estructurar contenido.
- • <span>:
La etiqueta <span> define una pequeña sección en línea de una página web. Al igual que <div>, a menudo se utiliza con fines de estilo o para aplicar estilos a partes específicas del texto.
- • <br>:
La etiqueta <br> se utiliza para insertar un salto de línea en el texto, forzando que el contenido que sigue a la etiqueta aparezca en la siguiente línea. Es una etiqueta que no requiere una etiqueta de cierre.
Al utilizar estas etiquetas, los desarrolladores web pueden crear sitios web que sean más accesibles, estructurados y visualmente atractivos. Las diferentes etiquetas permiten una mayor flexibilidad en la organización y presentación del contenido, facilitando la navegación y el consumo de información en una página web.
