Sie sind auf Seite 1von 7

COMANDOS EN HTML

DESCRIPCION INICIO FINAL COMENTARIOS


Obligatorias
Principio de Toda la codificación debe estar
<html> </html>
Documento incluida en estas 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
Color de Fondo
hexadecimales que indiquen:
RR = tonalidad de color rojo
VV = tonalidad del color verde
AA = tonalidad del color azul
nombreimagen.gifdeberá
<body reemplazarse por el nombre de
Imagen de Fondo
background="nombreimagen.gif"> la imagen. Se recomienda utilizar
formatos .gif o .jpg
<body text="#RRVVAA" Permite definir los colores que se
Colores de texto Link ="#RRVVAA" aplicarán en forma genérica para
color de enlaces Vlink ="#RRVVAA" el texto como para los enlaces.
enlaces visitados Alink ="#RRVVAA" El color está 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
internas del documento.
Name = "description" content
<meta = ”Será el resumen con que se
name="description" publicará en el buscador. No
Meta content="comentarios" </meta> utilizar más de 25 palabras"
name="keywords" content="palabra1 Name = "keywords" content
palabra2 ... palabran"> = "podrán definirse palabras
claves para que nuestro
documento sea encontrado por
los buscadores"
Ejecuta un archivo de sonido.
xx.wav se debe reemplazar por
el nombre del
<bgsound
archivo; loop nindica la cantidad
src="xx.wav"
de veces que se repetirá.
loop=infinite/n>
La etiqueta Embed con sus
<embed
propiedades, se utiliza por las
Sonido src="xx.wav"
incompatibilidades de los
width=200 height=55
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"
COMANDOS EN HTML
Presentación de texto
Opciones de formato de texto
Encabezamientos <h1><h2>....<h6> </h1></h2>....</h6>
para encabezados,
Negrita <b> </b> Coloca el texto incluido con éstos
Cursiva <i> </i> formatos.
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
Superíndice <sup> </sup> renglón o bajo el renglón.
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 Texto <font size="n"> </font>
número del 0 al 7 al que 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 de
Estilo de fuente <tt> </tt>
tamaño menor (Typewriter)
Formato de fuente tipo Courier.
Texto
<pre> </pre> Se representan los espacios en
preformateado
blanco
Permite que un texto tenga
movimiento. Pueden agregarse
Texto en atributos para dimensionar la
<marquee>(texto) </marquee>
Movimiento marquesina, para alinear el texto,
para modificar tamaño, fuente y
color.
No utiliza etiqueta Traza un línea horizontal cuyo
Línea Horizontal <hr="n">
de cierre grosor está representado por “n”
No utiliza etiqueta Representa un espacio en
Espacio en Blanco &nbsp
de cierre blanco.
Comentarios que no serán
Comentario <!- comentario> ->
visibles en la pantalla.
Escribo Para ver Permiten que los caracteres
especiales sean leídos por todos
&lt; < los navegadores en sus distintas
&gt; > versiones.
&amp; & La escritura de cada carácter
&quot; " comienza con el signo
Caracteres ampersand (&) y debe terminar
especiales &aacute; á
con punto y coma (;)
&eacute; é
&iacute í En esta tabla vemos como
escribir algunos símbolos,
&oacute; ó
signos, las letras Ñ y ñ, y las
&uacute; ú vocales acentuadas en
&Aacute; Á mayúscula y minúscula.
COMANDOS EN HTML
&Eacute; É
&Iacute; Í
&Oacute; Ó
&Uacute; Ú
&ntilde; ñ
&Ntilde; Ñ
&uuml; ü
&Uuml; Ü
&#191; ¿
&#161; ¡

Presentación de párrafos
<center> </center> Todo texto que se escriba entre
Alineaciones <left> </left> estas etiquetas sufrirá esa
<right> </right> alineación .
Sangría <blockquote> </blockquote> Se utiliza para destacar una cita.
Realiza la separación entre
Parrafo
<p align= center*left*right*justify> </p> párrafos, y la alineación de estos.
Renglones en Permite dejar renglones en
<br>
blanco blanco
Tratamiento de imágenes
Permite insertar una imagen en
la página que estamos
diseñando. El archivo de la
Imagen Individual <img src="nombreimagen.gif"> 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á leerse
<img src="nombreimagen.gif" al pasar el puntero del ratón
Texto de la imagen
alt="texto"> 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 imagen
<img src="nombreimagen.gif"
Ancho Width = ancho * height =
width="n"
Alto altura n = será un valor en
height="n">
pixeles
<img dynsrc="archivi.avi" Permite agregar archivos de
Videos loop=infinite controls video.
start= mouseover>
Listas
<ol type= A * a * I * i start=n> Se utiliza cuando las opciones
<lh> título de la lista </lh> deben ser numerados. La opción
Lista numerada <li> Primera opción </ol> typerepresentan número o letras
<li> Segunda opción ystart indicará el número con que
<li> Tercera opción inicia.
COMANDOS EN HTML
<ul type=square * circle * disk> Se utiliza cuando las opciones no
<lh> título de la lista </lh> presentan un orden determinado.
Lista no ordenada <li> Primera opción </ul> La opción typerepresenta la
<li> Segunda opción 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 definición
<dt> Primer tema
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.
Enlace a otro URL <a href="xxx"> yyy </a>
yyy es el texto indicativo que se
leerá en la página.
Enlace a un <a href = "mailto:dirección e-mail"> Te permite un enlace directo a tu
</a>
e-mail texto indicativo del enlace cliente de correo predeterminado
Marca para enlace Referencia una posición a la que
dentro de la <a href="#marca"> Texto de enlace al luego se accederá.
</a>
misma página ancla
(Ancla - Anchor)
Enlaza una posición previamente
Localizar enlace
<a name="marca"> texto del ancla </a> marcada, dentro de la misma
anterior
página
Enlace a otra Enlaza a la posición establecida
página con marca, <a href="ab.htm#marca"> texto en marca, en la página ab.htm
</a>
dentro del mismo indicativo del enlace
sitio
xxx se debe reemplazar por la
dirección URL destino del enlace.
nombreimagen.gifse debe
Enlace con <a href="xxx"><img reemplazar por el nombre de
</a>
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á
Color de Bordes especificar el color del borde

