Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

HTML

Descargar como docx, pdf o txt
Descargar como docx, pdf o txt
Está en la página 1de 9

Tipos de Elemento Etiqueta Descripción Atributos

Indica el inicio del documento Lang(Lenguaje)


<html></html>
html
Iniciales o
de raíz Permite que los navegadores
<!DOCTYPE html> comprendan que un
documento se basa en HTML5

Es la sección principal de un
<head></head>
documento en HTML

Proporciona metadatos sobre Charset (set de


el documento como caracteres)
<meta></meta>
codificación de caracteres,
palabras clave, el autor y mas

Define los títulos de la pagina


<title></title> web que se muestran en la
barra de títulos
Elementos
Base href (URL de un
recurso asociado)
Vincular recursos externos
<link></link>
como hojas de estilo CSS hreflang (lenguaje
Metadatos
del recurso
asociado)

async (indica que


Incluye scripts o código el script debería
<script></script>
JavaScript ejecutarse
asincrónicamente)

Integra un URL para rutas href (URL del


<base></base>
relativas recurso asociado)

<noscript></noscript>
Muestra cuando el navegador
no admite JavaScript

Karina Jacinto Jacinto


Rene Navarrete Hernández
Contenido de la página web bgcolor (color de
<body></body> que se visualiza en el fondo del
navegador elemento)

Agrupa el contenido inicial de


<header></header>
una página web

<nav></nav> Agrupa enlaces a otras paginas

Agrupa los apartados del


<section></section> contenido principal del
documento

Agrupa el contenido de la
pagina como un documento
<article></article>
independiente, aunque este
Elementos secciones formada por varios

<h1></h1>,
<h2></h2>, Marca los títulos y subtítulos
<h3></h3>, de los apartados del
<h4></h4>, documento
<h5></h5>, <h6></h6>

Agrupa contenido secundario y


<aside></aside> tangencial al contenido al que
acompaña

Contiene información general


<footer></footer>
sobre el documento

Contiene información de
<address></address>
contacto del autor.

Elementos para lista reversed (la lista


se muestra en
Se crea una lista ordenada orden
<ol></ol>
dentro del documento descendente en
vez de
ascendente)

<li></li> Se utiliza para cada elemento value (valor

Karina Jacinto Jacinto


Rene Navarrete Hernández
de la lista y va dentro de las predeterminado a
etiquetas <ul> u <ol> según ser mostrado al
sea el caso cargar la página)

Se crea una lista no ordenada


<ul></ul>
dentro del documento

download
Crea hiperenlaces en el (ipervinculo usado
<a></a>
documento para descargar un
recurso)

Define una palabra o conjunto


<strong></strong>
de palabras como importantes

Se utiliza para dejar un


<small></small>
comentario aparte

Elementos para Para indicar el titula de una


textos/semánticos o <cite></cite>
obra
estructurales

<sub></sub>, Representan el sub índice y el


<sup></sup> superíndice

<mark></mark> Se usa para resaltar el texto

Se usa conjuntamente con los


<span></span> atributos “class” o “id” para
atribuir ciertas características

<br> Crea un salto de línea

Elementos para tablas Etiqueta de apertura y cierre align


de una tabla (alineamiento
horizontal del
<table></table>
elemento)

<caption></caption> Indica el titulo de la tabla align


(alineamiento

Karina Jacinto Jacinto


Rene Navarrete Hernández
horizontal del
elemento)

align
Agrupa dos o mas columnas de (alineamiento
<colgroup></colgroup>
una tabla horizontal del
elemento)

align
Describe datos concretos de (alineamiento
<tbody></tbody>
una tabla horizontal del
elemento)

align
Indica el bloque de filas que
(alineamiento
<thead></thead> describen las etiquetas de las
horizontal del
columnas de la tabla
elemento)

align
Indica los bloques de filas que
(alineamiento
<tfoot></tfoot> describen los resúmenes o
horizontal del
datos totales de una columna
elemento)

align
Indica una fila de celdas de una (alineamiento
<tr></tr>
tabla horizontal del
elemento)

