El documento describe los elementos HTML más comunes y sus funciones. Define elementos para la estructura básica del documento como <html>, <head> y <body>. También describe elementos para dividir el contenido en secciones, agrupar texto y medios, y proporcionar semántica a nivel de texto. Además, explica elementos para tablas de datos, formularios y contenido incrustado.
0 calificaciones0% encontró este documento útil (0 votos)
162 vistas19 páginas
El documento describe los elementos HTML más comunes y sus funciones. Define elementos para la estructura básica del documento como <html>, <head> y <body>. También describe elementos para dividir el contenido en secciones, agrupar texto y medios, y proporcionar semántica a nivel de texto. Además, explica elementos para tablas de datos, formularios y contenido incrustado.
El documento describe los elementos HTML más comunes y sus funciones. Define elementos para la estructura básica del documento como <html>, <head> y <body>. También describe elementos para dividir el contenido en secciones, agrupar texto y medios, y proporcionar semántica a nivel de texto. Además, explica elementos para tablas de datos, formularios y contenido incrustado.
El documento describe los elementos HTML más comunes y sus funciones. Define elementos para la estructura básica del documento como <html>, <head> y <body>. También describe elementos para dividir el contenido en secciones, agrupar texto y medios, y proporcionar semántica a nivel de texto. Además, explica elementos para tablas de datos, formularios y contenido incrustado.
Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
Descargar como docx, pdf o txt
Está en la página 1/ 19
Elemento raz
Element o
Descripcin
<html>
Representa la raz de un documento HTML o XHTML. Todos los dems
elementos deben ser descendientes de este elemento.
Metadatos del documento
Element o
Descripcin
<head>
Representa una coleccin de metadatos acerca del documento, incluyendo
enlaces a, o definiciones de, scripts y hojas de estilo.
<title>
Define el ttulo del documento, el cual se muestra en la barra de ttulo del
navegador o en las pestaas de pgina. Solamente puede contener texto y cualquier otra etiqueta contenida no ser interpretada.
<base>
Define la URL base para las URLs relativas en la pgina.
<link>
Usada para enlazar JavaScript y CSS externos con el documento HTML actual.
<meta> <style>
Define los metadatos que no pueden ser definidos usando otro elemento HTML. Etiqueta de estilo usada para escribir CSS en lnea.
Scripting Elemento <script>
Descripcin Define ya sea un script interno o un enlace hacia un script externo. El lenguaje de programacin es JavaScript
<noscript
Define una contenido alternativo a mostrar cuando el navegador no soporta
>
scripting.
Secciones Elemento
Descripcin
<body>
Representa el contenido principal de un documento
HTML. Solo hay un elemento <body> en un documento.
Elemento
Descripcin Define una seccin en un documento.
<section>
<nav>
Define una seccin que solamente contiene enlaces de
navegacin
<article>
Define contenido autnomo que podra existir
independientemente del resto del contenido. Define algunos contenidos vagamente relacionados con el resto del contenido de la pgina. Si es removido, el
<aside>
contenido restante seguir teniendo sentido
<h1>,<h2>,<h3>,<h4>,<h5 >,<h6>
Los elemento de cabecera implementan seis niveles de
cabeceras de documentos; <h1> es la de mayor y <h6> es la de menor impotancia. Un elemento de cabecera describe brevemente el tema de la seccin que introduce. Define la cabecera de una pgina o seccin. Usualmente contiene un logotipo, el ttulo del sitio Web
<header>
y una tabla de navegacin de contenidos.
Define el pie de una pgina o seccin. Usualmente contiene un mensaje de derechos de autora, algunos enlaces a informacin legal o direcciones para dar
<footer>
informacin de retroalimentacin. Define una seccin que contiene informacin de
<address>
contacto. Define el contenido principal o importante en el documento. Solamente existe un elemento <main> en
<main>
el documento.
Agrupacin de Contenido Elemento
Descripcin
<p>
Define una parte que debe mostrarse como un prrafo.
<hr>
Representa un quiebre temtico entre parrafos de una seccin o
articulo o cualquier contenido.
Elemento
Descripcin Indica que su contenido esta preformateado y que este formato debe
<pre>
ser preservado.
<blockquote>
Representa una contenido citado desde otra fuente.
<ol>
Define una lista ordenada de artculos.
<ul>
Define una lista de artculos sin orden.
<li>
Define un artculo de una lista ennumerada.
<dl>
Define una lista de definiciones, es decir, una lista de trminos y sus
definiciones asociadas.
<dt>
Representa un trmino definido por el siguiente <dd>.
<dd>
Representa la definicin de los terminos listados antes que l.
<figure>
Representa una figura ilustrada como parte del documento.
<figcaption>
Representa la leyenda de una figura.
<div>
Representa un contenedor genrico sin ningn significado especial.
Semntica a nivel de Texto
Elemento
Descripcin
<a>
Representa un hiperenlace , enlazando a otro recurso.
<em>
Representa un texto enfatizado , como un acento de intensidad.
<strong>
Representa un texto especialmente importante .
<small>
Representa un comentario aparte , es decir, textos como un descargo de
responsabilidad o una nota de derechos de autora, que no son esenciales para la comprensin del documento.
<s>
Representa contenido que ya no es exacto o relevante .
<cite>
Representa el ttulo de una obra .
<q>
Representa una cita textual inline.
Elemento <dfn>
Descripcin Representa un trmino cuya definicin est contenida en su contenido ancestro ms prximo.
<abbr>
Representa una abreviacin o un acrnimo ; la expansin de la abreviatura
puede ser representada por el atributo title.
<data>
Asocia un equivalente legible por mquina a sus contenidos. (Este elemento
est slamente en la versin de la WHATWG del estandar HTML, y no en la versin de la W3C de HTML5).
<time>
Representa un valor de fecha y hora; el equivalente legible por mquina
puede ser representado en el atributo datetime.
<code>
Representa un cdigo de ordenador .
<var>
<samp>
Representa a una variable, es decir, una expresin matemtica o contexto
de programacin, un identificador que represente a una constante, un smbolo que identifica una cantidad fsica, un parmetro de una funcin o un marcador de posicin en prosa . Representa la salida de un programa o un ordenador. Representa la entrada de usuario o usuaria, por lo general desde un teclado,
<kbd>
<sub>,<su p>
<i>
pero no necesariamente, este puede representar otras formas de entrada de
usuario o usuaria, como comandos de voz transcritos. Representan un subndice y un superndice, respectivamente. Representa un texto en una voz o estado de nimo alterno, o por lo menos de diferente calidad, como una designacin taxonmica, un trmino tcnico, una frase idiomtica, un pensamiento o el nombre de un barco. Representa un texto hacia el cual se llama la atencin para propsitos
<b>
utilitaros. No confiere ninguna importancia adicional y no implica una voz
alterna.
<u>
Representa una anotacin no textual sin-articular, como etiquetar un texto
como mal escrito o etiquetar un nombre propio en texto en Chino.
<mark>
Representa texto resaltado con propsitos de referencia, es decir por su
relevancia en otro contexto.
Elemento <ruby>
Descripcin Representa contenidos a ser marcados con anotaciones ruby, recorridos cortos de texto presentados junto al texto. Estos son utilizados con regularidad en conjunto a lenguajes de Asia del Este, donde las anotaciones actan como una gua para la pronunciacin, como el furiganaJapons.
<rt>
<rp>
<bdi>
Representa el texto de una anotacin ruby .
Representa los parntesis alrededor de una anotacin ruby, usada para mostrar la anotacin de manera alterna por los navegadores que no soporten despliegue estandar para las anotaciones. Representa un texto que debe ser aislado de sus alrededores para el formateado bidireccional del texto. Permite incrustar un fragmento de texto con una direccionalidad diferente o desconocida.
<bdo>
Representa la direccionalidad de sus descendientes con el fin de anular de
forma explcita al algoritmo bidireccional Unicode.
<span>
Representa texto sin un significado especfico. Este debe ser usado
cuando ningn otro elemento semntico le confiere un significado adecuado, en cuyo caso, provendr de atributos globales como class, lang, o dir.
<br>
Representa un salto de lnea.
<wbr>
Representa una oportunidad de salto de lnea, es decir, un punto sugerido
de envoltura donde el texto de mltiples lneas puede ser dividido para mejorar su legibilidad.
Ediciones Elemento
Descripcin
<ins>
Define una adicin en el documento.
<del>
Define una remocin del documento.
Contenido incrustado Elemento
Descripcin
<img>
Representa una imagen.
<iframe>
Representa un contexto anidado de navegacin, es decir, un documento
Elemento
Descripcin HTML embebido.
<embed>
Representa un punto de integracin para una aplicacin o contenido
interactivo externo que por lo general no es HTML. Representa un recurso externo, que ser tratado como una imagen, un
<object>
sub-documento HTML o un recurso externo a ser procesado por
un plugin.
<param>
Define parmetros para el uso por los plugins invocados por los elementos <object>.
<video>
Representa un video , y sus archivos de audio y capciones asociadas,
con la interfaz necesaria para reproducirlos.
<audio>
Representa un sonido o stream de audio.
<source>
Permite a autores o autoras especificar recursos multimedia alternativos
para los elementos multimedia como <video> o <audio>.
<track>
Permite a autores o autoras especificar una pista de texto temporizado
para elementos multimedia como <video> o <audio>.
<canvas>
Representa un rea de mapa de bits en el que se pueden utilizar scripts
para renderizar grficos como grficas, grficas de juegos o cualquier imagen visual al vuelo.
<map>
En conjunto con <area>, define un mapa de imagen.
<area>
En conjunto con <map>, define un mapa de imagen.
<svg>
Define una imagen vectorial embebida.
<math>
Define una frmula matemtica.
Datos tabulares
Elemento
Descripcin
<table>
Representa datos con ms de una dimensin.
<caption > <colgroup > <col> <tbody>
<thead>
<tfoot>
Representa el ttulo de una tabla.
Representa un conjunto de una o ms columnas de una tabla.
Representa una columna de una tabla. Representa el bloque de filas que describen los datos contretos de una tabla. Representa el bloque de filas que describen las etiquetas de columna de una tabla. Representa los bloques de filas que describen los resmenes de columna de una tabla.
<tr>
Representa una fila de celdas en una tabla.
<td>
Representa una celda de datos en una tabla.
<th>
Representa una celda encabezado en una tabla.
Formularios Elemento <form>
Descripcin Representa un formulario, consistendo de controles que puede ser enviado a un servidor para procesamiento.
<fieldset>
Representa un conjunto de controles.
<legend>
Representa el ttulo de un <fieldset>.
<label>
Representa el ttulo de un control de formulario.
<input>
Representa un campo de datos escrito que permite al usuario o usuaria
editar los datos.
<button>
Representa un botn .
<select>
Represents un control que permite la seleccin entre un conjunto de
opciones.
Elemento
Descripcin
<datalist>
Representa un conjunto de opciones predefiniddas para otros controles.
<optgroup> <option> <textarea>
Representa un conjunto de opciones, agrupadas lgicamente.
Representa una opcin en un elemento <select>, o una sugerencia de un elemento <datalist>. Representa un control de edicin de texto multi-lnea.
<keygen>
Representa un control de par generador de llaves.
<output>
Representa el resultado de un clculo.
<progress>
Representa el progreso de finalizacin de una tarea.
Representa la medida escalar (o el valor fraccionario) dentro de un
<meter>
rango conocido.
Elementos interactivos Elemento
Descripcin
<details>
Representa un widget desde el que un usuario o usuaria puede obtener
informacin o controles adicionales.
<summary>
Representa un resumen, ttulo o leyenda para un
elemento <details> dado.
<command>
Representa un comando que un usuario o usuaria puede invocar.
<menu>
Representa una lista de comandos .
Lista de Atributos Nombre del Atributo
accept
Elementos
Descripcin
<form>, <input>
Lista de tipos aceptados por el
servidor, usualmente un tipo de archivo.
accept-charset
<form>
accesskey
Global attribute
action
<form>
Lista de juegos de caracteres
soportados. Define una "tecla", que activa o agrega un "foco", al elemento La URL del programa que procesa la informacin, enviado en el formulario
<applet>, <caption>, <col>,
<colgroup>, <hr>,<iframe>
align
, <img>, <table>, <tbody>,
<td>, <tfoot> , <th>, <thea
Especifica el alineamiento horizontal
del elemento
d>, <tr>
alt
<applet>, <area>, <img>, <
Texto alternativo en caso de que la
Nombre del Atributo
async
autocomplete
autofocus
autoplay
Elementos
Descripcin
input>
imagen no se pueda mostrar.
<script>
<form>, <input>
<button>, <input>, <keygen
>, <select>,<textarea>
<audio>, <video>
Indica que el script debera ejecutarse
asincrnicamente. Indica si los controles en este formulario pueden tener por defecto sus valores completados automticamente por el navegador. El elemento debera recibir foco automticamente despus de haberse cargado la pgina. El audio o video debera empezar lo antes posible. Color de fondo del elemento.
Por favorm usa CSS backgroundcolor property instead. El ancho del borde.
border
buffered
<img>, <object>, <table>
<audio>, <video>
Nota: Este atributo se mantiene como
referencia. Se recomienda usar la propiedad de CSS border. Contiene un rango de tiempo de multimedios ya almacenados en el buffer.
challenge
<keygen>
charset
<meta>, <script>
checked
<command>, <input>
Una cadena de desafo que se enva
junto con la clave pblica. Declara la codificacin de caracteres de la pgina o del script. Indica que el elemento debera estar verificado al cargar la pgina.
Nombre del Atributo cite
class
Elementos
Descripcin
<blockquote>, <del>, <ins>,
Contiene una URI que apunta a la
<q>
fuente de la cita o cambio.
Global attribute
Usualmente empleado con CSS para
aplicar estilos a elementos con propiedades en comun.
code
<applet>
Especifica la URL del archivo de tipo
applet a ser cargado y ejecutado. Este atributo contiene la URL base
codebase
<applet>
del directorio donde los archivos de
applets (.class) referenciados en el codigo se encuentran almacenados. Este atributo configura el color de texto usando un nombre de color o en
color
<basefont>, <font>, <hr>
formato hexadecimal #RRGGBB.
Nota: Este atributo se mantiene como referencia. Se recomienda usar la propiedad de CSS color.
cols
<textarea>
colspan
<td>, <th>
content
<meta>
Define el numero de columnas en un
textarea. Define el numero de columnas que una celda debe contener. Un valor asociado con httpequiv o name dependiendo del
contexto. contenteditable
contextmenu
Global attribute
Global attribute
Indica si el contenido del elemento es
editable. Define el ID de un elemento <menu> que servira como menu de contexto para el elemento.
controls
<audio>, <video>
Indica si el explorador debe mostrar
Nombre del Atributo
Elementos
Descripcin controles de reproduccion al usuario.
coords data
data-*
datetime
default
<area>
<object>
Global attribute
<del>, <ins>, <time>
<track>
Un conjunto de valores que
especifican las coordenadas del area. Especifica la URL del recurso.
Permite asociar atributos
presonalizados a un elemento HTML.
Indica la fecha y hora asociadas con
el elemento. Indica que la pista debe estar habilitada a menos que las preferencias del usuario indiquen algo diferente. Indica que el codigo debe ser
defer
<script>
ejecutado despues de que la pagina
este cargada. Define la direccion del texto. Los
dir
Global attribute
valores permitidos son ltr (Izquierda-aDerecha) o rtl (Derecha-a-Left).
para descargar un recurso. Define si el elemento puede ser arrastrado.
Nombre del Atributo
Elementos
dropzone
Global attribute
enctype
<form>
Descripcin Indica que el elemento acepta contenido soltado en el mismo. Define el tipo de contenido del formulario cuando el metodo del mismo es POST.
for
<label>, <output>
Indica el elemento al que describen y
pertenecen.
<button>, <fieldset>, <input
>, <keygen>,<label>, <met
form
er>, <object>, <output>,<pr
ogress>, <select>, <textarea
Indica el formulario al que pertenece
el elemento.
>
headers
<td>, <th>
<canvas>, <embed>, <ifram
height
e>, <img>, <input>,<object
>, <video>
IDs de los elementos <th> que
aplican a este elemento. Nota: En algunos casos, como los <div>, este es un atributo de referencia, en donde se debe usar la propiedad de css height. En otros casos como <canvas>, la altura debe ser especificada en este atributo.
hidden
Global attribute
Indica la visibilidad del elemento.
high
<meter>
Indica el menor valor del rango alto.
href
hreflang
<a>, <area>, <base>, <link
> <a>, <area>, <link>
La URL de un recurso asociado.
Especifica el lenguaje del recurso asociado. Indica una directiva que puede alterar
http-equiv
<meta>
el comportamiento de la pagina y como es leida por los exploradores.
icon
<command>
Especifica una imagen relacionada
Nombre del Atributo
Elementos
Descripcin con el comando. Nota: el elemento <command> es obsoleto y no se recomienda su uso. Identificador el elemento para acceder
id
Global attribute
al mismo desde CSS o Javascript,
este indicador debe ser unico para cada elemento.
ismap
<img>
Indica que la imagen es parte de un
mapa de imagen del servidor.
Indica que el elemento contiene el
itemprop
Global attribute
valor de la propiedad especificada de
un conjunto. Especificar el tipo de clave se.
keytype
<keygen>
kind
<track>
Especifica el tipo de pista.
label
<track>
Especifica el titulo de la pista con un
formato legible por el usuario.
lang
Global attribute
language
<script>
Nota: RSA es el valor por defecto.
Define el lenguaje utilizado en el
elemento. Define el lenguage (de programacin) utilizado en el elemento. Identifica una serie de valores
list
loop
<input>
<audio>, <bgsound>, <marq
uee>, <video>
predefinidos para ser sugeridos al
usuario. Indica si el medio debe ser reproducido desde el principio al llegar al final.
cache para el documento. Indica el maximo valor aceptado. Define el mayor numero de caracteres aceptados. Da un indicio del tipo de medio para el cual el recurso vinculado fue creado. Define el metodo a emplear para
method
<form>
enviar el formulario. Puede ser GET el
valor predeterminado es POST.
min
<input>, <meter>
Indica el valor minimo aceptado.
multiple
<input>, <select>
Indica si multiples valores pueden ser
ingresados.
<button>, <form>, <fieldset
name
>, <iframe>,<input>, <keyg
Nombre del elemento. Por ejemplo
en>, <object>, <output>,<s
utilizado por el servidor para identificar
los campos en el envio de formularios.
elect>, <textarea>, <map>,
<meta>, <param>
novalidate
<form>
Este atributo indica que el formulario
no debe ser validado antes de enviarlo.
open
<details>
Indica si los detalles de la pagina
seran mostrados cuando cargue la misma.
optimum
pattern
<meter>
Indica el valor numerico optimo.
<input>
Define una expresion regular con la
cual el valor del elemento debe ser validado.
Nombre del Atributo
Elementos
Descripcin Indica si se enviara un ping o
ping
<a>, <area>
placeholder
<input>, <textarea>
poster
<video>
notificacion a la URL del recurso
cuando el usuario utlize el vinculo. Da un indicio al usuario de que debe ingresar en el elemento. Una URL que indica un cuadro a mostrar hasta que el usuario reproduzca o navegue en el video.
preload
<audio>, <video>
Indica si el recurso o partes del mismo
deben ser precargadas. Indica si esta fecha y tiempo
pubdate
<time>
concuerda con la fecha y tiempo
del <article> mas cercano (ancestro). Indica los nombres de los comandos de tipo radio, que seran alternados si
radiogroup
<command>
el comando en si es alternado. Este
atributo debe ser omitido si el tipo de comando no es radio. Nota: el elemento <command> es obsoleto y no se recomienda su uso.
readonly
<input>, <textarea>
Indica si el elemento puede ser
editado por el usuario. Especifica la relacin que hay entre el
rel
required
reversed
<a>, <area>, <link>
objeto destino y aqul donde est el
vnculo.
<input>, <select>, <textarea
Indica si el elemento debe ser llenado
>
o no.
<ol>
Indica si la lista debe ser mostrada en
orden descendente en vez de ascendente.
Nombre del Atributo
Elementos
Descripcin
rows
<textarea>
Define el numero de filas del textarea.
rowspan
<td>, <th>
sandbox
<iframe>
spellcheck
Global attribute
scope
<th>
Define el numero de filas que una
celda de una tabla debe abarcar. Lista de restricciones a ser desactivadas en el iframe. Indica si la correccion ortografica esta abilitada para el elemento. Define las celdas que la cabecera definio en este elemento. Indica si el estilo sera aplicado solo al
scoped
<style>
elemento inmediato superior (padre).
de no ser definido el estilo se aplicara de forma global.
seamless
<iframe>
selected
<option>
Indica si el iframe debe ser cargado
como parte del mismo documento. Define el valor que sera seleccionado dentro del select al cagar la pagina. Define una regin seleccionable para hacer hipervnculos asociados con
shape
<a>, <area>
una forma asociada a una figura para
crear un mapa. Los valores para este atributo son: circle, defaul, plygon y rect. Define el largo del elemento (en
size
<input>, <select>
pixeles). Si el type es text o password entonce s es el numero de caracteres.
sizes
<link>
span
<col>, <colgroup>
Define los tamaos en los que el icono
puede ser cargado. Indica el nmero de columnas que se agrupan.
Nombre del Atributo
Elementos
Descripcin
<audio>, <embed>, <iframe
src
>, <img>, <input>,<script>,
La URL del contenido integrable.
<source>, <track>, <video>
srcdoc
<iframe>
srclang
<track>
start
<ol>
step
<input>
Especifica el contenido de la pagina
incluida. Especifica el lenguaje del contenido de la pista. Define el numero inicial de la lista (si es diferente a 1). Indica el valor del incremento para un valor numerico o de fecha. Define los estilos CSS que
style
Global attribute
sobreescribiran los estilos
previamente definidos para el elemento.
Contiene una descripcion del
contenido de la tabla. summary
<table>
tabindex
Global attribute
Sobrescribe el orden de tabulacion del
navegador y usa el especificado.
target
<a>, <area>, <base>, <for
Especifica el marco destino en un
m>
vnculo.
Nota: Este atributo ha sido
desaprovado, se recomienda incluir un elemento <caption> en la tabla.
Valores especiales: "_blank" indica
una nueva ventana, "_parent" indica el marco padre del marco que contiene el cdigo fuente, "_self" indica el marco donde est el cdigo fuente y
Nombre del Atributo
Elementos
Descripcin "_top" indica la ventana completa del navegador.
title
Global attribute
Texto a ser mostrado cuando el cursor
este sobre el elemento.
<button>, <input>, <comma
type
nd>, <embed>,<object>, <s
cript>, <source>, <style>, <
Define el tipo de elemento.
menu>
Indica la URL parcial de un image map
asociado con el elemento. usemap
<img>, <input>, <object>
Nota: este atributo no puede ser
usado si el elemento <img> deciende de un <button>o <a>
<button>, <option>, <input
value
>, <li>, <meter>,<progress
>, <param>
<canvas>, <embed>, <ifram
width
e>, <img>, <input>,<object
>, <video>
Define el valor predeterminado a ser
mostrado al cargar la pagina. Nota: En algunos casos, como los <div>, este es un atributo de referencia, en donde se debe usar la propiedad de css height. En otros casos como <canvas>, la altura debe ser especificada en este atributo. Indica la forma en la cual el texto debe ser envuelto.
