HTML Comandos

SCRIPCION INICIO FINAL COMENTARIOS
Obligatorias
Toda la codificación debe

Principio de
<html> </html> estar incluida en estas
Documento
etiquetas
Dentro del encabezado se

Encabezado <head> </head>
encontrará el título.
Es el texto que aparece en la

Título <title> </title> barra de títulos del
navegador
Cuerpo <body> </body> Cuerpo de la página
Para toda la página
Permite colocar un color

uniforme de fondo a toda la
<body bgcolor="#RRVVAA"> página. Este color estará
formado por 3 números
hexadecimales que indiquen:
Color de Fondo
RR = tonalidad de color rojo
VV = tonalidad del color

verde
AA = tonalidad del color azul
nombreimagen.gifdeberá
<body reemplazarse por el nombre
Imagen de Fondo
background="nombreimagen.gif"> de la imagen. Se recomienda
utilizar formatos .gif o .jpg
<body text="#RRVVAA" Permite definir los colores

que se aplicarán en forma
Colores de texto Link ="#RRVVAA"
genérica para el texto como
color de enlaces Vlink ="#RRVVAA"
para los enlaces. El color está
enlaces visitados Alink ="#RRVVAA"
representado por un número
hexadecimal
Permite definir un estilo de

Estilos <style> </style> fuente, color, tamaño, etc
para todo el documento.
Permite definir propiedades

<meta
Meta </meta> internas del documento.
name="description"
Name = "description"
content="comentarios"
content = ”Será el resumen
name="keywords" content="palabra1 con que se publicará en el
palabra2 ... palabran"> buscador. No utilizar más de
25 palabras"
Name = "keywords" content
= "podrán definirse palabras
claves para que nuestro
documento sea encontrado
por los buscadores"
Ejecuta un archivo de sonido.
<bgsound xx.wav se debe reemplazar

por el nombre del
src="xx.wav" archivo; loop nindica la
cantidad de veces que se
loop=infinite/n>
repetirá.
<embed
La etiqueta Embed con sus
Sonido src="xx.wav"
propiedades, se utiliza por las
width=200 height=55 incompatibilidades de los
navegadores.
autostart="true"
Con esta opción aparece una
loop="true"
consola cuyas dimensiones se
hidden="true"> definen con Widtho Height y
que puede ocultarse
con Hidden = "true"
Presentación de texto
Opciones de formato de
Encabezamientos <h1><h2>....<h6> </h1></h2>....</h6>
texto para encabezados,
Negrita <b> </b> Coloca el texto incluido con

éstos formatos.
Cursiva <i> </i>
Subrayado <u> </u>
Parpadeo <blink> </blink> El texto estará parpadeante
Grande <big> </big> Agranda el texto
Pequeña <small> </small> Disminuye el texto
Subíndice <sub> </sub> Representa el texto sobre el

renglón o bajo el renglón.
Superíndice <sup> </sup>
Permite colocar un color a la

fuente. El color está
Color del Texto <font color="#RRVVAA"> </font>
representado por un número
hexadecimal.
Define un tamaño de fuente
específico. nrepre-senta un
Tamaño del
<font size="n"> </font> número del 0 al 7 al que
Texto
luego podrán agregarle los
signos + o -
Permite definir un nombre de

Tipo de fuente <font face="nombre de fuente"> </font>
Fuente específico.
Formato de fuente Courier

Estilo de fuente <tt> </tt> de tamaño
menor (Typewriter)
Formato de fuente tipo

Texto
<pre> </pre> Courier. Se representan los
preformateado
espacios en blanco
Permite que un texto tenga

movimiento. Pueden
agregarse atributos para
Texto en
<marquee>(texto) </marquee> dimensionar la marquesina,
Movimiento
para alinear el texto, para
modificar tamaño, fuente y
color.
Traza un línea horizontal

No utiliza etiqueta
Línea Horizontal <hr="n"> cuyo grosor está
de cierre
representado por “n”
Espacio en No utiliza etiqueta Representa un espacio en

&nbsp
Blanco de cierre blanco.
Comentarios que no serán

