NOMBRE : DANIEL DE ANDA URBIETA
NO. CONTROL : 211090007
TEMA : TAREA 12 UNIDAD 1
TRABAJO A REALIZAR: LISTADO DE ETIQUETAS HTML
FECHA : 03 / 04 / 2024
ESCUELA : TECNOLOGICO NACIONAL DE MEXICO CAMPUS IZTAPALAPA
II
PROFESOR: ENRIQUE MARTINEZ VAZQUEZ
SEMESTRE : ENERO – JUNIO 2024
Etiqueta Como Se Describen Para Que Sirven
<!--...--> Cualquier texto o código dentro de estos Define un comentario
delimitadores no será interpretado ni
mostrado en el navegador, pero será
visible al inspeccionar el código fuente
<!DOCTYPE> informa al navegador qué versión de HTML Define el tipo de docuemento
(o XML) se usó para escribir el documento
<a> crea un enlace a otras páginas de internet, Define un hipervínculo
archivos o ubicaciones dentro de la misma
página, direcciones de correo, o cualquier
otra URL
<abbr> Representa una abreviación o acrónimo; el Define una abreviación
atributo opcional title puede ampliar o
describir la abreviatura. Si está presente, el
atributo title debe contener la descripción
completa y nada más
<address> se utiliza para representar información de Define la información de
contacto relacionada con el contenido de contacto del autor / propietario
una página web o una sección específica del documento
dentro de ella
<area> define un área dentro de un mapa de Define un área dentro de un
imagen que tiene áreas cliqueables mapa de imagen
predefinidas
<article> utilizada para definir un contenido Define un artículo
autónomo y de importancia en una página
web. Por ejemplo, una entrada de blog,
una revisión, una publicación en un foro,
etc.
<aside> representa una sección de una página que Define el contenido lateral del
consiste en contenido que está contenedor de una página
indirectamente relacionado con el
contenido principal del documento
<audio> se usa para insertar contenido de audio en Define contenido de sonido
un documento HTML o XHTML. El
elemento audio se agregó como parte de
HTML 5. Nota: actualmente Gecko admite
solamente Vorbis, en contenedores Ogg,
así como formato WAV.
<b> el texto debe ser representado con una Define texto en negrita
variable bold, o negrita,de la tipografía que
se esté usando. Sus etiquetas son: <b> y
</b> (Ambas obligatorias). Crea una caja:
en línea. Está definido como: Elemento de
estilo de fuente y por lo tanto en línea.
<base> especifica la dirección URL base que se Especifica la base donde se
utilizará para todas las direcciones URL abrirán todas las URL del
relativas contenidas dentro de un documento
documento.
<bdi> aisla un trozo de texto para que pueda ser Aísla una parte del texto que
formateado con una dirección diferente al puede tener un formato diferente
texto que hay fuera de él. del texto externo
<bdo> especifica la dirección del contenido que Sobreescribe la dirección del
se muestra en el navegador de izquierda a texto
derecha o de derecha a izquierda.
<blockquote> marca las citas a otros autores o Define una sección que tiene otra
documentos fuente
<body> Indica la parte del cuerpo del contenido de Define el cuerpo del documento
un documento HTML
<br> útil para escribir un poema o una dirección, Define un salto de línea
donde la división de las líneas es
significante.
<button> Se describe como elemento dentro de una Define un botón clickeable
caja y esta definido como elemento de
control dentro de un formulario
<canvas> Se decribe como simplemente un bitman Se usa para dibujar gráficos en
que no provee ninguna información pantalla
adicional sobre los elementos que tiene
dibujado
<caption> Se describe como la creación de caja y se Define el título de una tabla
define como elemento para las tablas
<cite> Marca una referencia a una fuente, o el Define el título de un trabajo
autor de un texto citado. Está definido
como: Elemento de frase, y por lo tanto en
línea
<code> Se describe para mostrar texto que debe Define un trozo de código de
ser interpretado como código informático programación
<col> Se describe para especificar propiedades Especifica las propiedades de la
para una columna o un grupo de ellas. columna para cada columna del
elemento <colgroup>
<colgroup> Se describe y puede ser útil cuando se Especifica un grupo de una o
quieren aplicar estilos y comportamientos más columnas de una tabla
similares a varias columnas de una tabla.
<command> situa dentro de una etiqueta menu. Define un botón command al que
un usuario puede invocar
<datalist> Se describe para crear una lista de Especifica en un input una lista
opciones predefinidas que se muestran pre-definida de opciones
como sugerencia en los controles del
elemento <input>
<dd> provee detalles acerca de o la definición de Define la descripción de un ítem
un término precedente ( <dt> ) en una lista en una lista de definición
de descripciones ( <dl> )
<del> ayuda a poder crear un enlace a una Define un texto que ha sido
página web definido en un Mdocument
<details> usado como un widget de revelación a Define detalles adicionales que el
través del cual el usuario puede obtener usuario puede ver o esconder
información adicional
<dfn> Se puede describir para para marcar el Define el término de una
término que se quiere definir definición
<dialog> presenta una parte del documento Define una caja o ventana de
pensada para la interacción con el usuario dialogo
<div> define las divisiones lógicas existentes en Define una sección en un
el contenido de una página web documento
<dl> Esta lista se compone de una serie de Define una lista de definición
términos y sus definiciones
correspondientes. Aquí, <dt> representa
un término en la lista de definición, y <dd>
representa la definición correspondiente.
<dt> Esta etiqueta se utiliza junto con la etiqueta Define un término (un ítem) en
<dl> (lista de definición) y la etiqueta <dd> una lista de definición
(definición).
<em> <em> se describe para enfatizar el texto en Define énfasis en un texto
una página web. El texto enfatizado se
puede mostrar en cursiva o en negrita,
dependiendo del estilo de la página web
<embed> a etiqueta <embed> en HTML se describe Define el contenedor de una
para incrustar contenido externo en una aplicación externa (no html)
página web o en cualquier documento
HTML. Los usos más comunes de esta
etiqueta son: Incrustar elementos, como
por ejemplo vídeo y audio. Incrustar
documentos PDF
<fieldset> El elemento fieldset (grupo de campos) Grupo de elementos relacionados
permite organizar en grupos los campos de en un formulario
un formulario.
Sus etiquetas son: <fieldset> y </fieldset>
(ambas obligatorias).
Crea una caja: en bloque.
Está definido como: Elemento en bloque.
<figcaption> <figcaption> representa un subtítulo o Define el título para una figura
leyenda asociado al contenido del <figure>
elemento padre <figure> , pudiendo ser
colocado como primer o último hijo. Es
importante destacar que el elemento
<figcaption> es opcional.
<figure> Figure <figure><img /> </figure> esta Especifica auto-contenido
etiqueta describe y permite almacenar una
imagen en su interior. Es una mejor
práctica comparada con usar solamente un
contenedor div
<footer> El Elemento HTML Footer ( <footer> ) Define el pie de página de un
representa un pie de página para el documento
contenido de sección más cercano o el
elemento raíz de sección (p.e, su ancestro
mas cercano <article> , <aside> , <nav> ,
<section> , <blockquote> , <body> ,
<details> , <fieldset> , <figure> , <td> ).
<form> representa un formulario. En este Define un formulario html
formulario se agregan los diferentes
campos de entrada de datos o de
confirmación, así como los botones, que
como mínimo ha de haber uno, el de
envío. También pueden agregarse más
botones como el de Restablecer que pone
el formulario en blanco.
<h1> a <h6> El uso de esta etiqueta formateará Define encabezados o títulos
cualquier texto entre la etiqueta <h> de
apertura y la etiqueta </h> de cierre como
un Título o subtítulo, desde el mas grande
hasta el mas chico
<head> HEAD reside información acerca del Define información hacerca del
documento, y generalmente no se ve documento
cuando se navega por él. En la HEAD se
pone el elemento lleno <TITLE> que es
una breve descripción que identifica la
página.
<header> (<header>) representa un grupo de ayudas Define la sección de encabezado
introductorias o de navegación. Puede del docuemnto
contener algunos elementos de
encabezado, así como también un logo, un
formulario de búsqueda, un nombre de
autor y otros componentes.
<hgroup> (<hgroup>) representa el encabezado de Grupo de encabezado (<h1> a
una sección. Define un solo título que <6>)
participa de la estructura del documento
como el encabezado de la sección
implícita o explícita a la que pertenece.
<hr> <hr> representa un cambio de tema entre Define un cámbio de temática a
párrafos (por ejemplo, un cambio de partir de una línea dibujada
escena en una historia, un cambio de tema
en una sección).
<html> ayuda a poder crear un enlace a una Define la raíz del documento
página web. El atributo principal de la
etiqueta HTML es href, donde pondremos
el enlace al que queremos conectar. Otro
atributo muy usado es target, el cual nos
sirve para indicar si el enlace se abrirá en
una nueva ventana o en la misma.
<i> Muestra el texto marcado con un estilo en Define una parte del texto de
cursiva o italica. Crea una caja: en linea. modo alternativo
Está definido como: Elemento de estilo de
fuente.
<iframe> marco (frame) dentro de un marco, Define un frame en línea
componente de un elemento HTML que
permite incrustar documentos, videos y
medios interactivos dentro de una página.
Al hacer esto, puedes mostrar una página
web secundaria en su página principal.
<img> <img>: El elemento incrustado de imagen. Define una imagen
El elemento de imagen HTML <img>
representa una imagen en el documento.
Nota: Los navegadores no siempre
muestran la imagen a la que el elemento
hace referencia.
<input> Se describe para crear controles Define un control de entrada de
interactivos para formularios basados en la texto
web con el fin de recibir datos del usuario.
Hay disponible una amplia variedad de
tipos de datos de entrada y widgets de
control, que dependen del dispositivo y el
agente de usuario (user agent (en-US)
<ins> La etiqueta ins utiliza atributos de datos Define texto que ha sido
HTML. Estos atributos se transforman en insertado en un documento
los parámetros de anuncio
correspondientes en el navegador.
Designa adi o adj para la etiqueta en
función de si es iframe o JavaScript. El
modo de renderizado es "iframe" o
"secuencia de comandos".
<kbd> kbd representa una entrada del usuario Define entrada del teclado
que puede ser hecha por teclado o
cualquier otro medio, como mouse,
pantalla táctil o comandos de voz. Cuando
el elemento samp contiene al elemento
kbd , representa una salida de un
programa que incluye un comando o texto
que fue ingresado por el usuario.
<keygen> keygen representa un campo para la Define un campo generador de
generación de llaves criptográficas. Este claves para formularios
elemento es nuevo en HTML 5 y ha sido
diseñado para ayudar en la generación de
llaves usadas en la construcción de
certificados firmados digitalmente.
<label> añade una leyenda o etiqueta explicativa a Define el rótulo para un elemento
elementos como, por ejemplo, campos de <input>
entrada, botones o casillas de verificación.
<legend> El elemento <legend> (leyenda) crea un Define un título para los
título para un grupos los campos ( elementos <fieldset>, <figure>,
<fieldset> ) de un formulario. Sus etiquetas <details>
son: <legend> y </legend> (ambas
obligatorias).
<li> El elemento li del ingles item list o Define un ítem de una lista
elemento de lista declara cada uno de los
elementos de una lista. Sus etiquetas son:
<li> y </li> (la de cierre es opcional).
<link> link (que crea lo que se conoce como Define la relación entre un
"hiperenlace") es una etiqueta que documento y un recurso externo
normalmente enlaza externamente (a otra (generalmente con hojas de
página o documento en una web diferente) estilo)
o internamente (a otros recursos en tu
web).
<map> <map> en HTML es utilizada y se describe Define un mapa de imagen del
para crear un mapa de imágenes, que cliente
permite definir zonas de una imagen que
pueden ser enlazadas a otras páginas web
o a otras partes de la misma página. Es un
elemento de bloque que permite asociar un
conjunto de etiquetas <area> con una
imagen específica.
<mark> Mark representa un texto marcado o Define texto resaltado o marcado
resaltado como referencia o anotación,
debido a su relevancia o importancia
<menu> <menu> se describe en la especificación Define la lista de un menú
HTML como una alternativa semántica a
<ul> , pero los navegadores lo tratan (y lo
exponen a través del árbol de
accesibilidad) como no diferente de <ul> .
<meta> utiliza para describir elementos HTML y Define un metadato de un
comunicar el contenido de un sitio web documento
para los motores de búsqueda.
<meter> <meter> nos permite la creación y describe Define una medida escalar en un
la creacion de medidores que permitan rango conocido
mostrar el nivel o escala de un cierto valor.
<nav> <nav> representa una sección de una Define un link de navegación
página cuyo propósito es proporcionar
enlaces de navegación, ya sea dentro del
documento actual o a otros documentos
<noscript> La llamada etiqueta NoScript se puede Define un contenido alternativo
insertar en la sección <head>- o <body>- para los usuarios que no
de un documento HTML. Contiene soportan scripts del cliente
contenido que es mostrado por un
navegador que tiene JavaScript
desactivado, o que no puede leer esos
elementos. El <noscript>- usualmente
contiene texto simple.
<objet> <object> representa un recurso externo, Define un objeto embebido
que puede ser tratado como una imagen,
un contexto de navegación anidado, o
como un recurso que debe ser manejado
por un plugin.
<ol> permite definir listas o viñetas ordenadas Define una lista ordenada
("Ordered List"), bien con numeración o
alfabéticamente
<optgroup> <optgroup> en HTML5 es utilizada para Define un grupo de opciones
agrupar opciones relacionadas dentro de relacionadas en una lista
una lista desplegable (elemento <select>). desplegable
La etiqueta <optgroup> tiene un atributo
obligatorio “label” el cual es usado para
especificar el título o títulos del grupo.
<option> <option> se describe para representar un Define una opción en una lista
item dentro de un <select> , un <optgroup> desplegable
(en-US) o un elemento HTML5 <datalist> .
Texto con, eventualmente, caracteres
especiales (como é ).
<output> <output> se describe como un elemento en Define el resultado de un cálculo
el que se inyecta el resultado de un cálculo
después de la acción del usuario. This Pen
is owned by jorgecaster on CodePen.
<p> el apropiado para distribuir el texto en Define un párrafo
párrafos. Sus etiquetas son: <p> y </p> (la
de cierre es opcional). Crea una caja: en
bloque. Está definido como: Elemento de
frase.
<param> utilizada para especificar parámetros para Define un parámetro para un
objetos insertados en una página web objeto
mediante la etiqueta <object>. Se utiliza
dentro de un elemento <object> y permite
configurar opciones adicionales para el
contenido multimedia u objeto insertado.
<pre> representa texto preformateado. El texto Define texto pre-formateado
en este elemento típicamente se muestra
en una fuente fija, no proporcional,
exactamente como es mostrado en el
archivo. Los espacios dentro de este
elemento también son mostrados como
están escritos.
<progress> Se describe y utiliza para visualizar el Representa el progreso de una
progreso de una tarea. Aunque los detalles tarea en una barra
de como se muestran depende
directamente del navegador que utiliza el
cliente, aunque básicamente aparece una
barra de progreso.
<q> etiqueta de formato de texto que se utiliza Define una cita corta
para indicar una cita corta o un fragmento
de texto citado dentro de un párrafo.
Cuando se usa la etiqueta <q>, el texto
dentro de ella se mostrará con comillas
dobles ( » » ) en la mayoría de los
navegadores web.
<rp> <rp> define y describe el contenido que se Define que debe mostrar en
mostrará antes y después del contenido navegadores que no soportan
ruby, es decir, antes y después de la scripts de ruby
pronunciación o explicación de un texto en
otro idioma. La etiqueta <ruby> se utiliza
para anotar texto con una pronunciación o
explicación en otro idioma.
<rt> etiqueta de formato de texto que se utiliza Define una pronunciación de
junto con la etiqueta <ruby> para indicar la caracteres
pronunciación o explicación de un texto en
otro idioma. La etiqueta <rt> define el
contenido que se mostrará como la
pronunciación o explicación del texto
anotado con la etiqueta <ruby>.
<ruby> etiqueta de formato de texto que se utiliza Define una notación de ruby
para anotar texto con una pronunciación o
explicación en otro idioma. La etiqueta
<ruby> define el contenido que se
mostrará como el texto anotado y la
pronunciación o explicación del mismo.
<s> Muestra el texto tachado con una linea Define texto que no es correcto
horizontal. Crea una caja: en linea. Está
definido como:Elemento de estilo de
fuente.
<samp> Describe y utiliza para incluir texto en línea Define un ejemplo de salida de
que representa una muestra (o cita) de la un programa
salida de un programa de ordenador
<script> Se describe y utiliza para insertar o hacer Define un script del lado cliente
referencia a un script ejecutable dentro de
un documento HTML o XHTML.
<section> El elemento de HTML <section> Define una sección de un
representa una sección genérica documento
independiente de un documento, que no
tiene un elemento semántico más
específico para representarla. Las
secciones siempre deben tener un título,
con muy pocas excepciones.
<select> select ( <select> ) de HTML representa un Define un drop-down list
control que muestra un menú de opciones.
Las opciones contenidas en el menú son
representadas por elementos <option> ,
los cuales pueden ser agrupados por
elementos <optgroup> (en-US). La opcion
puede estar preseleccionada por el usuario
<small> <small> hace el tamaño del texto una talla Define texto pequeño
más pequeña (por ejemplo, de largo a
mediano, o de pequeño a extra pequeño)
que el tamaño mínimo de fuente del
navegador.
<source> <source> especifica recursos de medios Define los recursos para
múltiples para los elementos <picture> , elementos multimedia
<audio> , o <video> . Es un elemento
vacío. Normalmente se utiliza para servir el
mismo contenido multimedia en varios
formatos soportados por diferentes
navegadores (en-US).
<span> elemento contenedor en línea genérico. Define una pequeña sección de
Las etiquetas span generalmente un documento
envuelven secciones de texto con fines de
estilo o para agregar atributos a una
sección de texto sin crear una nueva línea
de contenido.
<strong> El elemento strong se describe como el Define un texto en negrita
apropiado para marcar con especial
énfasis las partes más importantes de un
texto. Crea una caja: en linea. Está
definido como: Elemento de frase.
<style> permite definir cómo se ven algunos Define un estilo para la
elementos de una página web. Esta información de un documento
etiqueta se integra en el encabezado antes
de los posibles scripts e integra estilos
globales de CSS. Por eso es compatible
con varios atributos HTML
<sub> <sub> define un fragmento de texto que se Define un texto que es subíndice
debe mostrar, por razones tipográficas,
más bajo, y generalmente más pequeño,
que el tramo principal del texto, es decir,
en subíndice.
<summary> El elemento summary representa un Define un encabezado visible
resumen, título o etiqueta para los para el elemento <details>
contenidos de un elemento details . La
descripción provista por este elemento
será mostrada encima de los contenidos
del elemento details para el cual ha sido
declarado. El soporte provisto por los
navegadores para details y summary es
incompleto.
<sup> <sup> define un fragmento de texto que se Define un texto que es
debe mostrar, por razones tipográficas, superíndice
más alto, y generalmente más pequeño,
que el tramo principal del texto, es decir,
en superíndice.
<table> las etiquetas <table> y </table>. En ella se Define una tabla
incluyen dos etiquetas importantes: <tr>,
que es para crear filas de tablas y <td>,
para crear celdas de datos. Todo lo que
esté dentro de ambas etiquetas es el
contenido de la celda de la tabla.
<tbody> <tbody> de HTML se describe para utilizar Define el cuerpo de una tabla
para agrupar el contenido de una tabla que
representa el cuerpo de la tabla.
<td> ( <td> ) define y describe la celda de una Define una celda en una tabla
tabla que contiene datos. Esta participa en
el modelo de tablas.
<textarea> <textarea> representa un control para la Define un control de entrada de
edición mutilínea de texto sin formato. múltiples líneas
<tfoot> <tfoot> en HTML se describe para utilizar Agrupa los footer contenidos en
para definir un pie de tabla. El contenido una tabla
dentro de esta etiqueta se mostrará en una
fila o conjunto de filas al final de la tabla.
Es comúnmente utilizado para mostrar
subtotales, totales o una leyenda de la
tabla.
<th> <th> define una celda como encabezado Define una celda de encabezado
de un grupo de celdas en una tabla. La en una tabla
naturaleza exacta de este grupo está
definida por los atributos scope y headers
<thead> El elemento thead contiene a un bloque de Agrupa los encabezados de una
filas ( tr ) que representa a la sección de tabla
encabezado de una tabla ( table ), donde
las celdas de encabezado ( th ) son
encontradas habitualemnte. Este elemento
puede ser útil para especificar qué filas
proveen información de encabezado para
el resto de la tabla.
<time> <time> representa un periodo específico Define fecha / hora
en el tiempo. Puede incluir el atributo
datetime para convertir las fechas en un
formato interno legible por un ordenador,
permitiendo mejores resultados en los
motores de búsqueda o características
personalizadas como recordatorios.
<title> <title> HTML define el título del documento Define un título para el
que se muestra en un browser la barra de documento
título o la pestaña de una página. Solo
contiene texto; las etiquetas dentro del
elemento se ignoran.
<tr> El elemento tr representa a una fila de una Define una fila en una tabla
tabla ( table ). En HTML , las tablas están
formadas por un conjunto de filas donde
cada una contiene a un número de celdas.
Por lo tanto, este elemento se encuentra
habitualemente conteniendo a una o más
celdas, que pueden ser de encabezado ( th
) o de datos ( td ).
<track> <track>: El elemento pista de texto Define texto de la pista para
incrustado. El elemento HTML <track> se elementos multimedia (vídeo y
utiliza como elemento hijo de los audio)
elementos multimedia, <audio> y <video>
<ul> herramienta esencial para crear listas Define una lista desordenada
desordenadas en un documento web. Se
utiliza para presentar una serie de
elementos relacionados que no tienen un
orden específico.
<var> utiliza para indicar una variable en una Define una variable
expresión matemática o en un contexto de
programación dentro de un documento
HTML.
<video> El elemento video se describe para Define un vídeo o película
incrustar vídeos en un documento HTML o
XHTML. Para obtener una lista de
formatos compatibles, consulta Formatos
multimedia admitidos por los elementos de
audio y vídeo .
<wbr> La etiqueta <wbr> de HTML5 no tiene Define un posible salto de linea
atributos específicos o principales propios.
Es una etiqueta vacía que simplemente se
utiliza para indicar un posible punto de
quiebre de palabras dentro de un texto. No
se le asignan atributos para modificar su
comportamiento, como sí ocurre con otras
etiquetas de HTML5.
REFERENCIAS BIBLIOGRAFICAS
Etiquetas HTML5. (
14d. C., febrero 4). Etiquetas HTML5. Recuperado 3 de abril de 2024, de https://www.brandominus.com/manuales/manual_html5.pdf
(Etiquetas HTML5, 14d. C.)
Idevik, X. (2021, 25 octubre). ¿Qué es una etiqueta HTML y cuáles son las más importantes? Thinking For Innovation.
https://www.iebschool.com/blog/que-es-etiqueta-html-analitica-usabilidad/
(Idevik, 2021)
Varangouli, E. (2023, 20 enero). Lista de tags HTML: hoja de trucos HTML. ¿Qué son y para qué sirven? Semrush Blog.
https://es.semrush.com/blog/lista-de-html-tags/
(Varangouli, 2023)
Coppola, M. (2023, 28 julio). Etiquetas de HTML: qué son, para qué sirven y tipos principales. Etiquetas Html.
https://blog.hubspot.es/website/etiquetas-html
(Coppola, 2023)