Las celdas podrán separarse por


Separación entre
<table cellspacing=n> el nvalor
celdas
Separación entre El contenido podrá estar
el borde y el <table cellpadding=n> separado del borde por el valor
contenido indicado en n
Se puede establecer un valor o
Alto <table height=n o porcentaje
un porcentaje para definir el
ancho width=n o porcentaje>
tamaño de la tabla
COMANDOS EN HTML
<table bgcolor="#RRVVAA" Se puede establecer un color de
Color de Fondo o background="imagen.gif"> fondo de toda la tabla o colocar
Imagen de Fondo una imagen de fondo

Posibilita colocar un título a la


<caption
Título </caption> tabla alineadotop=arriba
align=top * bottom> texto del título
obottom=abajo
Por cada fila que tenga la tabla
<tr
deberá utilizarse esta etiqueta:
align=left*center*right
Definición de filas </tr> se podrá establecer la alineación
valign=top*middle*bottom
del contenido, la ubicación dentro
bgcolor="#RRVVAA">
de la fila y el color de fondo.
<th Permite definir los nombres de
Definición de align=left*center*right*justify*decimal las columnas.
</th>
títulos valign=top*middle*bottom*baseline
bgcolor="#RRVVAA">
<td Coloca contenidos a cada celda
Definición de
align=left*center*right*justify*decimal
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.
Se puede combinar una celda
Celda que ocupa
<td colspan=numero de columnas> </td> para que ocupe muchas
muchas columnas
columnas.
Formularios
Inicia un formulario. Se utiliza
Definición <form> para la entrada o el envío de
datos.
<form action="mailto:direccion@email" Envía la respuesta
Acciones method=post inmediatamente a la dirección
enctype="text/plain">Texto referente especificada en formato de texto.
Ingresa un objeto dentro del
formulario, se deberá definir el
tipo de objeto, el nombre del
<input
campo formulario, el valor inicial
type="text"
que se le asigna, el tamaño
Introducción de name="nombre del campo formulario"
máximo de visualización del
datos value="asignación de un dato"
campo y el tamaño máximo de
size="número"
caracteres que puede tener ese
maxlenght="número">
campo.
Con el type = "text" no se
asigna Value
checkbox = se visualiza un
button
cuadro de verificación, si
checkbox
deseamos que aparezca tildado
file
agregamos CHECKED.
hidden
password = el ingreso se
Opciones de image
representa con asteriscos.
type password
radio = visualiza botones de
radio
radio y permite que el usuario
reset
elija una opción entre varias. Se
submit
agregan tantos input como opcio-
text
nes deseamos.
COMANDOS EN HTML
reset = visualiza un botón que al
hacerle click borrará 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 de un
formulario"> menú
Ingreso por medio
<option>1º opción </select>
de un menú
<option>2º opción
<option>3º opción
Frames o Marcos
Definición <frameset> </frameset> Inicia la definición de un frame.
Define dos frame en columnas
ocupando uno el 20% de la
Frames en
<frameset cols="20%,80%"> pantalla y el otro el 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á
<frame src="frame1.htm"> cada página.
Contenido de cada
<frame src="frame2.htm" Se asignará unname en este
frame
name="principal"> casoprincipal para indicar 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 y se
visualizará en ella.
Destino del frame target="principal"
"_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 no
Atributos del tag border=0
habrá borde de separación entre
frameset frameborder=0
frames.
framespacing=0
framespacing = 0indica que no
habrá huecos de separación
entre frames (para Explorer).
frameborder="no" Frameborder =elimina los
marginheight="número" bordes de un frame
Atributos del tag
marginwidth="número" marginwidth ymarginheight =
frame
name="nombre del frame" definen el ancho y alto de los
noresize margenes del frame.
COMANDOS EN HTML
scrolling="yes/no/auto" name = define el nombre del
src="dirección.htm" 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 definirse una
Si el frame no
<noframes> </noframes> dirección alternativa. Se coloca
puede visualizarse
luego de los tag FRAME y llevan
dentro un texto definifo entre los
tag <body> </body>

Das könnte Ihnen auch gefallen