Comentario <!- comentario> ->
visibles en la pantalla.
Permiten que los caracteres

Escribo Para ver especiales sean leídos por
todos los navegadores en sus
< <
distintas versiones.
> >
Caracteres & & La escritura de cada carácter

especiales comienza con el signo
" " ampersand (&) y debe
terminar con punto y coma
á á
(;)
é é
&iacute í En esta tabla vemos como

escribir algunos símbolos,
ó ó signos, las letras Ñ y ñ, y las
vocales acentuadas en
ú ú mayúscula y minúscula.
Á Á
É É
Í Í
Ó Ó
Ú Ú
ñ ñ
Ñ Ñ
ü ü
Ü Ü
¿ ¿
¡ ¡
Presentación de párrafos
<center> </center> Todo texto que se escriba

entre estas etiquetas sufrirá
Alineaciones <left> </left>
esa alineación .
<right> </right>
Se utiliza para destacar una

Sangría <blockquote> </blockquote>
cita.
Realiza la separación entre

Parrafo párrafos, y la alineación de
<p align= center*left*right*justify> </p>
estos.
Renglones en Permite dejar renglones en

<br>
blanco blanco
Tratamiento de imágenes
Permite insertar una imagen

en la página que estamos
Imagen diseñando. El archivo de la
<img src="nombreimagen.gif">
Individual imagen deberá estar ubicado
en la misma carpeta que la
página, caso contrario se
deberá indicar su ruta de
acceso
Coloca un texto que podrá

Texto de la <img src="nombreimagen.gif" leerse al pasar el puntero del
imagen alt="texto"> ratón sobre la imagen o
cuando ésta no se carga.
Indicará la posición en que

ubicaremos al texto que
Alineación del <img src="nombreimagen.gif"
acompaña a la imagen
texto align= top * middle * bottom>
Top Arriba *Middle Medio
*Bottom Abajo
Define el tamaño de la
<img src="nombreimagen.gif" imagen
Ancho
width="n" Width = ancho * height =
Alto height="n"> altura n = será un valor en
pixeles
<img dynsrc="archivi.avi" Permite agregar archivos de

Videos loop=infinite controls video.
start= mouseover>
Listas
Se utiliza cuando las opciones

<ol type= A * a * I * i start=n>
deben ser numerados. La
<lh> título de la lista </lh>
opción typerepresentan
Lista numerada <li> Primera opción </ol>
número o letras
<li> Segunda opción
ystart indicará el número con
<li> Tercera opción
que inicia.
<ul type=square * circle * disk> Se utiliza cuando las opciones

<lh> título de la lista </lh> no presentan un orden
Lista no
<li> Primera opción </ul> determinado. La opción
ordenada
<li> Segunda opción typerepresenta la viñeta.
<li> Tercera opción
<dl> Se utiliza cuando las opciones

<lh> título de la lista </lh> llevan un título y una
<dt> Primer tema definición
Lista con <dd> Primer detalle
</dl>
sangrado <dd> Segundo detalle
<dt> Segundo tema
<dd> Tercer detalle
<dd> Cuarto detalle
Enlaces o Links
xxx se debe reemplazar por
la dirección URL destino del
Enlace a otro enlace.
<a href="xxx"> yyy </a>
URL
yyy es el texto indicativo que
se leerá en la página.
Enlace a un Te permite un enlace directo

<a href = "mailto:dirección e-mail">
</a> a tu cliente de correo
e-mail texto indicativo del enlace
predeterminado
Marca para Referencia una posición a la

enlace dentro de <a href="#marca"> Texto de enlace al que luego se accederá.
</a>
la misma página ancla
(Ancla - Anchor)
Enlaza una posición

Localizar enlace
<a name="marca"> texto del ancla </a> previamente marcada,
anterior
dentro de la misma página
Enlace a otra Enlaza a la posición

página con <a href="ab.htm#marca"> texto establecida en marca, en la
</a>
marca, dentro indicativo del enlace página ab.htm
del mismo sitio
xxx se debe reemplazar por

