Etiquetas Fundamentales de HTML para el Desarrollo Web

Clasificado en Informática

Escrito el en español con un tamaño de 2,91 KB

Los Tags Básicos de HTML

Estructura Principal del Documento

  • <HTML></HTML>: Define el inicio y el fin del código HTML.
  • <HEAD></HEAD>: Contiene el encabezado con metadatos e información técnica.
  • <TITLE></TITLE>: Define el título que se muestra en la pestaña del navegador.
  • <BODY></BODY>: Contiene el cuerpo de la página, donde reside el contenido visible.

Organización de Contenido y Texto

  • <HX></HX>: Etiquetas para títulos jerárquicos (donde X representa niveles como 1, 2, 3, 4, etc.).
  • <P></P>: Se utiliza para definir párrafos de texto.
  • <BR>: Realiza un cambio de línea o salto de línea simple.
  • <DIV>: Define una división o capa, permitiendo aplicar propiedades con valor y separar elementos del resto.

Imágenes y Multimedia

Para la inserción de recursos visuales se utilizan las siguientes variantes:

  • <img>: Etiqueta base para imágenes.
  • <img src="url">: Atributo específico para insertar una imagen mediante su dirección.
  • <img src="url" alt="texto alternativo">: Inserta una imagen incluyendo una descripción para accesibilidad y SEO.

Enlaces e Hipervínculos

Texto a convertir a enlace: Permite la navegación hacia otras direcciones URL.

Listas de Elementos

Listas por Viñetas (Desordenadas)

  • <ul>: Apertura y cierre de la lista desordenada.
  • <li>: Elemento individual de la lista.

Listas Numeradas (Ordenadas)

  • <ol>: Apertura y cierre de la lista numerada.
  • <li>: Elemento individual de la lista.

Estructura de Tablas

  • <table></table>: Se utiliza para insertar una tabla completa.
  • <thead></thead>: Define la cabecera de la tabla.
  • <tbody></tbody>: Define el cuerpo principal de la tabla.
  • <tfoot></tfoot>: Define el pie de la tabla.
  • <th></th>: Define una celda de encabezado de tabla.
  • <td></td>: Define una celda de datos de una tabla.
  • <tfoot></tfoot>: Referencia adicional para el pie de tabla.

Formularios y Entrada de Datos

  • <textarea></textarea>: Define un campo de texto multilínea para la entrada de datos del usuario.

Entradas relacionadas: