I.
Instituto Tecnológico Nacional Campus
Iztapalapa II
Carrera: Tecnologías De La Información Y
Comunicaciones
Materia: Programación Web
Docente: Enrique Martínez Vázquez
Grado:6 Grado: A
Investigación sobre Etiquetas HTML
Alumno: Rojas Mendoza Brayan Alin
Estructura del Documento
<!DOCTYPE html>: Declara el tipo de documento y la versión de HTML utilizada.
<html>: Elemento raíz que engloba todo el contenido del documento.
<head>: Contiene metadatos y enlaces a recursos externos, como hojas de estilo
o scripts.
<title>: Define el título de la página que se muestra en la pestaña del navegador.
<body>: Contiene el contenido visible de la página web.
Secciones y Organización del Contenido
<header>: Define la cabecera de una sección o página, generalmente contiene
logotipos, menús de navegación y títulos.
<nav>: Indica una sección de navegación con enlaces a otras partes del sitio o
páginas relacionadas.
<main>: Contiene el contenido principal del documento, único por página.
<section>: Agrupa contenido relacionado temáticamente.
<article>: Representa una pieza de contenido independiente, como un artículo de
blog o una noticia.
<aside>: Contiene información complementaria o tangencial al contenido principal,
como barras laterales o cuadros de información.
<footer>: Define el pie de página de una sección o documento, suele incluir
información de contacto, derechos de autor o enlaces adicionales.
Encabezados y Párrafos
<h1> a <h6>: Etiquetas de encabezado que definen títulos y subtítulos, desde el
nivel 1 (más importante) hasta el nivel 6 (menos importante).
<p>: Define un párrafo de texto.
Formateo de Texto
<strong>: Resalta texto con énfasis fuerte, generalmente mostrado en negrita.
<em>: Aplica énfasis al texto, usualmente mostrado en cursiva.
<small>: Muestra texto en un tamaño más pequeño.
<mark>: Resalta texto como si estuviera marcado con un resaltador.
<del>: Indica texto que ha sido eliminado o tachado.
<ins>: Representa texto que ha sido insertado o añadido.
<sub>: Muestra texto como subíndice.
<sup>: Muestra texto como superíndice.
Listas
<ul>: Crea una lista desordenada con viñetas.
<ol>: Crea una lista ordenada numerada.
<li>: Define un elemento dentro de una lista.
<dl>: Crea una lista de definiciones.
<dt>: Define un término en una lista de definiciones.
<dd>: Proporciona la descripción o definición de un término en una lista de
definiciones.
Enlaces e Imágenes
<a>: Crea un hipervínculo a otra página o recurso.
<img>: Incorpora una imagen en la página.
<map>: Define un mapa de imagen con áreas clicables.
<area>: Especifica una región dentro de un mapa de imagen.
Tablas
<table>: Crea una tabla.
<caption>: Proporciona un título o leyenda para la tabla.
<thead>: Agrupa el encabezado de una tabla.
<tbody>: Agrupa el cuerpo principal de una tabla.
<tfoot>: Agrupa el pie de una tabla.
<tr>: Define una fila en una tabla.
<th>: Define una celda de encabezado en una tabla.
<td>: Define una celda estándar en una tabla.
Formularios
<form>: Crea un formulario para la entrada de datos del usuario.
<input>: Define un campo de entrada en un formulario.
<textarea>: Crea un área de texto de varias líneas.
<label>: Asocia una etiqueta descriptiva a un elemento de formulario.
<fieldset>: Agrupa elementos relacionados dentro de un formulario.
<legend>: Proporciona un título para un grupo de elementos en un formulario.
<select>: Crea una lista desplegable.
<option>: Define una opción dentro.