Etiquetas de HTML

Etiquetas Abiertas: Se colocan al inicio de nuestra indicacin, no es
necesario cerrarlas, por ejemplo:

<BR> indica dar un salto de lnea.
<HR> indica colocar una lnea o regla.
Etiquetas Cerradas: Se colocan al inicio para indicar la accin y se cierran al

final de la instruccin, acompaada del smbolo
/.
Por ejemplo:
<FONT> </FONT> Indica donde empieza y
termina el tipo de fuente.
<BODY></BODY>Indica
donde
empieza
donde termina el contenido de la web.
Atributos: Adems de la instruccin establecida por etiquetas, cada

etiqueta
tiene
atributos.
Los
atributos
sirven
para
indicar
caractersticas de las etiquetas.
Modificadores: sirven para modificar las caractersticas de los atributos
Ejemplo:
<p align=right>
Etiqueta
Atributo
<P>
ALIGN
Modificador RIGHT
Indica que es un prrafo y que tiene una alineacin a la derecha
las
Para generar tu cdigo html y crear tu web debes de

considerar lo siguiente:
Existe una estructura bsica que nos permite indicar
que es una pgina web.
Las etiquetas como mencionamos pueden escribirse
con
maysculas
minsculas
pero
sin
errores
gramaticales.
Tanto las etiquetas como los atributos usan el idioma
ingls o cdigos establecidos (por ejemplo para el
color)
En ocasiones los valores de los atributos pueden ser
sensibles a las maysculas, por ejemplo en el nombre
de un archivo o estilo de una fuente.
Los nombres de las etiquetas o directivas no pueden

contener espacios.
Los valores de los atributos pueden contener espacios
si est encerrado entre comillas por ejemplo: <Font
face=Century Gothic>
Los visualizadores de pginas ignoran los espacios en
blanco o enters, para crear espacios en blanco o saltos
de lnea hay que utilizar los caracteres especiales o las
etiquetas especficas.
La primera etiqueta en abrir es la ltima en cerrar.
Los visualizadores ignoran las etiquetas o atributos
mal escritos o desconocidos para el visualizador.
Parara disear una web debes de considerar lo siguiente:

La primera pgina debe de ser el ndice o pgina principal
que lo identifique como el documento inicial de un sitio.
Las pginas Web relacionan entre s a travs de ligas, links o
hipervnculos.
Para guardar los documentos y archivos que conforman la pgina
web es necesario crear una carpeta y guardar toda la
informacin dentro de la misma carpeta.
Se guarda el documento como Documento Texto (en el block
de notas o en wordpad) con la extensin htm esto nos permite
generar un archivo con el icono de pgina web, por ejemplo
PAGINA 1.htm
Una vez creadas la pgina web se puede visualizar en un
buscador, se puede trabajar sin conexin.
La pgina Web mostrar en su contenido el texto o

imgenes establecidas en el cuerpo (BODY) de nuestra
pgina. El ancho de nuestra pgina ser el indicado a travs de
los botones de control del tamao de la ventana, esta permitir
ajustar el texto en forma automtica.
Si se desea modificar el contenido de la pgina se debe abrir la
pgina y en el men ver seleccionar la opcin Cdigo fuente,
esto nos llevar al block de notas, se hacen los cambios,
guardamos y cerramos el block de notas y actualizamos la
pgina web con el botn de Actualizar de la barra o tambin
si oprimes F5.
Estructura basica de un documento html
La estructura bsica de un documento escrito en HTML contendra

bsicamente las siguientes etiquetas:
<HTML> Inicio de la pgina
<HEAD> Cabecera
<TITLE> Titulo de la pgina (aparece en la barra del
navegador)
</TITLE> Cierre ttulo de la pgina
</HEAD> Cierre de cabecera.
<BODY> Inicio del cuerpo del documento: texto, tablas,
imgenes, etc.
</BODY> Cierre del cuerpo de la pgina.
</HTML> Cierre o final de la pgina.
Cabecera y ttulo del documento

