Comandos

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

desarrollan las páginas WEB.
A continuación hay una lista con algunos de los comandos usados en HTML.
DESCRIPCI COMENTAR
INICIO FINAL
ON IOS
Obligatorias
Toda la
Principio de codificación debe
<html> </html> estar incluida en
Documento
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 de la
Cuerpo <body> </body> página
Para toda la página
Permite colocar
un color uniforme
de fondo a toda la
página. Este color
<body bgcolor="#RRVVAA"> estará formado
por 3 números
Color de hexadecimales
Fondo que indiquen:
RR = tonalidad de
Ver escala de Colores color rojo
VV = tonalidad
del color verde
AA = tonalidad
del color azul
nombreimagen.g
if deberá
Imagen de <body
reemplazarse por
Fondo background="nombreimagen.gif"> el nombre de la
imagen. Se
recomienda
utilizar formatos
.gif o .jpg
Permite definir
Colores de los colores que se
texto color de <body text="#RRVVAA" aplicarán en
enlaces Link ="#RRVVAA" forma genérica
para el texto como
enlaces Vlink ="#RRVVAA" para los enlaces.
visitados Alink ="#RRVVAA" El color está
enlaces Ver escala de Colores representado por
activos un número
hexadecimal
Permite definir un
estilo de fuente,
Estilos <style> </style> color, tamaño, etc
para todo el
documento.
Permite definir
propiedades
internas del
documento.
Name =
"description"
content = ” Será
el resumen con
<meta que se publicará
name="description" en el buscador.
Meta content="comentarios" </meta> No utilizar más de
name="keywords" content="palabra1 25 palabras"
Name =
palabra2 ... palabran">
"keywords" con-
tent = "podrán
definirse palabras
claves para que
nuestro
documento sea
encontrado por
los buscadores"
Ejecuta un
<bgsound archivo de sonido.
xx.wav se debe
src="xx.wav"
reemplazar por el
loop=infinite/n> nombre del
<embed archivo; loop n
Sonido src="xx.wav" indica la cantidad
width=200 height=55 de veces que se
repetirá.
autostart="true"
La etiqueta
loop="true" Embed con sus
hidden="true"> propiedades, se
utiliza por las
incompatibilidade
s de los
navegadores.
Con esta opción
aparece una
consola cuyas di-
mensiones se
definen con
Width o Height y
que puede
ocultarse con
Hidden = "true"
Presentación de texto
Encabezamie </h1></h2>....</ Opciones de
<h1><h2>....<h6> formato de texto
ntos h6> para encabezados,
Negrita <b> </b> Coloca el texto
Cursiva <i> </i> incluido con éstos
formatos.
Subrayado <u> </u>
El texto estará
Parpadeo <blink> </blink> parpadeante
Agranda el texto
Grande <big> </big>
Disminuye el
Pequeña <small> </small> texto
Representa el
Subíndice <sub> </sub> texto sobre el
Superíndice <sup> </sup> renglón o bajo el
renglón.
Permite colocar
un color a la
Color del fuente. El color
<font color="#RRVVAA"> </font> está representado
Texto
por un número
hexadecimal.
Define un tamaño
de fuente
específico. n
Tamaño del repre-senta un
<font size="n"> </font> número del 0 al 7
Texto
al que luego
podrán agregarle
los signos + o -
Permite definir un
Tipo de
<font face="nombre de fuente"> </font> nombre de Fuente
fuente específico.
Formato de fuente
Estilo de Courier de
<tt> </tt> tamaño menor
fuente
(Typewriter)
Texto <pre> </pre> Formato de fuente
preformatead tipo Courier. Se
o representan los
espacios en
blanco
Permite que un
texto tenga
movimiento.
Pueden agregarse
atributos para
Texto en
<marquee>(texto) </marquee> dimensionar la
Movimiento marquesina, para
alinear el texto,
para modificar
tamaño, fuente y
color.
Traza un línea
horizontal cuyo
Línea No utiliza etiqueta
<hr="n"> grosor está
Horizontal de cierre representado por
“ n”
Espacio en No utiliza etiqueta Representa un
&nbsp espacio en blanco.
Blanco de cierre
Comentarios que
Comentario <!- comentario> -> no serán visibles
en la pantalla.
Permiten que los
caracteres
Escribo Para ver especiales sean
< < leídos por todos
los navegadores
> > en sus distintas
versiones.
& &
" " La escritura de
cada carácter
á á comienza con el
é é signo ampersand
(&) y debe
&iacute í terminar con
punto y coma (;)
ó ó
ú ú En esta tabla
Caracteres vemos como
Á Á escribir algunos
especiales
É É 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
Alineaciones <left> </left> etiquetas sufrirá
<right> </right> esa alineación .
Se utiliza para
Sangría <blockquote> </blockquote> destacar una cita.
Realiza la
separación entre
Parrafo párrafos, y la
<p align= center*left*right*justify> </p> alineación de
estos.
Permite dejar
Renglones en
<br> renglones en
blanco blanco
Tratamiento de imágenes
Permite insertar
una imagen en la
página que
estamos
diseñando. El
Imagen archivo de la
<img src="nombreimagen.gif"> imagen deberá
Individual 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
Texto de la <img src="nombreimagen.gif" al pasar el puntero
imagen alt="texto"> del ratón sobre la
imagen o cuando
ésta no se carga.
Indicará la
posición en que
ubicaremos al
texto que
Alineación <img src="nombreimagen.gif"
acompaña a la
del texto align= top * middle * bottom> imagen
Top Arriba *
Middle Medio *
Bottom Abajo
Define el tamaño
<img src="nombreimagen.gif" de la imagen
Ancho Width = ancho *
width="n" height = altura n
Alto
height="n"> = será un valor en
pixeles
<img dynsrc="archivi.avi" Permite agregar
Videos loop=infinite controls archivos de video.
start= mouseover>
Listas
Se utiliza cuando
las opciones
<ol type= A * a * I * i start=n> deben ser
<lh> título de la lista </lh> numerados. La
Lista opción type
<li> Primera opción </ol> representan
numerada
<li> Segunda opción número o letras y
<li> Tercera opción start indicará el
número con que
inicia.
<ul type=square * circle * disk> Se utiliza cuando

