El HTML (HIPERTEXT MAKE UP LENGUAGE), son comandos con los que se desarrollan las paginas
WEB.
Acontinuacién hay una lista con algunos de los comandos usados en HTML.
[DESCRIPCION
INICIO
FINAL
[COMENTARIOS
|Obligatorias
Principio de
[Documento
‘
i
[Toda la codificacién debe
festar incluida en estas
fetiquetas
Encabezado
[Dentro del encabezado se
fencontrard el titulo.
[Titulo
i
i
[Es el texto que aparece en
la barra de titulos del
lhavegador
(Cuerpo
Kbody>
Kibody>
[Cuerpo de la pagina
[Para toda la pagina
[Color de Fondo
kbody bgcolor="#RRVVAA">
[Permite colocar un color
luniforme de fondo a toda
la pagina. Este color
festara formado por 3
Intimeros hexadecimales
ue indiquen:
IRR = tonalidad de color
ojo
V = tonalidad del color
rde
= tonalidad del color
zl
lmagen de Fondo
body
background="nombreimagen.gif'>
lnombreimagen gifdeberd
eemplazarse por el
lhombre de la imagen. Se
ecomienda utilizar
formatos .gif o jpg
Colores de texto
jcolor de enlaces
enlaces visitados
Kistyle>
[Permite definir un estilo de
fuente, color, tamajio, etc
ara todo el documento.
palabras"
content="palabra1! palabra2 Name = “keywords”
balabran"> lcontent = "podran
(efinirse palabras claves
para que nuestro
jocumento sea
ncontrado por los
buscadores"
[Ejecuta un archivo de
sonido.
kx.wav se debe
feemplazar por el nombre
Ikbgsound (el archivo; loop nindica
Ssre="socwav" la cantidad de veces que
loop=infinite/in> le repetira
embed La etiqueta Embed con
ISonido ro="ocwav" lsus propiedades, se utiliza
idth=200 height=55 hor las incompatibilidades
lautostart="true" ide los navegadores.
loop="true" Icon esta opcién aparece
hidden="true"> luna consola cuyas di-
Imensiones se definen
on Widtho Height y que
lbuede ocuttarse
on Hidden = “true”
[Presentacion de texto
; [kint>
.... JOpciones de formato de
cht >
....
lEncabezamientos {
.... [eto> [Coloca el texto incluido
Icursiva i> lci> {con éstos formatos.
\Subrayado ku> Kktu>
Parpadeo \ [Eltexto estara
jarpadeante
|Grande Kebig> [ktbig> granda el texto
Pequefia k«small> kismali> __[Disminuye el texto
Isubindice lesub> kkisub> Cee ey ee
Superindice ——ksup> Kkisup> rei
[Permite colocar un color a
(Color del Texto font color="#RRVVAA"> Kcfont> fa fuente. El color esta
representado por un
lhimero hexadecimal.
[Define un tamafio de
bramafo del fuente especifico. nrepre-
i Kfont> ksenta un niimero del 0 al 7
‘exto 4
lal que luego podran
lagregare los signos + 0 -
Tipo de fuente —_| _| [Permite definir un nombre
de Fuente especifico.
Formato de fuente Courier[Estilo de fuente icit> le tamafio
Imenor (Typewriter)
[Texto Leore> Lipre> corer oe fuente ti po
lpreformateado |" pre: ‘ourier. Se representan
los espacios en blanco
[Permite que un texto tenga
Imovimiento, Pueden
lrexto en L ston Li , pategarse atbuies para
IMovimiento marquee>(texto) marquee> _|dimensionar la
Imarquesina, para alinear
fel texto, para modificar
tamafio, fuente y color.
No utiliza |[Traza un linea horizontal
lLinea Horizontal j letiqueta de _jeuyo grosor esta
lcierre Iepresentado por
‘i Noutiiiza Representa un espacio en
Espacio en lanbsp letiqueta de _[fplanco.
[Blanco
ierre
|Comentario k!- comentario> > (Comentarios que no seran’
jsibles en la pantalla.
Escribo Para ver [Permiten que los
ait; E aracteres especiales
2 isean leidos por todos los
>s P inavegadores en sus
&_|& Hdistintas versiones.
"_|f
Baacuter lLa escritura de cada
ue jeardcter comienza con el
eacute; |é ‘signo ampersand (&) y
iacute || {debe terminar con punto y
Roacute; 6 oma ()
Suacute; Ii [Enesta tabla vemos como
|Caracteres Á|A lescribir algunos simbolos,
lespeciales @Eacute;|E Kignos, las letras Ny fi, y
sleut; es vcaes acamas on
[Ó|O ys y .
{Ú|U
ñ fi
[Ñ IN
@uumi; |
aUumi_|0
ee1ot; le
#161; li
[Presentacion de parrafos
Kcenter> Kicenter> Todo texto que se escriba
Alineaciones —_|left> Kklleft> lentre estas etiquetas
Kkright> Kiright> lsuftird esa alineacin[Se utiliza para destacar
I
\Sangria Ikblockquote> Jeblockquote>|>° tt?
[Realiza la separacién
Parrafo _ eight lontre parrafos, yla
kp align=center“leftrright'justify> —|x/p> rive pérrafos, ia
JRengionesen [4 [Permite dejar rengiones eni
lbianco bbianco
Tratamiento de imagenes
[Permite insertar una
imagen en la pagina que
lestamos disefiando. El
larchivo de la imagen
lmagen Individual { jebera estar ubicado en la
Imisma carpeta que la
pagina, caso contrario se
Kdeberd indicar su ruta de
lacceso
[Coloca un texto que podra
[Texto dela kcimg sro="nombreimagen.gi leerse al pasar el puntero
limagen texto"> \del raton sobre la imagen
jo cuando ésta no se carga.
indicara la posicion en que
lAlineacion del __| jaltura n = serd un valor en
ixeles
[Permite agregar archivos
Videos fe video.
Start= mouseover>
[Listas
*a*l*istart= [Se utiliza cuando las
Crime do aise Primera opcién Kklo> °
n yperepresentan numero o
Segunda opcién Leen tat inalicard cl
\
Tercera opcién letras ystart indicara el
lnimero con que inicia.
Kul type=square * circle * disk> [Se utiliza cuando las
bi kih> titulo de la lista lopciones no presentan un
ista no :
been kci> Primera opcion Jer rden determinado. La
kki> Segunda opcién lopcisn typerepresenta la
lci> Tercera opcion jfeta,
kdP> [Se utiliza cuando las
k titulo de la lista pciones llevan un titulo y
In = representa al grosor
ie| borde. También se
odra especificar el color
lel borde
|Separaci6n entre
jceldas
table cellspacing=n>
Las celdas podran sepa-
arse por el nvalor
jeparacion entre
[El contenido podra estar
I borde y el table cellpadding=n> lseparado del borde por el
ontenido alor indicado enn
[Se puede establecer un
IAlto table height=n o porcentaje alor o un porcentaje parajancho.
dth=n o porcentaje>
lefinir el tamafio de la
bla
\Color de Fondo o
Imagen de Fondo
table bgcolor="#RRVVAA"
background="imagen gif'>
[Se puede establecer un
‘olor de fondo de toda la
tabla o colocar una imagen
je fondo
caption
Posibilita colocar un titulo a
la tabla
nctype="text/plain">Texto referente
[Fitulo lalign=top * bottom> texto deltitulo |°4PtOn> | alineadotop=arriba
lobottom=abajo
[Por cada fila que tenga la
abla deberd utlizarse esta
tiqueta: se podra
a left*center*right e
Definicion de fas oer psnnidae-pottom Iktr> lestablecer a alineacién
bacolors"#RRVVAA"> fel contenido, la ubicacion
Kdentro de la fila yel color
{de fondo.
ith Permile definir los nom-
PPefinicién de _align-lef'conter‘right*ustify‘decimall i, bres de las columnas.
itulos Walign=top"middle"bottom"baseline
bgcolor="#RRVVAA">
ie |Coloca contenidos a cada
Defi q .
ehnicion de Jeft'center*rightjustify'decimal jcelda
\datos o g “ 's " leitd>
Sonic lign=top*middlebotiom’baseline
pontenidos bgcolor="#RRVVAA">
[Se puede combinar una
elda que ocupa -
Inuchae flee —_|eitd> elda para que ocupe
Inuchas filas
elda que ocupa Se puede combinar una
Inuchas kid colspan=numero de columnas> {celda para que ocupe
olumnas Imuchas columnas.
[Formularios
jnicia un formulario. Se
[Definicion \cform> luiliza para la entrada o el
lenvio de datos.
ieform [Envia la respuesta
lacciones clion="mailto:direccion@email" inmediatamente a la
Imethod=post, \direccién especificada en
formato de texto.
Introduccién de
datos
input
type="text"
hame="nombre del campo
formulario"
value="asignacién de un dato"
size="numero"
maxlenght="nimero">
lngresa un objeto dentro
jel formulario, se deberd
lefinir el tipo de objeto, el
hombre del campo
formulario, el valor inicial
fque se le asigna, el
tamafio maximo de
isualizacién del campo y
fel tamajio maximo de
aracteres que puede
tener ese campo.
Icon el type = "text" no|se asigna Value
[checkbox = se visualiza
lun cuadro de verificacién,
Isi deseamos que
japarezea tildado
lagregamos CHECKED
password = el ingreso se
Frame en filas