la dirección URL destino del
enlace.
nombreimagen.gifse debe
Enlace con <a href="xxx"><img
</a> reemplazar por el nombre de
imagenes src="nombreimagen.gif">
imagen seleccionado
Enlaza a la dirección URL

haciendo un click sobre la
imagen.
Tablas
Definición <table> </table> Crea una tabla
<table border=n n = representa al grosor del

Bordes bordercolor="#RRVVAA"> borde. También se podrá
especificar el color del borde
Color de Bordes
Las celdas podrán separarse

Separación entre por el nvalor
<table cellspacing=n>
celdas
Separación entre El contenido podrá estar
el borde y el <table cellpadding=n> separado del borde por el
contenido valor indicado en n
Alto <table height=n o porcentaje Se puede establecer un valor

o un porcentaje para definir
ancho width=n o porcentaje> el tamaño de la tabla
<table bgcolor="#RRVVAA" Se puede establecer un color

Color de Fondo o background="imagen.gif"> de fondo de toda la tabla o
colocar una imagen de fondo
Imagen de Fondo
<caption Posibilita colocar un título a

Título </caption> la tabla alineadotop=arriba
align=top * bottom> texto del título obottom=abajo
Por cada fila que tenga la

<tr tabla deberá utilizarse esta
Definición de align=left*center*right etiqueta: se podrá establecer
</tr>
filas valign=top*middle*bottom la alineación del contenido, la
bgcolor="#RRVVAA"> ubicación dentro de la fila y
el color de fondo.
<th Permite definir los nombres

Definición de align=left*center*right*justify*decimal de las columnas.
</th>
títulos valign=top*middle*bottom*baseline
bgcolor="#RRVVAA">
<td Coloca contenidos a cada

Definición de
align=left*center*right*justify*decimal celda
datos o </td>
valign=top*middle*bottom*baseline
contenidos
bgcolor="#RRVVAA">
Celda que ocupa Se puede combinar una celda

<td rowspan=numero de filas> </td>
muchas filas para que ocupe muchas filas.
Celda que ocupa Se puede combinar una

muchas <td colspan=numero de columnas> </td> celda para que ocupe muchas
columnas columnas.
Formularios
Inicia un formulario. Se utiliza

Definición <form> para la entrada o el envío de
datos.
Acciones <form Envía la respuesta

action="mailto:direccion@email" inmediatamente a la
method=post dirección especificada en
enctype="text/plain">Texto referente formato de texto.
Ingresa un objeto dentro del

formulario, se deberá definir
el tipo de objeto, el nombre
<input del campo formulario, el
type="text" valor inicial que se le asigna,
Introducción de name="nombre del campo formulario" el tamaño máximo de
datos value="asignación de un dato" visualización del campo y el
size="número" tamaño máximo de
maxlenght="número"> caracteres que puede tener
ese campo.
Con el type = "text" no se
asigna Value
checkbox = se visualiza un
cuadro de verificación, si
deseamos que aparezca
tildado agregamos CHECKED.
password = el ingreso se
representa con asteriscos.
button radio = visualiza botones de
checkbox radio y permite que el
file usuario elija una opción entre
hidden varias. Se agregan tantos
Opciones de image input como opciones
type password deseamos.
radio
reset reset = visualiza un botón
submit que al hacerle click borrará
text los datos.
submit = visualiza un botón
que al hacerle click enviará
los datos.
text = crea un campo para
ingresar caracteres alfa-
numéricos
<textarea Permite ingresar un texto

Ingreso de un
name="nombre del campo formulario" extenso, por ejemplo
texto que ocupa </textarea>
rows="cantidad de filas" comentarios
muchas líneas
cols="cantidad de columnas">
<select name="nombre del campo Permite optar por los datos

Ingreso por formulario"> de un menú
medio de un <option>1º opción </select>
menú <option>2º opción
<option>3º opción
Frames o Marcos
Inicia la definición de un
Definición <frameset> </frameset>
frame.
Define dos frame en co-

lumnas ocupando uno el 20%
de la pantalla y el otro el 80%
Frames en <frameset cols="20%,80%"> restante.
columnas
<frameset rows="30%,70%> Define dos frame en filas
Frame en filas
ocupando una el 30% de la
pantalla y la otra el 70%
restante
Define en que frame se