Lista no las opciones no
<lh> título de la lista </lh> </ul> presentan un
ordenada
<li> Primera opción orden
<li> Segunda opción determinado. La
<li> Tercera opción opción type
representa la
viñeta.
<dl> Se utiliza cuando
<lh> título de la lista </lh> las opciones
llevan un título y
<dt> Primer tema una 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
Enlace a otro destino del enlace.
<a href="xxx"> yyy </a> yyy es el texto
URL
indicativo que se
leerá en la
página.
Te permite un
Enlace a un <a href = "mailto:dirección e-mail"> enlace directo a tu
</a> cliente de correo
e-mail texto indicativo del enlace
predeterminado
Marca para Referencia una
enlace dentro posición a la que
luego se accederá.
de la misma <a href="#marca"> Texto de enlace al
</a>
página ancla
(Ancla -
Anchor)
Enlaza una
Localizar posición
previamente
enlace <a name="marca"> texto del ancla </a> marcada, dentro
anterior de la misma
página
Enlace a otra Enlaza a la
página con posición
<a href="ab.htm#marca"> texto establecida en
marca, </a> marca, en la
indicativo del enlace
dentro del página ab.htm
mismo sitio
xxx se debe
reemplazar por la
dirección URL
destino del enlace.
nombreimagen.g
if se debe
Enlace con <a href="xxx"><img reemplazar por el
</a> 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