align
(alineamiento
<td></td> Definir una celda de una tabla
horizontal del
elemento)

Define el encabezado de una align


celda (alineamiento
horizontal del
<th></th>
elemento)

Elementos para <form></form> Apertura y cierre de un action (procesa


formularios formulario de una página web información
enviada en el

Karina Jacinto Jacinto


Rene Navarrete Hernández
formulario)

autocomplete
(autocompletado
automático por el
navegador)

enctype (tipo del


contenido del
formulario)

merhod (define el
método HTTP a
emplear para
enviar el
formulario)

name (nombre
del elemento)

novalidate (el
formulario no
debe ser validado
cuando se envié)

target (especifican
el marco destino
de un vínculo)

disable (indica si
el usuario puede
interactuar con el
elemento)

Agrupación de elementos de form (indica el


<fieldset></fieldset>
un formulario formulario al que
pertenece el
elemento)

name (nombre
del elemento)

<legend></legend> Indica el titulo de un <fieldset>

Karina Jacinto Jacinto


Rene Navarrete Hernández
<label></label>
Define el titulo del formulario

accept (lita de
tipos aceptados
por el servidor)

alt (texto
alternativo en
caso de que la
imagen no se
pueda mostrar)

autocomplete
Pinta un campo de
(autocompletado
<input> introducción de datos para el
automático por el
usuario
navegador)

autofocus (El
elemento debería
recibir foco
automáticamente
después de
haberse cargado
la página)

<button></button> Representa un botón en el autofocus (El


formulario elemento debería
recibir foco
automáticamente
después de
haberse cargado
la página)

disabled (indica si
el usuario puede
interactuar con el
elemento)

form (indica el
formulario al que
pertenece el

Karina Jacinto Jacinto


Rene Navarrete Hernández
elemento)

formaction (indica
la acción del
elemento)

name (nombre
del elemento)

type (define el
tipo de elemento)

autofocus (El
elemento debería
recibir foco
automáticamente
después de
Permite una selección entre un haberse cargado
<select></select>
conjunto de opciones la página)

disable (indica si
el usuario puede
interactuar con el
elemento)

Ligada a <select> para añadir disable (indica si


diferentes selecciones el usuario puede
interactuar con el
elemento)

selected (define
una región
seleccionable)
<option></option>
value (define el
valor
predeterminado a
ser mostrado al
cargar la pagina)

<textarea></textarea> Se utiliza para introducir texto wrap (indica la

Karina Jacinto Jacinto


Rene Navarrete Hernández
forma en la cual
en líneas máximas debe ser envuelto
el texto)

Elementos multimedia autoplay (el audio


o video debería
empezar lo antes
posible)

buffered
(contiene un
rango de tiempo
multimedia)

controls (indica si
el navegador debe
mostrar controles
Sirve para insertar audio o de reproducción
<audio></audio>
sonidos en un programa al usuario)

loop (indica si el
medio debe
volver a ser
reproducido)

preload (indica si
el recurso debe
ser precargado)

src (la URL del


contenido
integrable)

<img></img> Se incrustan imágenes en tu src (la URL del


programa contenido
integrable)

sizes (define los


tamaños de los
iconos)

usemap (indica el
URL parcial de
una imagen)

width (establecen

Karina Jacinto Jacinto


Rene Navarrete Hernández
el ancho del
elemento)

autoplay (el audio


o video debería
empezar lo antes
posible)

buffered
(contiene un
rango de tiempo
multimedia)

controls (indica si
el navegador debe
mostrar controles
Se añade un reproductor de reproducción
<video></video>
multimedia al usuario)

loop (indica si el
medio debe
volver a ser
reproducido)

preload (indica si
el recurso debe
ser precargado)

src (la URL del


contenido
integrable)

default (indica
que la pista debe
estar habilitada)
kind (especifica el
Se especifican la pista de texto siguiente track)
<track></track>
sincronizada label (especifica el
título de la pista)
src (la URL del
contenido
integrable)

Karina Jacinto Jacinto


Rene Navarrete Hernández

También podría gustarte