<Head></Head>
La etiqueta <HEAD></HEAD> delimita el inicio del
documento. Dentro de <head> es importante definir el ttulo
de la pgina por medio de la etiqueta <TITLE></TITLE>. Este
ttulo ser el que aparezca en la barra de nuestro navegador
de nuestras pginas Web.
Ejemplo:
<HEAD><TITLE>Las Drogas en Mxico </TITLE></HEAD>
Cuerpo del documento

<Body></Body>
La etiqueta Body (Cuerpo) es la que nos permite incluir
dentro de ella todo el contenido que se ver a travs de
visualizador en la pantalla, o sea en nuestra pgina web.
Body es una etiqueta cerrada <BODY></BODY>
Atributo
Accin
Ejemplo:
Coloca una imagen de fondo a nuestra pgina

Deber usar imgenes tipo:jpg, gif,jpeg, tif
Background=imagen1.jp
g
Indica un color para el fondo de nuestra pgina.
Bgcolor=purple
Bgcolor= 74DF00
Text=color o cdigo
Indica un color para el texto que incluyamos en nuestro

documento. Por defecto es negro. Solo se ve alterado
cuando se usa <Font>.
Text=orange
Text=#DF0174
Alink=color o cdigo
Indica el color de los enlaces activos, es decir, los

enlaces seleccionados con un clic sostenido.
Alink=red
Alink= #088A08
Link=color o cdigo
Indica el color de los textos que dan acceso a un

enlace. Por defecto es azul.
Link=purple
Link=#DF0174
Vlink=color o cdigo
Indica el color de los textos que dan acceso a un enlace

que ya hemos visitado con nuestro navegador. Por
defecto es prpura.
Vlink=yellow
Link=#DF0101
Bgproperties=fixed
El parmetro fixed, inmoviliza el fondo de la pgina

con respecto al desplazamiento del texto.
Solo funciona con Internet Explorer.
Bgproperties=fixed
Background=URL\imagen"
Bgcolor=color o cdigo
http://html-color-codes.info/codigo
s-de-colores-hexadecimales/
Ejemplo
<Body bgcolor=black text=yellow Alink=#088A08 link=#DF0174 vlink=#6E6E6E>
<Body background=imagen1.jpg bgproperties=fixed link=blue alink=orange>
Espacios y Saltos de lnea

.
En HTML los espacios entre caracteres con barra espaciadora no

existen, solo reconoce un espacio, si deseas ms espacios hay que
usar el comando &nbsp por cada uno de los espacios que desees
colocar
Para indicar un salto de lnea se utiliza la

etiqueta <BR>, cada BR indica un enter o punto
y aparte.
Formato de prrafo
Prrafos
<P></P>
Es una etiqueta cerrada, se abre al inicio del prrafo y se cierra al

finalizarlo. El atributo para prrafo es ALIGN, ALIGN nos permite
cambiar la alineacin de un texto
Atributo
Accin
Alinea el prrafo a la izquierda (left), a la

Align=left/right/center/justify
derecha (right), justificado (justify) o al
centro (center).
Style=line-height:%
Coloca el interlineado al
porcentaje de 100 es el
sencillo
Ejemplo:
<p align=right style=line-height:150%>
prrafo, el
interlineado
Regla
<HR>
Coloca una lnea horizontal en nuestra pgina, estas lneas, son
muy usadas para dividir secciones de textos. La etiqueta es:
Atributo
Align=left/right/center
Size=pixeles
Width=pixeles o %
Color=color o cdigo
Accin
Alinea lnea a la izquierda (left), a la
derecha (right) al centro (center).
Indica el grosor de la lnea en pixeles.
Indica el ancho de la lnea en tanto por

ciento en funcin del ancho de la ventana
del navegador: 25%,50%,etc. en pixeles
Define el color de la lnea en cdigo o la
palabra en ingls.
Align=Left
Size=15
Width=75%
Color=Blue
Ejemplo:
<HR align= center size=20 width=50% color=blue>
Formatos de texto
Cabeceras
<Hn></Hn>
Las cabeceras son estilos de textos prediseados, por lo tanto usan