Bordes grosor del borde.
bordercolor="#RRVVAA">
Color de También se podrá
Bordes especificar el
Ver escala de Colores color del borde
Las celdas podrán
Separación separarse por el n
<table cellspacing=n> valor
entre celdas
Separación El contenido
podrá estar
entre el borde
<table cellpadding=n> separado del
y el borde por el valor
contenido indicado en n
Se puede
establecer un
Alto <table height=n o porcentaje valor o un
ancho width=n o porcentaje> porcentaje para
definir el tamaño
de la tabla
Se puede
Color de <table bgcolor="#RRVVAA" establecer un
Fondo o background="imagen.gif"> color de fondo de
Imagen de toda la tabla o
Fondo Ver escala de Colores colocar una
imagen de fondo
Posibilita colocar
un título a la tabla
<caption
Título </caption> alineado
align=top * bottom> texto del título top=arriba o
bottom=abajo
<tr Por cada fila que
Definición de align=left*center*right tenga la tabla
</tr> deberá utilizarse
filas valign=top*middle*bottom esta etiqueta: se
bgcolor="#RRVVAA">
podrá establecer
la alineación del
contenido, la
ubicación dentro
de la fila y el
color de fondo.
<th Permite definir
Definición de align=left*center*right*justify*decimal los nombres de las
</th> columnas.
títulos valign=top*middle*bottom*baseline
bgcolor="#RRVVAA">
<td Coloca contenidos
Definición de a cada celda
align=left*center*right*justify*decimal
datos o </td>
valign=top*middle*bottom*baseline
contenidos
bgcolor="#RRVVAA">
Se puede
Celda que combinar una
ocupa <td rowspan=numero de filas> </td> celda para que
muchas filas ocupe muchas
filas.
Celda que Se puede
combinar una
ocupa
<td colspan=numero de columnas> </td> celda para que
muchas ocupe muchas
columnas columnas.
Formularios
Inicia un
formulario. Se
Definición <form> utiliza para la
entrada o el envío
de datos.
Envía la respuesta
<form action="mailto:direccion@email" inmediatamente a
Acciones method=post enctype="text/plain">Texto la dirección
referente especificada en
formato de texto.
Ingresa un objeto
dentro del
formulario, se
deberá definir el
tipo de objeto, el
<input nombre del
type="text" campo
Introducción name="nombre del campo formulario" formulario, el
de datos value="asignación de un dato" valor inicial que
size="número" se le asigna, el
tamaño máximo
maxlenght="número"> de visualización
del campo y el
tamaño máximo
de 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
checkbox botones de radio y
file permite que el
hidden usuario elija una
opción entre
Opciones de image varias. Se agregan
type password tantos input como
radio opciones
reset deseamos.
submit reset = visualiza
un botón que al
text
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
Ingreso de un <textarea Permite ingresar
texto que name="nombre del campo formulario" un texto extenso,
</textarea> por ejemplo
ocupa rows="cantidad de filas" comentarios
muchas líneas cols="cantidad de columnas">
<select name="nombre del campo Permite optar por
los datos de un
Ingreso por formulario"> 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 <frameset> </frameset> definición de un
frame.
Define dos frame
en columnas
ocupando uno el
Frames en 20% de la pantalla
<frameset cols="20%,80%"> y el otro el 80%
columnas
restante.
Frame en Define dos frame
<frameset rows="30%,70%>
filas 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"> Se asignará un
Contenido de
<frame src="frame2.htm" name en este caso
cada frame principal para
name="principal">
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 nave-
gador y se
Destino del
target="principal" visualizará en
frame 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
separación entre
Atributos del border=0 frames (para
tag frameset frameborder=0 Netscape).
framespacing=0 frameborder = 0
indica que no
habrá borde de
separación entre
frames.
framespacing = 0
indica que no
habrá huecos de
separación entre
frames (para
Explorer).
Frameborder =
elimina los bordes
de un frame
marginwidth y
marginheight =
definen el ancho y
alto de los
frameborder="no" margenes del
marginheight="número" frame.
marginwidth="número" name = define el
Atributos del nombre del frame.
name="nombre del frame" Noresize = indica
tag frame
noresize que el fram no
scrolling="yes/no/auto" podrá redimen-
src="dirección.htm" sionarse.
scrolling = inidca
si tendrá o no
barra de desplaza-
miento.
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
visualizarse coloca luego de
los tag FRAME y
llevan dentro un
texto definifo
entre los tag
<body> </body>

Comandos

Cargado por

Información del documento

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

Comandos

Cargado por

Copyright:

Formatos disponibles

COMANDOS HTML

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

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

<table border=n n = representa al

También podría gustarte