cargará cada página.
<frame src="frame1.htm">
Contenido de Se asignará unname en este
<frame src="frame2.htm"
cada frame casoprincipal para indicar
name="principal">
que se visualicen allí los
futuros enlaces
Se utiliza como atributo de

un enlace e indica en que
frame deberá visualizarse ese
enlace.
"_ blank" = se abrirá una
nueva ventanadel navegador
Destino del
target="principal" y se 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 separación
entre frames (para
Netscape).
frameborder = 0indica que
Atributos del tag border=0
no habrá borde de
frameset frameborder=0
separación entre frames.
framespacing=0
framespacing = 0indica que
no habrá huecos de
separación entre frames
(para Explorer).
Atributos del tag frameborder="no" Frameborder =elimina los

frame marginheight="número" bordes de un frame
marginwidth="número"
name="nombre del frame" marginwidth ymargin-
noresize height = definen el ancho y
scrolling="yes/no/auto" alto de los margenes del
src="dirección.htm" frame.
name = define el nombre del
frame.
Noresize = indica que el fram

no podrá redimensionarse.
scrolling = inidca si tendrá o
no barra de desplazamiento.
src = indica el contenido del
frame.
Si el navegador no cuenta
con la posibilidad de incluir
Frames, con este tag puede
Si el frame no
definirse una dirección
puede <noframes> </noframes>
alternativa. Se coloca luego
visualizarse
de los tag FRAME y llevan
dentro un texto definifo
entre los tag <body> </body>

HTML Comandos

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

HTML Comandos

Cargado por

Copyright:

Formatos disponibles

SCRIPCION INICIO FINAL COMENTARIOS

Toda la codificación debe

Dentro del encabezado se

Es el texto que aparece en la

Cuerpo <body> </body> Cuerpo de la página

Para toda la página

Permite colocar un color

VV = tonalidad del color

AA = tonalidad del color azul

<body text="#RRVVAA" Permite definir los colores

Permite definir un estilo de

Permite definir propiedades

Ejecuta un archivo de sonido.

<bgsound xx.wav se debe reemplazar

Negrita <b> </b> Coloca el texto incluido con

Subrayado <u> </u>

Parpadeo <blink> </blink> El texto estará parpadeante

Grande <big> </big> Agranda el texto

Pequeña <small> </small> Disminuye el texto

Subíndice <sub> </sub> Representa el texto sobre el

Permite colocar un color a la

Permite definir un nombre de

Formato de fuente Courier

Formato de fuente tipo

Permite que un texto tenga

Traza un línea horizontal

Espacio en No utiliza etiqueta Representa un espacio en

Comentarios que no serán

Permiten que los caracteres

Caracteres &amp; & La escritura de cada carácter

&iacute í En esta tabla vemos como

<center> </center> Todo texto que se escriba

Se utiliza para destacar una

Realiza la separación entre

Renglones en Permite dejar renglones en

Permite insertar una imagen

Coloca un texto que podrá

Indicará la posición en que

<img dynsrc="archivi.avi" Permite agregar archivos de

Se utiliza cuando las opciones

<ul type=square * circle * disk> Se utiliza cuando las opciones

<dl> Se utiliza cuando las opciones

Enlace a un Te permite un enlace directo

Marca para Referencia una posición a la

Enlaza una posición

Enlace a otra Enlaza a la posición

xxx se debe reemplazar por

Enlaza a la dirección URL

Definición <table> </table> Crea una tabla

<table border=n n = representa al grosor del

Las celdas podrán separarse

Alto <table height=n o porcentaje Se puede establecer un valor

<table bgcolor="#RRVVAA" Se puede establecer un color

<caption Posibilita colocar un título a

Por cada fila que tenga la

<th Permite definir los nombres

<td Coloca contenidos a cada

Celda que ocupa Se puede combinar una celda

Celda que ocupa Se puede combinar una

Inicia un formulario. Se utiliza

Acciones <form Envía la respuesta

Ingresa un objeto dentro del

Caracteres & & La escritura de cada carácter