Escolar Documentos
Profissional Documentos
Cultura Documentos
A continuacin hay una lista con algunos de los comandos usados en HTML.
DESCRIPCIO COMENTARIOS
INICIO FINAL
N
Obligatorias
Toda la codificacin
Principio de
<html> </html> debe estar incluida en
Documento
estas etiquetas
Dentro del
Encabezado <head> </head> encabezado se
encontrar el ttulo.
Es el texto que
Ttulo <title> </title> aparece en la barra de
ttulos del navegador
RR = tonalidad de
color rojo
VV = tonalidad del
color verde
AA = tonalidad del
color azul
nombreimagen.gifde
ber reemplazarse por
<body
Imagen de el nombre de la
background="nombreimagen.gif
Fondo imagen. Se
">
recomienda utilizar
formatos .gif o .jpg
Permite definir un
estilo de fuente, color,
Estilos <style> </style>
tamao, etc para todo
el documento.
Ejecuta un archivo de
sonido.
xx.wav se debe
<bgsound reemplazar por el
nombre del
src="xx.wav" archivo; loop nindica
la cantidad de veces
loop=infinite/n> que se repetir.
<embed
La etiqueta Embed
src="xx.wav" con sus propiedades,
Sonido
se utiliza por las
width=200 height=55 incompatibilidades de
los navegadores.
autostart="true"
Con esta opcin
loop="true" aparece una consola
cuyas dimensiones se
hidden="true"> definen
con Widtho Height y
que puede ocultarse
con Hidden =
"true"
Presentacin de texto
El texto estar
Parpadeo <blink> </blink>
parpadeante
Permite colocar un
color a la fuente. El
Color del
<font color="#RRVVAA"> </font> color est
Texto
representado por un
nmero hexadecimal.
Define un tamao de
fuente
especfico. nrepre-
Tamao del
<font size="n"> </font> senta un nmero del 0
Texto
al 7 al que luego
podrn agregarle los
signos + o -
Formato de fuente
Estilo de
<tt> </tt> Courier de tamao
fuente
menor (Typewriter)
Formato de fuente
Texto tipo Courier. Se
<pre> </pre>
preformateado representan los
espacios en blanco
Traza un lnea
Lnea No utiliza horizontal cuyo
<hr="n">
Horizontal etiqueta de cierre grosor est
representado por n
Comentarios que no
Comentario <!- comentario> -> sern visibles en la
pantalla.
La escritura de cada
& & carcter comienza con
el signo ampersand
(&) y debe terminar
" " con punto y coma (;)
á
En esta tabla vemos
como escribir algunos
é smbolos, signos, las
letras y , y las
vocales acentuadas en
mayscula y
í minscula.
ó
ú
Á
É
Í
Ó
Ú
ñ
Ñ
ü
Ü
¿
¡
Presentacin de prrafos
Se utiliza para
Sangra <blockquote> </blockquote>
destacar una cita.
Realiza la separacin
Parrafo <p align= entre prrafos, y la
</p>
center*left*right*justify> alineacin de estos.
Tratamiento de imgenes
Indicar la posicin
en que ubicaremos al
texto que acompaa a
<img src="nombreimagen.gif"
Alineacin del la imagen
texto
align= top * middle * bottom>
Top Arriba
*Middle Medio
*Bottom Abajo
Define el tamao de
la imagen
Ancho <img src="nombreimagen.gif"
width="n" Width = ancho
Alto height="n"> * height = altura n =
ser un valor en
pixeles
<img dynsrc="archivi.avi" Permite agregar
Videos loop=infinite controls archivos de video.
start= mouseover>
Listas
Enlaces o Links
Te permite un enlace
Enlace a un <a href = "mailto:direccin e-
directo a tu cliente de
mail"> texto indicativo del </a>
correo
e-mail enlace
predeterminado
nombreimagen.gifse
debe reemplazar por
el nombre de imagen
seleccionado
Enlaza a la direccin
URL haciendo un
click sobre la imagen.
Tablas
El contenido podr
Separacin
estar separado del
entre el borde <table cellpadding=n>
borde por el valor
y el contenido
indicado en n
Se puede establecer
Alto <table height=n o porcentaje un valor o un
porcentaje para
ancho width=n o porcentaje> definir el tamao de la
tabla
Formularios
Inicia un formulario.
Se utiliza para la
Definicin <form>
entrada o el envo de
datos.
Ingresa un objeto
dentro del formulario,
se deber definir el
tipo de objeto, el
nombre del campo
<input
formulario, el valor
type="text"
inicial que se le
name="nombre del campo
Introduccin asigna, el tamao
formulario"
de datos mximo de
value="asignacin de un dato"
visualizacin del
size="nmero"
campo y el tamao
maxlenght="nmero">
mximo de caracteres
que puede tener ese
campo.
Con el type = "text"
no se asigna Value
Frames o Marcos
Se utiliza como
atributo de un enlace
e indica en que frame
deber visualizarse
ese enlace.
"_ blank" = se abrir
una nueva ventanadel
navegador y se
Destino del
target="principal" visualizar en ella.
frame
"_self" = el enlace se
carga en el propio
frame.
"_top" = el enlace se
carga a pantalla
completa en la misma
ventana, suprimiendo
los otros frame.
Border = 0 indica que
no habr huecos de
separacin entre
frames (para
Netscape).
frameborder =
Atributos del border=0 0indica que no habr
tag frameset frameborder=0 borde de separacin
framespacing=0 entre frames.
framespacing =
0indica que no habr
huecos de separacin
entre frames (para
Explorer).
Frameborder
=elimina los bordes
de un frame
marginwidth ymargi
nheight = definen el
ancho y alto de los
frameborder="no"
margenes del frame.
marginheight="nmero"
name = define el
marginwidth="nmero"
Atributos del nombre del frame.
name="nombre del frame"
tag frame
noresize
Noresize = indica que
scrolling="yes/no/auto"
el fram no podr
src="direccin.htm"
redimensionarse.
scrolling = inidca si
tendr o no barra de
desplazamiento.
src = indica el
contenido del frame.
Esta pgina web ha sido creada con Jimdo. Regstrate ahora gratis en
https://es.jimdo.com!
OTRA
INFORMACION
resumen de etiquetas y atributos
etiqueta cierre atributo explicacin
<!-- --> Aadir un comentario no visible.
OTRA INFORMACION
Lista de Elementos HTML5
En este artculo
1. Elemento raz
3. Scripting
4. Secciones
5. Agrupacin de Contenido
7. Ediciones
8. Contenido incrustado
9. Datos tabulares
10. Formularios
Todos los elementos del estandar HTML5 estn listados aqu, descritos por su etiqueta de
apertura y agrupados por su funcin. Contrariamente al indice de elementos HTML el cual
lista todas las posibles etiquetas, estandar, no-estandar, vlidas, obsoletas o aquellas en
desuso, esta lista solamente los elementos vlidos de HTML5. Solamente aquellos
elementos listados aqu son los que deberan ser usados en nuevos sitios Web.
El simbolo indica que el elemento fue aadido en HTML5. Ntese que otros
elementos listados aqui pueden haber sido modificados o extendido en su significado por la
especificacin HTML5.
Elemento raz
Elemento Descripcion
<!doctype html> Define que el documento esta bajo el estandar de HTML 5
Elemento Descripcin
<html>
Representa la raz de un documento HTML o XHTML. Todos los dems
elementos deben ser descendientes de este elemento.
Scripting
Elemento Descripcin
<script>
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
Representa el contenido principal de un documento
<body> HTML. Solo hay un elemento <body> en un
documento.
Define una seccin en un documento.
<section>
Define una seccin que solamente contiene enlaces de
<nav> navegacin
Define contenido autnomo que podra existir
<article> independientemente del resto del contenido.
Define algunos contenidos vagamente relacionados
con el resto del contenido de la pgina. Si es
<aside> removido, el 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
Elemento Descripcin
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
<header>
Web y una tabla de navegacin de contenidos.
Define el pie de una pgina o seccin. Usualmente
contiene un mensaje de derechos de autora, algunos
<footer> enlaces a informacin legal o direcciones para dar
informacin de retroalimentacin.
<address>
Define una seccin que contiene informacin de
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.
<pre>
Indica que su contenido esta preformateado y que este formato debe 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.
Representa una figura ilustrada como parte del documento.
<figure>
<figcaption>
Representa la leyenda de una figura.
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
HTML embebido.
<embed>
Representa un punto de integracin para una aplicacin o contenido
interactivo externo que por lo general no es HTML.
<object>
Representa un recurso externo, que ser tratado como una imagen, un 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 especificar recursos multimedia alternativos para los
Elemento Descripcin
elementos multimedia como <video> o <audio>.
<track>
Permite a autores 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.
Define una imagen vectorial embebida.
<svg>
<math>
Define una frmula matemtica.
Datos tabulares
Elemento Descripcin
<table> Representa datos con ms de una dimensin.
<caption> Representa el ttulo de una tabla.
<colgroup> Representa un conjunto de una o ms columnas de una tabla.
<col> Representa una columna de una tabla.
<tbody> Representa el bloque de filas que describen los datos contretos de una tabla.
<thead>
Representa el bloque de filas que describen las etiquetas de columna de una
tabla.
<tfoot>
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.
Formularios
Elemento Descripcin
<form>
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 editar los
Elemento Descripcin
datos.
<button> Representa un botn .
<select>
Representa un control que permite la seleccin entre un conjunto de
opciones.
<datalist>
Representa un conjunto de opciones predefiniddas para otros controles.
Elementos interactivos
Elemento Descripcin
<details>
Representa un widget desde el que un usuario 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 puede invocar.
Ver tambin
Un conjunto de documentos sobre HTML5.
Otra manera de listar las etiquetas: la Tabla Periodica de elementos HTML5 por
Josh Duck.
Te result til este artculo?
Gracias!
Correo electrnico
Acerca de MDN
Condiciones
Privacidad
Cookies
Contribuir en el cdigo
Otros idiomas: