Informatica - Anonimo-Html Algunos Comandos PDF

GUA RPIDA DE COMANDOS HTML
El HTML (HIPERTEXT MAKE UP LENGUAGE), son comandos con los que se

desarrollan las pginas WEB. A continuacin hay una lista con algunos de los
comandos usados en HTML.
DESCRIPCION
INICIO
FINAL
COMENTARIOS
Obligatorias
Principio de
Documento
<html>
</html>
Toda la codificacin debe estar

incluida en estas etiquetas
Encabezado
<head>
</head>
Dentro del encabezado

encontrar el ttulo.
Ttulo
<title>
</title>
Es el texto que aparece en la

barra de ttulos del navegador
Cuerpo
<body>
</body>
Cuerpo de la pgina
se
Para toda la pgina
Color de Fondo
Permite colocar un color

uniforme de fondo a toda la
pgina. Este color estar
formado
por
3
nmeros
hexadecimales que indiquen:
<body bgcolor="#RRVVAA">
Ver escala de Colores
RR = tonalidad de color rojo

VV = tonalidad del color verde
AA = tonalidad del color azul
Imagen de
Fondo
Colores de
texto color de
enlaces
enlaces
visitados
enlaces activos
Estilos
Meta
<body background="nombreimagen.gif">
nombreimagen.gif
deber
reemplazarse por el nombre de
la imagen. Se recomienda
utilizar formatos .gif o .jpg
<body text="#RRVVAA"
Link ="#RRVVAA"
Vlink ="#RRVVAA"
Alink ="#RRVVAA"
Permite definir los colores que

se aplicarn en forma genrica
para el texto como para los
enlaces.
El
color
est
representado por un nmero
hexadecimal

<style>
<meta
name="description" content="comentarios"
name="keywords" content="palabra1
palabra2 ... palabran">
</style>
Permite definir un estilo de

fuente, color, tamao, etc para
todo el documento.
</meta>
Permite definir propiedades

internas del documento.
Name = "description" content
= Ser el resumen con que se
publicar en el buscador. No
utilizar ms de 25 palabras"
Name = "keywords" content
= "podrn 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 archivo; loop
n indica la cantidad de veces
que se repetir.
src="xx.wav"
loop=infinite/n>
<embed
Sonido
La etiqueta Embed con sus

propiedades, se utiliza por las
incompatibilidades
de
los
navegadores.
src="xx.wav"
width=200 height=55
autostart="true"
Con esta opcin aparece una

consola cuyas dimensiones se
definen con Width o Height y
que puede ocultarse con
Hidden = "true"
loop="true"
hidden="true">
Presentacin de texto
Encabezamient
<h1><h2>....<h6>
os
</h1></h2>....</ Opciones de formato de texto

para encabezados,
h6>
Coloca el texto incluido con
stos formatos.
Negrita
<b>
</b>
Cursiva
<i>
</i>
Subrayado
<u>
</u>
Parpadeo
<blink>
</blink>
El texto estar parpadeante
Grande
<big>
</big>
Agranda el texto
Pequea
<small>
</small>
Disminuye el texto
Subndice
<sub>
</sub>
Superndice
<sup>
</sup>
Representa el texto sobre el

rengln o bajo el rengln.
</font>
Permite colocar un color a la

fuente.
El
color
est
representado por un nmero
hexadecimal.
<font size="n">
</font>
Define un tamao de fuente

especfico. n repre-senta un
nmero del 0 al 7 al que luego
podrn agregarle los signos + o
-
Tipo de fuente <font face="nombre de fuente">
</font>
Permite definir un nombre de

Fuente especfico.
Estilo de fuente <tt>
</tt>
Formato de fuente Courier de

tamao menor (Typewriter)
Texto
<pre>
preformateado
</pre>
Formato de fuente tipo Courier.

Se representan los espacios en
blanco
<marquee>(texto)
</marquee>
Permite que un texto tenga

movimiento. Pueden agregarse
atributos para dimensionar la
marquesina, para alinear el
texto, para modificar tamao,
fuente y color.
Lnea
Horizontal
<hr="n">
No utiliza
etiqueta de
cierre
Traza un lnea horizontal cuyo

grosor est representado por
n
Espacio en
Blanco
&nbsp
No utiliza
etiqueta de
cierre
Representa
blanco.
Color del Texto <font color="#RRVVAA">
Tamao del
Texto
Texto en
Movimiento
un
espacio
en
Comentario
<!- comentario>
Caracteres
especiales
->
Escribo
Para ver
<
<
>
>
&
&
"
"
á
é
&iacute
ó
ú
Á
É
Í
Ó
Ú
ñ
Ñ
ü
Ü
¿
¡
Comentarios que no
visibles en la pantalla.
sern
Permiten que los caracteres

especiales sean ledos por
todos los navegadores en sus
distintas versiones.
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
Alineaciones
Sangra
Parrafo
Renglones en
blanco
<center>
</center>
<left>
</left>
<right>
</right>
<blockquote>
</blockquote>
<p align= center*left*right*justify>
</p>
Todo texto que se escriba entre

estas etiquetas sufrir esa
alineacin .
Se utiliza para destacar una
cita.
Realiza la separacin entre
prrafos, y la alineacin de
estos.
Permite dejar
blanco
<br>
renglones
en
Tratamiento de imgenes
Imagen
Individual
<img src="nombreimagen.gif">
Permite insertar una imagen en

la
pgina
que
estamos
diseando. El archivo de la
imagen deber estar ubicado
en la misma carpeta que la
pgina, caso contrario se
deber indicar su ruta de
acceso
Texto de la
imagen
<img src="nombreimagen.gif" alt="texto">
Alineacin del
texto
<img src="nombreimagen.gif"
Ancho
<img src="nombreimagen.gif"
width="n"
height="n">
Alto
Videos
Coloca un texto que podr

leerse al pasar el puntero del
ratn sobre la imagen o cuando
sta no se carga.
Indicar la posicin en que
ubicaremos al texto que
acompaa a la imagen
align= top * middle * bottom>
Top Arriba * Middle Medio *

Bottom Abajo
Define el tamao de la imagen
Width = ancho * height =
altura n = ser un valor en
pixeles
<img dynsrc="archivi.avi"
loop=infinite controls
start= mouseover>
Permite agregar archivos de

video.
Listas
<ol type= A * a * I * i start=n>
<lh> ttulo de la lista </lh>
Lista numerada <li> Primera opcin
<li> Segunda opcin
<li> Tercera opcin
Lista no
ordenada
<ul type=square * circle * disk>

<li> Primera opcin
<li> Segunda opcin
<li> Tercera opcin
Lista con
sangrado
<dl>
<dt> Primer tema
<dd> Primer detalle
<dd> Segundo detalle
<dt> Segundo tema
<dd> Tercer detalle
<dd> Cuarto detalle
</ol>
</ul>
Se utiliza cuando las opciones

deben ser numerados. La
opcin
type
representan
nmero o letras y start indicar
el nmero con que inicia.
no
presentan
un
orden
determinado. La opcin type
representa la vieta.
llevan un ttulo y una definicin
</dl>
Enlaces o Links
Enlace a otro
URL
Enlace a un
e-mail
<a href="xxx"> yyy
</a>
xxx se debe reemplazar por la

direccin URL destino del
enlace.
yyy es el texto indicativo que se
leer en la pgina.
<a href = "mailto:direccin e-mail"> texto

indicativo del enlace
</a>
Te permite un enlace directo a

tu
cliente
de
correo
predeterminado
Marca para
enlace dentro
<a href="#marca"> Texto de enlace al ancla </a>
de la misma
pgina
(Ancla - Anchor)
Referencia una posicin a la

que luego se acceder.
Localizar enlace
<a name="marca"> texto del ancla
anterior
Enlaza
una
posicin
previamente marcada, dentro
de la misma pgina
</a>
Enlace a otra
pgina con
<a href="ab.htm#marca"> texto indicativo
marca, dentro del enlace
del mismo sitio
</a>
Enlaza
a
la
posicin
establecida en marca, en la
pgina ab.htm
xxx se debe reemplazar por la
direccin URL destino del
enlace.
Enlace con
imagenes
<a href="xxx"><img
src="nombreimagen.gif">
</a>
nombreimagen.gif se debe
reemplazar por el nombre de
imagen seleccionado
Enlaza a la direccin URL
haciendo un click sobre la
imagen.
Tablas
Definicin
Bordes
<table>
</table>
n = representa al grosor del

borde. Tambin se podr
especificar el color del borde
<table border=n bordercolor="#RRVVAA">
Color de
Bordes
Crea una tabla

<table cellspacing=n>
Las celdas podrn separarse

por el n valor
Separacin
entre el borde y <table cellpadding=n>
el contenido
El contenido podr estar

separado del borde por el valor
indicado en n
Separacin
entre celdas
Alto
ancho
Se puede establecer un valor o

un porcentaje para definir el
tamao de la tabla
<table height=n o porcentaje

width=n o porcentaje>
Se puede establecer un color

de fondo de toda la tabla o
colocar una imagen de fondo
Color de Fondo
<table bgcolor="#RRVVAA"
o
background="imagen.gif">
Imagen de
Fondo
</caption>
Posibilita colocar un ttulo a la

tabla alineado top=arriba o
bottom=abajo
Definicin de
filas
<tr
align=left*center*right
valign=top*middle*bottom
bgcolor="#RRVVAA">
</tr>
Por cada fila que tenga la tabla

deber utilizarse esta etiqueta:
se
podr
establecer
la
alineacin del contenido, la
ubicacin dentro de la fila y el
color de fondo.
Definicin de
ttulos
<th align=left*center*right*justify*decimal
valign=top*middle*bottom*baseline
bgcolor="#RRVVAA">
</th>
Permite definir los nombres de

las columnas.
Definicin de
datos o
contenidos
<td align=left*center*right*justify*decimal
valign=top*middle*bottom*baseline
bgcolor="#RRVVAA">
</td>
Coloca
celda
</td>
Se puede combinar una celda

para que ocupe muchas filas.
Ttulo
<caption
align=top * bottom> texto del ttulo
Celda que
ocupa muchas <td rowspan=numero de filas>
filas
Celda que
ocupa muchas <td colspan=numero de columnas>
columnas
</td>
contenidos
cada
Se puede combinar una celda

para que ocupe muchas
columnas.
Formularios
Definicin
<form>
Inicia un formulario. Se utiliza

para la entrada o el envo de
datos.
Acciones
<form action="mailto:direccion@email"
method=post enctype="text/plain">Texto
referente
Enva
la
respuesta
inmediatamente a la direccin
especificada en formato de
texto.
Ingresa un objeto dentro del
formulario, se deber definir el
tipo de objeto, el nombre del
campo formulario, el valor
inicial que se le asigna, el
tamao
mximo
de
visualizacin del campo y el
tamao mximo de caracteres
que puede tener ese campo.
Con el type = "text" no se
asigna Value
<input
type="text"
Introduccin de name="nombre del campo formulario"
value="asignacin de un dato"
datos
size="nmero"
maxlenght="nmero">
Opciones de
type
checkbox = se visualiza un
cuadro de verificacin, si
deseamos
que
aparezca
tildado agregamos CHECKED.
password = el ingreso se
representa con asteriscos.
radio = visualiza botones de
radio y permite que el usuario
elija una opcin entre varias.
Se agregan tantos input como
opciones deseamos.
reset = visualiza un botn que
al hacerle click borrar los
datos.
submit = visualiza un botn
que al hacerle click enviar los
datos.
text = crea un campo para
ingresar
caracteres
alfanumricos
button
checkbox
file
hidden
image
password
radio
reset
submit
text
<textarea
Ingreso de un
name="nombre del campo formulario"
texto que ocupa
rows="cantidad de filas"
muchas lneas cols="cantidad de columnas">
Ingreso por
medio de un
men
<select name="nombre del campo

formulario">
<option>1 opcin
<option>2 opcin
<option>3 opcin
</textarea>
Permite ingresar
extenso,
por
comentarios
un texto
ejemplo
Permite optar por los datos de

un men
</select>
Frames o Marcos
Definicin
Frames en
columnas
Frame en filas
<frameset>
<frameset cols="20%,80%">
<frameset rows="30%,70%>
</frameset>
Inicia la definicin de un frame.

Define dos frame en columnas
ocupando uno el 20% de la
pantalla y el otro el 80%
restante.
Define dos frame en filas
ocupando una el 30% de la
pantalla y la otra el 70%
restante
Contenido de
cada frame
Destino del
frame
Atributos del
tag frameset
Atributos del
tag frame
Si el frame no
puede
visualizarse
<frame src="frame1.htm">
<frame src="frame2.htm" name="principal">
Define en que frame se cargar

cada pgina.
Se asignar un name en este
caso principal para indicar que
se visualicen all los futuros
enlaces
target="principal"
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 visualizar en ella.
"_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 = 0 indica que no
habr borde de separacin
entre frames.
framespacing = 0 indica que
no habr huecos de separacin
entre frames (para Explorer).
border=0
frameborder=0
framespacing=0
frameborder="no"
marginheight="nmero"
marginwidth="nmero"
name="nombre del frame"
noresize
scrolling="yes/no/auto"
src="direccin.htm"
Frameborder = elimina los

bordes de un frame
marginwidth y marginheight
= definen el ancho y alto de los
margenes del 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.
<noframes>
Si el navegador no cuenta con

la posibilidad de incluir Frames,
con este tag puede definirse
una direccin alternativa. Se
coloca luego de los tag FRAME
y llevan dentro un texto definifo
entre los tag <body> </body
</noframes>

Informatica - Anonimo-Html Algunos Comandos PDF

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Informatica - Anonimo-Html Algunos Comandos PDF

Transféré par

Droits d'auteur :

Formats disponibles

GUA RPIDA DE COMANDOS HTML

El HTML (HIPERTEXT MAKE UP LENGUAGE), son comandos con los que se

Toda la codificacin debe estar

Dentro del encabezado

Es el texto que aparece en la

Para toda la pgina

Permite colocar un color

RR = tonalidad de color rojo

Permite definir los colores que

Ver escala de Colores

Permite definir un estilo de

Permite definir propiedades

Ejecuta un archivo de sonido.

xx.wav se debe reemplazar

La etiqueta Embed con sus

Con esta opcin aparece una

</h1></h2>....</ Opciones de formato de texto

El texto estar parpadeante

Representa el texto sobre el

Permite colocar un color a la

Define un tamao de fuente

Tipo de fuente <font face="nombre de fuente">

Permite definir un nombre de

Estilo de fuente <tt>

Formato de fuente Courier de

Formato de fuente tipo Courier.

Permite que un texto tenga

Traza un lnea horizontal cuyo

Color del Texto <font color="#RRVVAA">

Permiten que los caracteres

<p align= center*left*right*justify>

Todo texto que se escriba entre

Permite insertar una imagen en

<img src="nombreimagen.gif" alt="texto">

Coloca un texto que podr

align= top * middle * bottom>

Top Arriba * Middle Medio *

Permite agregar archivos de

<ul type=square * circle * disk>

Se utiliza cuando las opciones

<a href="xxx"> yyy

xxx se debe reemplazar por la

<a href = "mailto:direccin e-mail"> texto

Te permite un enlace directo a

Referencia una posicin a la

n = representa al grosor del

<table border=n bordercolor="#RRVVAA">

Crea una tabla

Ver escala de Colores

Las celdas podrn separarse

El contenido podr estar

Se puede establecer un valor o

<table height=n o porcentaje

Se puede establecer un color

Posibilita colocar un ttulo a la

Por cada fila que tenga la tabla

Permite definir los nombres de

Se puede combinar una celda

Se puede combinar una celda

Inicia un formulario. Se utiliza

<select name="nombre del campo

Permite optar por los datos de

Inicia la definicin de un frame.

<p align= centerleftright*justify>