tipos de fuentes y tamaos preestablecidos.
Hay seis tipos de cabeceras (tamaos de letra):
<H1>,<H2>,<H3>,<H4>,<H5> y <H6>
Es una etiqueta cerrada. El texto que escribamos entre el inicio y el fin
de la etiqueta ser el afectado por las cabeceras.
La cabecera <H1> ser la que muestre el texto en mayor tamao.
Ejemplo
<H1>Mxico Mgico</H1>
Mxico Mgico
<H2> Mxico Mgico </H2>
Mxico Mgico
Mxico Mgico
Mxico Mgico
Mxico Mgico
Mxico Mgico
Tipo, tamao y color de fuente

<Font> </Font>
La etiqueta <Font> nos sirve para dar las caractersticas al texto (tipo
de fuente, color, y tamao) es una etiqueta cerrada, afecta todo el
texto que se encuentra entre la etiqueta, es necesario cerrarla para
delimitar el cambio de fuente.
Atributo
Face=Nombre de la
fuente
Size=Tamao
Color=cdigo de color
Accin
Establece el tipo de fuente, no todos
los tipos de fuentes son aceptados
por el visualizador por eso es
necesario hacer pruebas.
Si la fuente tiene ms de dos
palabras es necesario poner el
nombre entrecomillado y
respetando las maysculas.
El tamao de la fuente es de 1 a 7,
se usa el signo + o para
establecer tamaos intermedios.
Asigna un color a la fuente, puede
ser el nombre del color escrito en
ingls o el cdigo hexadecimal
correspondiente.
Ejemplo
Face=Times New
Roman
Size=5
Color=#5E610B
Ejemplo:
<Font face=Times New Roman size=5
color=#3B0B39
Estilos de texto
Efecto
Etiqueta
Texto en negrita
<B></B>
<B>Mis amigos </B>
Mis amigos
Texto en cursiva
<I></I>
<I> Pgina </I>
Mis amigos
Texto ms grande
<BIG></BIG>
<BIG> Pgina </BIG>
Mis amigos
Texto ms chico
<SMALL></SMALL>
Texto subrayado
<U></U>
<S></S>
Ejemplo
<SMALL>Mi
ciudad</SMALL>
<U> Pgina </U>
<S> Pgina </S>
Mi ciudad
Texto con parpadeo

