Scribd
Cargar
159 vistas7 páginas

Etiquetas HTML del INTEC Alseseca

Etiquetas HTML y su significado. Describe las principales etiquetas HTML para estructurar documentos, incluyendo etiquetas para cabeceras, párrafos, enlaces, listas, tablas, formularios y multimedia. Explica los atributos más comunes de cada etiqueta.

Cargado por

fgaby castillo
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
159 vistas7 páginas

Etiquetas HTML del INTEC Alseseca

Etiquetas HTML y su significado. Describe las principales etiquetas HTML para estructurar documentos, incluyendo etiquetas para cabeceras, párrafos, enlaces, listas, tablas, formularios y multimedia. Explica los atributos más comunes de cada etiqueta.

Cargado por

fgaby castillo
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

ETIQUETAS HTML Y SU SIGNIFICADO

INSTITUTO INTEC ALSESECA


PROFESOR:Ing. Fabiola Gabriela Castillo Cancino
GRUPO: Dominical-Matutino-Grupo:1 TEMA:HTML FECHA: 30 de Julio de 2023

Etiquetas para la base del documento


Etiqueta Descripción Atributos

<!DOCTYPE> Tipo de documento HTML. –

<html> Documento HTML. lang

<head> Información sobre el documento HTML. –

<body> Define el cuerpo del documento. –

<title> Título del documento. –

<meta> Metadatos del documento HTML. charset, name, content

<base> Define la URL base para todas las URL relativas href, target
en un documento.

<link> Conecta un documento HTML con una hoja de href, rel, type
estilo externa.

<style> Define información de estilo para un documento type, media


HTML.

<details> Define detalles adicionales que el usuario puede –


ver o esconder.

<summary> Encabezado visible para el elemento <details>. –

<!– –> Permite escribir un comentario. –


Etiquetas necesarias para dividir secciones
Etiqueta Descripción Atributos

<div> Contenedor genérico de secció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. –

Etiquetas para crear textos


Etiqueta Descripción Atributos

<p> Define un párrafo align

<h1> – <h6> Define encabezados de distintos tamaños align

<hgroup> Grupo de encabezado (<h1> a <h6>) –

<a> Define un enlace href, target, download,


rel, type, hreflang,
accesskey, tabindex

<strong> Define texto en negrita –

<em> Define texto enfatizado –

<u> Define texto subrayado –


<del> Define texto tachado –

<sup> Define texto sobrescrito –

<sub> Define texto subíndice –

<blockquote> Define una cita larga cite

<q> Define una cita corta cite

<pre> Define un bloque de texto preformateado –

<abbr> Define una abreviatura title

<address> Define información de contacto –

<cite> Define un título de trabajo –

<bdo> Define la dirección del texto dir

<mark> Define el texto resaltado –

<span> Incluye texto en línea

<small> Define el texto pequeño –

<time> Define una fecha/hora datetime

<var> Define una variable en el texto –

<dfn> Define el término de una definición –

<bdi> Aísla una parte del texto para que tenga un –


formato diferente

<br> Salto de línea –

<wbr> Define un posible salto de linea –

<hr> Cambio de temática a partir de una línea –


dibujada
Etiquetas para listas
Etiqueta Descripción Atributos

<ul> Una lista desordenada. type, start, reversed

<ol> Una lista ordenada. type, start, reversed

<li> Un elemento de lista dentro de una lista value


desordenada o ordenada.

<dl> Una lista de definición. –

<dt> Un término (un nombre o un concepto) dentro de –


una lista de definición.

<dd> La definición (el significado o la descripción) de –


un término dentro de una lista de definición.

Etiquetas para tablas


Etiqueta Descripción Atributos

<table> Crea una tabla border, cellpadding,


cellspacing, width

<caption> Agrega un título a la tabla –

<th> Define una celda de encabezado en una tabla colspan, rowspan

<tr> Define una fila en una tabla –

<td> Define una celda en una tabla colspan, rowspan

<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 span
columnas de una tabla

<colgroup> Define un grupo de columnas en una tabla span

Etiquetas para multimedia y scripts


Etiqueta Descripción Atributos

<script> Define un script en JavaScript u otro lenguaje de src, type, async, defer,
script crossorigin

<noscript> Define un contenido alternativo para Ninguno


navegadores que no admiten scripts

<canvas> Define un área para gráficos dinámicos y width, height


dibujos, utilizando scripts (por ejemplo,
JavaScript)

<audio> Define un archivo de sonido o música, que se src, preload, autoplay,


reproduce cuando se carga la página web loop, controls

<video> Define un archivo de video, que se reproduce src, width, height,


cuando se carga la página web poster, preload,
autoplay, loop, controls

<source> Define múltiples recursos de medios para src, type, media


elementos multimedia como audio y video

<track> Define un texto de título o subtítulo para src, srclang, label,


elementos multimedia como audio y video default

<iframe> Define un marco en línea en el que se puede src, width, height,


cargar una página web diferente frameborder, scrolling

<embed> Define un contenido integrado, como un plugin de src, type, width, height
Flash

<object> Define un objeto incrustado en un documento data, type, width,


HTML, como una imagen, un video o un archivo height, name
de audio

<param> Define un parámetro para un objeto name, value


<map> Define una imagen como un mapa de imagen name

<area> Define una región de un mapa de imagen shape, coords, href, alt

<progress> Define una barra de progreso para tareas value, max


largas en curso, como descargas o carga de
archivos

<meter> Define un valor escalar dentro de un rango value, min, max, low,
conocido o un valor fraccional high, optimum

<code> Define un fragmento de código de computadora Ninguno

<kbd> Define texto de teclado Ninguno

<samp> Define la salida de una muestra o ejemplo de un Ninguno


programa de computadora

<var> Define una variable en un contexto de Ninguno


computadora

Etiquetas para formularios


Etiqueta Descripción Atributos

<form> Crea un formulario HTML. action, method, target

<input> Define un campo de entrada. type, name, value,


placeholder, required,
autofocus, disabled

<textarea> Define un área de texto para entrada de datos. name, rows, cols,
placeholder, required,
autofocus, disabled

<select> Define una lista desplegable. name, multiple, size,


required, autofocus,
disabled

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


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

<fieldset> Agrupa elementos de formulario. –

<legend> Define una leyenda para un elemento de –


formulario agrupado.

<button> Define un botón de formulario. type, name, value,


autofocus, disabled

<datalist> Define una lista de opciones predefinidas para id


un campo de entrada.

<optgroup> Agrupa opciones en una lista desplegable. label, disabled

<input Define un botón de radio. name, value, checked,


type=»radio»> required, autofocus,
disabled

<input Define una casilla de verificación. name, value, checked,


type=»checkbo required, autofocus,
x»> disabled

<input Define un botón de envío de formulario. name, value, formaction,


type=»submit» formmethod,
> formtarget,
formenctype, autofocus,
disabled

<input Define un botón para restablecer el formulario. –


type=»reset»>

<input Define una imagen como botón de envío de src, alt, name, value,
type=»image»> formulario. formaction, formmethod,
formtarget,
formenctype, autofocus,
disabled

<input Define un campo oculto en el formulario. name, value


type=»hidden»
>

También podría gustarte