ETIQUETAS EN HTML

DISEÑO WEB

2023
 ETIQUETAS HTML MÁS COMUNES

1. ETIQUETA DE TEXTO
ETIQUETA QUE ES
<p>Párrafo
<h1> Titulo 1
<h2> Titulo 2
<h3> Titulo3
<h4> Titulo 4
<h5> Titulo 5
<h6> Titulo 6
<strong> Strong
<em> Énfasis
<abbr> Abreviatura
<address> Información de contacto
<bdo> Anular la dirección actual del texto
<blockquote> Contenido de otra fuente
<cite>Título del libro, trabajo o web
<q>Cita online
<code> Visualizar una parte del código de programa
<ins>Texto insertado
<del>Texto borrado del documento
<dfn> Termino definido dentro de una frase
<kbd> Entrada del teclado
<pre> Texto pre formateado
<samp> Muestra de salida de un programa informático
<var> Nombre de variable utilizado en contexto matemático o de
programación
<br> Salto de línea sencillo
<div> división

2. ETIQUETA DE ENLACE
ETIQUETA QUE ES
<a> Etiqueta de anclaje de un enlace
<base> Url base para todas las url relativas dentro del documento
 3. ETIQUETA DE IMAGEN Y OBJETO
ETIQUETA QUE ES
<img> Imagen
<area> Area de un mapa de imagen
<map> Mapa de imagen
<param> Parámetro para un elemento <object>
<object> Insertar un objeto
<ul> Lista desordenada
<ol> Lista ordenada
<li> Lista
<dl> Lista de descripciones
<dt> Termino en la lista de descripciones
<dd> Definición/descripción de un término en la lista de descripciones

4. ETIQUETAS PARA DIVIDIR SECCIONES

Etiqueta Descripción

<section> Sección de contenido temático.

<article> Contenido independiente y autónomo.

<aside> Contenido relacionado pero no central.

<header> Encabezado del contenido o sección.

<footer> Pie de página del contenido o sección.

<nav> Grupo de enlaces de navegación.

<main> Contenido principal del documento.

 5. ETIQUETAS PARA TABLAS

Etiqueta Descripción

<table> Crea una tabla

<caption> Agrega un título a la tabla

<th> Define una celda de encabezado en una tabla

<tr> Define una fila en una tabla

<td> Define una celda en una tabla

<thead> Agrupa el contenido del encabezado en una tabla

<tbody> Agrupa el contenido del cuerpo en una tabla

<tfoot> Agrupa el contenido del pie de página en una tabla

<col> Define las propiedades para una o más columnas de una tabla

<colgroup> Define un grupo de columnas en una tabla

6. ETIQUETAS PARA FORMULARIOS

Etiqueta Descripción

<form> Crea un formulario HTML.

<input> Define un campo de entrada.

<textarea> Define un área de texto para entrada de datos.

<select> Define una lista desplegable.

<option> Define una opción en una lista desplegable.

 <label> Define una etiqueta para un elemento de formulario.

<fieldset> Agrupa elementos de formulario.

<legend> Define una leyenda para un elemento de formulario agrupado.

<button> Define un botón de formulario.

<datalist> Define una lista de opciones predefinidas para un campo de

entrada.

<optgroup> Agrupa opciones en una lista desplegable.

<input type=»radio»> Define un botón de radio.

<input Define una casilla de verificación.

type=»checkbox»>

<input type=»submit»> Define un botón de envío de formulario.

<input type=»reset»> Define un botón para restablecer el formulario.

<input type=»image»> Define una imagen como botón de envío de formulario.

<input type=»hidden»> Define un campo oculto en el formulario.