(solo en Firefox)
<BLINK></BLINK>
<BLINK>Texto
animado</BLINK>
Mis amigos
Mis amigos
Las palabras Texto animado
parpadean en pantalla
Texto en
superndice
<SUP></SUP>
m<SUP>3</SUP>
m3
Texto en subndice
<SUB></SUB>
H<SUB> 2 </SUB>O
H2O
<CENTER></CENTER>
<CENTER> Animales
</CENTER>
Animales
Texto tachado
Texto centrado
Formatos de imagen
<IMG>
Para colocar una imagen se usa la etiqueta <IMG> es una etiqueta abierta.
Es recomendable guardar las imgenes en la misma carpeta en donde se guarda la
web, de lo contrario es posible que no la muestre.
Si la imagen est en otra carpeta es necesario indicar la direccin (URL) en donde se
encuentra y asegurarse que siempre se tenga esta carpeta.
Hay dos formatos de imgenes que todos los navegadores modernos reconocen. Son
las imgenes GIF,TIP, PNG y JPG. Por lo general las imgenes de paint (mapa de
bits) no se usan pues su tamao es muy grande y tardan mucho en cargarse.
La posicin de la imagen con respecto al texto depende del lugar donde se
inserte la etiqueta
Atributo
src=URL\imagen
Align=Top / Middle /
Bottom/Right/Left
Border =nmero
Height =nmero %
Width=nmero %
Hspace =nmero
Vspace =nmero
Accin
Indica la ubicacin y/o el nombre del archivo
grfico a mostrar
Indica cmo se alinear el texto que siga a la
imagen. TOP alinea el texto con la parte
superior de la imagen, MIDDLE con la parte
central, y BOTTOM con la parte inferior,
RIGHT y LEFT. Si quiere centrar la imagen
deber usar la etiqueta
<CENTER></CENTER>
Indica el grosor del borde de la imagen en
pixeles. El color del borde es el que tenga el
texto
Indica el alto de la imagen en pixeles o en
porcentaje. Se usa para variar el tamao de
la imagen original.
Indica el ancho de la imagen en pixeles o en
porcentaje. Se usa para variar el tamao de
la imagen original.
Indica el nmero de espacios horizontales,
en pixeles, que separarn la del imagen
texto que la siga y la anteceda.
Indica el nmero de pixeles verticales que
separaran la imagen del texto que le siga y
la anteceda.
Ejemplo
src=recursos\caballo.jpg
src=dibujo.png
Align=Right
Align=Top
Border=15%
Height=25%
Height=300
Width=75%
Width=600
Hspace=50
Vspace=15
Ejemplo:
<IMG Src=Animales\jaguar.jpg width=250 height=250 vspace=40 hspace=15 border=10>
Marquesina
<Marquee> </Marquee>
Una marquesina es un texto o imagen animada, es una etiqueta
cerrada. Funciona nicamente con Ms-Explorer. Sus atributos
deben de estar dentro de la etiqueta <Marquee> y son los
siguientes
Atributo
Accin
Ejemplo
Bgcolor =cdigo de color
Indica el color del fondo de la marquesina
Bgcolor=blue
Direction =LEFT/RIGHT
Height =nmero %
Width = nmero %
Indica en que direccin se desplaza el texto, hacia la izquierda (left) o

hacia la derecha (right)
Direction=left
Indica la altura de la marquesina en puntos o porcentaje en funcin de la

ventana del navegador.
Height=10%
Height=35
Indica el ancho de la marquesina en puntos o porcentaje en funcin de la

ventana del navegador
Widht=50%
Width=400
Loop =nmero/infinite
Indica el nmero de veces que se desplazar el texto por la marquesina

antes de detenerse.
Loop=5
Scrolldelay =nmero
Define la velocidad del texto que est dentro de la marquesina. A menor

numeracin, mayor velocidad.
Scrollamount=nmero
Define la cantidad de pxeles que queremos que se desplace el texto en

cada movimiento.
A mayor nmero avanza ms rpido
Behavior=ALTERNATE/SCROLL/SLI
DE
Este atributo controla el movimiento de la marquesina, sus valores pueden

ser:
ALTERNATE la marquesina se mueva de un lado a otro.
SCROLL la marquesina sale y entra
SLIDE la marquesina se detiene cuando llega al lado opuesto.
Scrolldelay=10
(ms rpido)
Scrolldelay=200
(ms lento)
Scrollamount="3"
(menor desplazamiento)
Scrollamount=75
(mayor desplazamiento
Behavior=Alternate
Loop=infinite
Ejemplo
<MARQUEE bgcolor = #FFFFFF width = 50% scrolldelay =250> Bienvenidos </MARQUEE>
Formatos de imagen
<IMG>
Para colocar una imagen se usa la etiqueta <IMG> es una etiqueta abierta.
Es recomendable guardar las imgenes en la misma carpeta en donde se guarda la
web, de lo contrario es posible que no la muestre.
Si la imagen est en otra carpeta es necesario indicar la direccin (URL) en donde se
encuentra y asegurarse que siempre se tenga esta carpeta.
Hay dos formatos de imgenes que todos los navegadores modernos reconocen. Son
las imgenes GIF,TIP, PNG y JPG. Por lo general las imgenes de paint (mapa de
bits) no se usan pues su tamao es muy grande y tardan mucho en cargarse
Atributo
Accin
Ejemplo
src=recursos\caballo.jpg
src=URL\imagen
Indica el nombre del archivo grfico a mostrar

src=dibujo.png
Align=TOP / MIDDLE /
BOTTOM/RIGHT/LEFT
Indica cmo se alinear el texto que siga a la imagen.

TOP alinea el texto con la parte superior de la
Align=Right
imagen, MIDDLE con la parte central, y BOTTOM
con la parte inferior, RIGHT y LEFT. Si quiere centrar Align=Top
la imagen deber usar la etiqueta
<CENTER></CENTER>
Border =nmero
Indica el grosor del borde de la imagen en pixeles.
Height =nmero %
Width=numero %
Hspace =nmero
Vspace =nmero
Border=15%
Indica el alto de la imagen en pixeles o en porcentaje. Height=25%

Se usa para variar el tamao de la imagen original.
Height=300
Indica el ancho de la imagen en pixeles o en
Width=75%
porcentaje. Se usa para variar el tamao de la
Width=600
imagen original.
Indica el nmero de espacios horizontales, en pixeles,
que separarn la del imagen texto que la siga y la
Hspace=50
anteceda.
Indica el nmero de pixeles verticales que separaran
Vspace=15
la imagen del texto que le siga y la anteceda.
Ejemplo:
<IMG Src=Animales\jaguar.jpg width=250 height=250 vspace=40 hspace=15 border=10>
Listas
LISTAS NUMERADAS
<OL></OL>
Se usa la etiqueta <OL> para iniciar la lista se auxilia de la etiqueta

cerrar el listado.
Atributo
<LI>
para indicar cada uno de los elementos y la etiqueta </OL> para
Accin
Ejemplo
start=nmero
Indica que nmero ser el primero de la lista. Si no se indica se

entiende que empezar por el nmero 1
Ejemplo:
start=4
Empezar el listado en el 4, si es letra
comenzar en la letra D
tipo =tipo
Indica el tipo de numeracin utilizada. Si no se indica se

entiende que ser una lista ordenada numricamente.
Los tipos posibles son :
type=A
1 = Nmeros arbigos (1,2,3,4, etc.)

a = Letras minsculas. (a,b,c,d, etc.)
A = Letras maysculas. (A,B,C,D, etc.)
i = Nmeros romanos en minsculas. (i.ii,iii,iv,v, etc.)
I = Nmeros romanos en maysculas. (I,II,III,IV,V, etc.)
<OL TYPE=A START=4>

<LI>MARA</LI>
<LI>JUAN</LI>
<LI>PEDRO</LI>
</OL>
LISTAS SIN ORDENAR O DE VIETAS
<UL> </UL>
Las listas sin numerar representan los elementos de la lista con una vieta o
marca que antecede a cada uno de ellos.
Se usa la etiqueta <UL> para iniciar la lista, la etiqueta <LI> para indicar cada
uno de los elementos y la etiqueta </UL> para cerrar el listado.
Atributo
Type=tipo
Accin
Indica el tipo de vieta, pueden ser disk ,
circle o square. Los valores de type, con
lo que el topo o marca puede ser un disco,
un circulo o un cuadrado.
<UL TYPE=SQUARE>
<LI>TIERRA</LI>
<LI>MARTE</LI>
<LI>JPITER</LI>
</UL>
Ejemplo
Type=Circle
LISTAS DE DEFIICIN
Las listas de definicin muestran los elementos tipo Diccionario, o sea, trmino y definicin. Se utiliza para ellas la
etiqueta <DL> al iniciar la lista y la etiqueta</DL> para cerrar el listado.
Adems se integran dos etiquetas ms:
<DT> para indicar el trmino y

<DD> para indicar la definicin del trmino
<DL>
<DT>Rocas sedimentarias</DT>
<DD>Son aquellas productos de la erosin de otras rocas por efectos fsicos o qumicos</DD>
<DT>Rocas gneas</DT>
<DD> Son rocas producto de la actividad volcnica</DD>
<DT>Rocas metamrficas</DT>
<DD> Son rocas productos de altas presiones y temperaturas (su origen puede ser
sedimentario e gneo) </DD>
</DL>
Tablas
<TABLE></TABLE>
Para crear una tabla es necesario varias etiquetas:< TABLE> en donde
se establecen los atributos generales de la tabla, <TR> que establece
los atributos para las filas que conforman las tablas, y <TD> para
cada celda de la tabla
Atributo
Align=LEFT/RIGHT/CENTER/JUSTU
FY
Background=URL\imagen
Bgcolor=cdigo de color
Border=nmero
Cellspacing=nmero
Cellpadding=numero
Width=numero %
Height=numero %
Accin
Alinea la tabla con respecto del
texto que lo rodea, pueden ser
LEFT, RIGHT, CENTER y JUSTIFY.
Asigna una imagen de fondo
especificando el URL
Asigna un color de fondo a la
tabla
Indica el ancho del borde de la
tabla en puntos
Indica el espacio en puntos que
separa luna celda de otra.
Indica el espacio en puntos que
separa el borde de cada celda y
el contenido de esta.
Indica el ancho de la tabla en %
p pixeles. De no indicarlo el
ancho de la tabla se ajusta al
contenido.
Indica la altura de la tabla en
puntos o en porcentaje. De
no colocar alto, este se
ajusta al contenido.
Ejemplo
Align=Center
Background=Fondo1.jpg
Bgcolor=Black
Border=16
Cellspacing=20
Cellspacing=30
Width=75%
Height=1200
Filas
<TR></TR>
Las tablas estn formadas por filas para ello se usa esta etiqueta
La etiqueta <TABLE>, encierra a la directiva< TR>
Esta etiqueta define el comienzo y fin de una fila en la tabla, para cada fila habr <tr>, esta
etiqueta debe cerrase al terminar la fila </tr>
Atributo
Accin
Align=LEFT/RIGHT/CENTER/JUSTI
FY
Este atributo especifica la alineacin del texto de las

celdas, sus valores pueden ser LEFT, RIGHT, CENTER
y JUSTIFY.
Especifica el archivo de imagen de fondo, mediante

un URL para la fila.
Bgcolor=cdigo o color
Especifica el color de fondo para la fila.
Datos de la tabla (celda)

<TD></TD>
La etiqueta <TD> </TD> definen las caractersticas de cada celda, en las celdas van los contenidos
de las tablas: imgenes o textos, los <td> deben cerrarse para limitar la celda y a su vez, se
encuentran incluidos en los <TR>.
Atributo
Align=LEFT/RIGHT/CENTER/JUSTIFY
Bgcolor=cdigo o color
Colspan=nmero
Height=nmero %
Rowspan=nmero
Valign=BASELINE/BOTTOM/MIDDLE/T
OP
Width= numero %
Accin
Este atributo especifica la alineacin del texto que se
encuentra dentro de la calda, sus valores pueden ser LEFT,
RIGHT, CENTER y JUSTYFY.
Especifica el archivo de imagen de fondo, mediante un URL
para la celda.
Especifica el color de fondo para la celda.
Especifica el nmero de columnas que ocupar la celda, su
valor es numrico.
Indica la altura de la celda en pxeles o en valores de
porcentaje.
Especifica el nmero de filas que ocupar la celda, su valor
es numrico.
Ajusta los elementos de la celda de una forma vertical, sus
valores pueden ser BASELINE, BOTTOM, MIDDLE Y TOP.
Indica la anchura de la celda en pxeles o en valores de
porcentaje.
Enlaces
<A> </A>
Un enlace puede ser una porcin de texto, una imagen o una porcin de una imagen,
realmente un enlace, puede ser casi cualquier elemento de bloque.
Un enlace es ms conocido por su nombre en ingls (link) y al punto final de un enlace
se le denomina ancla (anchor).
La forma general de un enlace es:
<A HREF=Destino del enlace>Texto o imagen de la pgina que servir de enlace
</A>
ENLACES GLOBALES O EXTERNOS

Llamaremos enlaces globales, a los enlaces que son fuera de nuestra pgina a otras
pginas aunque pertenezcan a un mismo sitio.
A otro documento del mismo u otro sitio.

<A HREF=URL> Texto o imagen de la pgina que servir de enlace </A>
Ejemplo fuera del sitio:
<A HREF=http://www.google.com.mx>Quieres realizar bsquedas </A>
Si esta dentro del mismo sitio es:
<A HREF=nombre de la pgina>Texto que servir de enlace</A>
Ejemplo:
<A HREF=listas1.htm> Deseas conocer las actividades</A>
Si se desea regresar por ejemplo:
<A HREF=enlaces.htm>REGRESAR</A>
Usar una imagen como hipervnculo:

<A HREF=hojaweb.htm><IMG SRC=imagen.gif></A>
<a href=paleontologa.htm><img src=trilobite.jpg></A>
A un correo electrnico
<A HREF=mailto:direccin email>Texto del enlace</A>
ENLACES INTERNOS O LOCALES

La etiqueta que nos permite hacer enlaces internos o locales es:
<A> </A> (Ancla)
Este elemento se utiliza para indicar una parte de la pgina web,
generalmente texto o imgenes, que ser un enlace a determinada parte de
nuestro documento pgina, se utiliza cuando la pgina es grande y se desea
un acceso ms rpido a un tema
ATRIBUTO
Href=#nombre
Name=nombre
Title=texto
ACCIN
Indica el URL de enlace.
Indica un nombre para los enlaces Locales.
Proporciona una descripcin del enlace si se mantiene
el ratn un momento sobre el hipertexto.
Ejemplo
Coloque el cursor donde har el anclaje y de nombre a la seccin:
<A NAME=INICIO></A>
Hacer un enlace a la seccin a donde lo enviar el enlace:

<A HREF=#CONTINUAR>Haz click para continuar </A>
Para completar el enlace se debe de establecer otra entrada con el nombre que le
dimos en este caso de CONTINUAR que esta en la seccin a donde llevar el enlace
con la directiva:
<A NAME=CONTINUAR></A>
Indicar el regreso que es la seccin inicial con la directiva
<A HREF=#INICIO>Haz click para REGRESAR</A>
Insercin de sonido y msica
SONIDO DE FONDO
Nuestra pgina Web puede tener un sonido que se active al
entrar en la pgina. Se usa la etiqueta
y tiene los siguientes parmetros
<BGSOUND>
Insercin de sonido y msica
<BGSOUND>
Se usa la etiqueta
tiene los siguientes parmetros
ATRIBUTO
SOLO PARA Internet Exploresy
ACCIN
Src=archivo
Indica el nombre del archivo que contiene el sonido

(wma,wav, mid, mp3).
Loop=nmero / infinite
Indica el nmero de veces que se reproducir el

sonido. Si se indica infinite, el sonido se reproducir de
forma continua hasta que abandonemos la pgina
Volumen=nmero
Determina el volumen de reproduccin del sonido, y

que puede variar entre 0 y 100. En caso de Internet
Explorer, el valor del volumen por defecto es 50 en
plataformas PC
Un ejemplo de esta etiqueta sera :

<BGSOUND src= "yesterday.mid" loop=infinite >
Insercin de video y msica

Se utiliza la etiqueta <embed> para insertar un video mostrando tambin la
consola de reproduccin, con los siguientes atributos:
ATRIBUTO
ACCIN
Src=archivo
Indica el nombre del video (wmv, mp4,mp3).
Width=nmero %
Indica el ancho del video
Height=nmero %
Indica el alto del video
Autostart=true/false
Si se reproduce automticamente o no
Hidden=true/false
Si oculta o no la consola de reproduccin
Loop=true/false/nmer
o
Si se reproduce continuamente o no
Volume=nmero
Volumen de 0 a 100 por default son 50

<embed src=video1.wmv" width=600 height=450 loop=true autostart=true>
Insercin de video
Se utiliza la etiqueta <img dynsrc> para insertar un video sin mostrar la
consola de reproduccin solo para Internet Explorer, con los siguientes
atributos:
ATRIBUTO
ACCIN
dynsrc=archivo
Indica el nombre del video (wmv, mp4).
Width=nmero %
Indica el ancho del video
Height=nmero %
Loop=nmero
Indica el alto del video
Indica el nmero de veces que se reproduce el video

Indica como se reproducir el video al pasar el mouse
Start=fileopen/mouseov
encima (mouseover) o de manera automtica al abrir la
er
pgina (fileopen)
<img dynsrc=video1.wmv" width=600 height=450 loop=1 start=fileopen>

Etiquetas de HTML

Transféré par

Informations du document

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

Etiquetas de HTML

Transféré par

Droits d'auteur :

Formats disponibles

Etiquetas Abiertas: Se colocan al inicio de nuestra indicacin, no es

necesario cerrarlas, por ejemplo:

Etiquetas Cerradas: Se colocan al inicio para indicar la accin y se cierran al

donde termina el contenido de la web.

Atributos: Adems de la instruccin establecida por etiquetas, cada

caractersticas de las etiquetas.

Modificadores: sirven para modificar las caractersticas de los atributos

Para generar tu cdigo html y crear tu web debes de

Los nombres de las etiquetas o directivas no pueden

Parara disear una web debes de considerar lo siguiente:

La pgina Web mostrar en su contenido el texto o

Estructura basica de un documento html

La estructura bsica de un documento escrito en HTML contendra

Cabecera y ttulo del documento

Cuerpo del documento

Coloca una imagen de fondo a nuestra pgina

Indica un color para el fondo de nuestra pgina.

Indica un color para el texto que incluyamos en nuestro

Indica el color de los enlaces activos, es decir, los

Indica el color de los textos que dan acceso a un

Indica el color de los textos que dan acceso a un enlace

El parmetro fixed, inmoviliza el fondo de la pgina

Espacios y Saltos de lnea

En HTML los espacios entre caracteres con barra espaciadora no

Para indicar un salto de lnea se utiliza la

Es una etiqueta cerrada, se abre al inicio del prrafo y se cierra al

Alinea el prrafo a la izquierda (left), a la

Indica el ancho de la lnea en tanto por

Las cabeceras son estilos de textos prediseados, por lo tanto usan

<H2> Mxico Mgico </H2>

<H3> Mxico Mgico </H3>

<H4> Mxico Mgico </H4>

<H5> Mxico Mgico </H5>

<H6> Mxico Mgico </H6>

Tipo, tamao y color de fuente

<B>Mis amigos </B>

<I> Pgina </I>

<BIG> Pgina </BIG>

Texto con parpadeo

Bgcolor =cdigo de color

Indica el color del fondo de la marquesina

Indica en que direccin se desplaza el texto, hacia la izquierda (left) o

Indica la altura de la marquesina en puntos o porcentaje en funcin de la

Indica el ancho de la marquesina en puntos o porcentaje en funcin de la

Indica el nmero de veces que se desplazar el texto por la marquesina

Define la velocidad del texto que est dentro de la marquesina. A menor

Define la cantidad de pxeles que queremos que se desplace el texto en

Este atributo controla el movimiento de la marquesina, sus valores pueden

Indica el nombre del archivo grfico a mostrar

Indica cmo se alinear el texto que siga a la imagen.

Indica el grosor del borde de la imagen en pixeles.

Indica el alto de la imagen en pixeles o en porcentaje. Height=25%

Se usa la etiqueta <OL> para iniciar la lista se auxilia de la etiqueta

para indicar cada uno de los elementos y la etiqueta </OL> para

Indica que nmero ser el primero de la lista. Si no se indica se

Indica el tipo de numeracin utilizada. Si no se indica se

1 = Nmeros arbigos (1,2,3,4, etc.)

<OL TYPE=A START=4>

LISTAS SIN ORDENAR O DE VIETAS

<DT> para indicar el trmino y

Este atributo especifica la alineacin del texto de las

Especifica el archivo de imagen de fondo, mediante

Especifica el color de fondo para la fila.

Datos de la tabla (celda)