EL LENGUAJE HTML

1
EL LENGUAJE HTML
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
19 20 21 22
23 24 25 26 27 28 29 30 31 32 33 34 35 36
2
CONCEPTOS PREVIOS
Para construir un sitio web no es necesario
conocer el lenguaje html, pues exiten programas
que pueden ayudarte a construirlo. Sin embargo no
está demás conocer las generalidades para poder
corregir algunas dificultades que puedan aparecer.
La estructura del lenguaje se define mediante
etiquetas (tags) y entre lt gt. lthtmlgt documento
html lt / htmlgt
Apertura de etiqueta
cierre de etiqueta
2
3
ESTRUCTURA HTML
lthtmlgt ltheadgt lttitulogt TITULO DEL SITIO
WEB lt/ titulogt lt/ headgt ltbodygt El contenido
del documento texto, imágenes, tablas,
hipervínculos, etc lt/ bodygt lt / htmlgt
Cabecera
Cuerpo
3
4
ETIQUETAS SIMPLES

• ALIGN Es para indicar la alineación de los
  elementos contenidos en el párrafo. Sus posibles
  valores son
• left(valor predeterminado)
• right Y center
• Superíndice ltSUPgtlt/SUPgt. Se utiliza cuando
  queremos que un texto aparezca como un
  superíndice, se suele utilizar en

Subíndice ltSUBgtlt/SUBgt. Lo utilizamos cuando
queremos que un texto aparezca como un subíndice,
se suele usar en
4
5
MAS ETIQUETAS
EJEMPLO
ltHTMLgt ltHEADgt ltTITLEgtEjemplo7ltTITLEgt lt/HEADgtltBOD
Ygt ltPgt Este texto está alineado a la izquierda
por defecto.lt/PgtltPgtltCENTERgtEste texto está
centrado con la etiqueta lt/CENTERgtlt/PgtltBgtEste
está en negrita con la etiqueta lt/BgtltIgtEste
texto está en cursiva con la etiquetalt/IgtltBrgtltUgtE
ste texto aparece subrayado con la etiqueta
lt/UgtltSgtEste texto aparece tachado con la
etiquetalt/Sgt/BRgt ltBRgteltSUPgtn lt/SUPgt0xltSUBgt1lt/S
UBgt XltSUBgt2lt/subgt 23 lt/BRgt lt/BODYgt lt/HTMLgt
Cliquee y Observe cómo quedaría la página
5
6
Un recorte de la vista del diseño que se verá en
la página web
6
7
EJEMPLOS
ltHTMLgt ltHEADgt ltTITLEgtEjemplolt/TITLEgt lt/HEADgt ltBODY
gt ltbrgtltH1gtEsta Cabecera es de tipo1lt/H1gtltH2gtEsta
Cabecera es de tipo2lt/H2gtlt/brgt ltbrgtltH3gtEsta
Cabecera es de tipo3lt/H3gtlt/brgt ltbrgtltH4gtEsta
Cabecera es de tipo4lt/H4gtlt/brgt ltbrgtltH5gtEsta
Cabecera es de tipo5lt/H5gtlt/brgt ltbrgtltH6gtEsta
Cabecera es de tipo6lt/H6gtlt/brgt lt/BODYgt lt/HTMLgt
Cliquee y Observe cómo quedará la página
Títulos y subtítulos según el tamaño necesario,
haciendo un salto de carro en cada título
7
8
Un recorte de la vista del diseño que se verá en
la página web
8
9
TRAZAMOS LÍNEASElemento ltHRgt
ltHTMLgtltHEADgtltTITLEgtEjemplo TRAZADO DE
LINEASltTITLEgtlt/HEADgt ltBODYgt ltBRgtEsta línea tiene
un 75 de su anchura normal ltHR WIDTH"75"gt
lt/BRgt ltBRgt Esta línea tiene un ancho de 300
pixelsltHR WIDTH"300"gtlt/BRgt ltBRgtEsta línea tiene
un ancho del 65, está alineada a la derecha ltHR
WIDTH"65" ALIGN"RIGHT"gt lt/BRgt ltBRgtEsta
línea es sólida y su espesor es 20 ltHR NOSHADE
SIZE"20" gtlt/BRgt lt/BODYgt lt/HTMLgt
Cliquee y Observe cómo quedará la página
9
10
Un recorte de la vista del diseño que se verá en
la página web
10
11
Fuentes en HTML.
Se dispone de la etiqueta ltFONTgtlt/FONTgt para
elegir distintos tipos de fuente
ltHTMLgt ltHEADgt ltTITLEgtEjemplo9lt/TITLEgt lt/HEADgtltBOD
Ygt ltFONT COLORGREEN" SIZE"6"gtltBgt Este texto
aparecerá en color verde oscuro, su tamaño es de
6, y está en negritalt/BgtltFONT FACE"MS Comic
Sans" SIZE"7"gtltFONT COLOR"RED" SIZE36"gtEste
texto aparecerá en Comic Sans, color rojo y su
tamaño es 36 , ha tomado el valor del atributo en
la etiqueta mas interna. lt/BODYgt lt/HTMLgt
Cliquee y Observe cómo quedará la página
COLOR Permite cambiar el color del texto,
sabiendo que por defecto es el negro. Se puede
hacer de dos maneras o bien poniendo su código en
hexadecimal o bien su alias en inglés SIZE
Permite cambiar el tamaño del texto. Los tamaños
de funete en una página HTML están entre 1..7,
siendo el valor por defecto 3. FACE Es para
determinar el tipo de letra que
queremos. OBSERVACIÓN Cuando se tienen varias
etiquetas ltFONTgtlt/FONTgt anidadas y asignan
distintos valores para el mismo atributo, el
valor que tomará el navegador será el de la
etiqueta ltFONTgtlt/FONTgt más interna.
11
12
Un recorte de la vista del diseño que se verá en
la página web
12
13
Para poner Tablas de contenidos habrá que activar
el contenido general dando grosor de borde (si se
desea) con el comando siguiente, pongamos como
ejemplo el valor 1 de tamaño de borde
TABLAS
lt TABLE BORDER 1 gt y se desactiva con el
comando lt /TABLE gt Pongamos un ejemplo, con
tamaño de borde 2 lt TABLE BORDER2 gt lt TR gt lt
td gt Ramón lt /td gt lt td gt Javier lt /td gt lt td gt
Enrique lt /td gtlt /TR gtlt TR gt lt td gt Carolina lt
/td gt lt td gt Rosa lt /td gt lt td gt Carmen lt /td gt
lt /TR gt lt /TABLE gt
13
14
Las tablas son utilizadas para poder representar
los elementos de nuestra página de una forma
ordenada, con una presentación basada en filas y
columnas.
Las etiquetas que limitan una tabla son ltTABLEgt
y lt/TABLEgt.Las tablas se definen fila a fila y
celda a celda, comenzando desde la celda superior
izquierda, y las columnas se calcularán de forma
automática según el número de celdas que exista
por cada fila definida.
Las filas se indicarán mediante las etiquetas
ltTRgt y lt/TRgt. Para indicar donde comienza cada
celda las etiquetas a utilizar son ltTHgt y ltTDgt
con sus correspondientes etiquetas de cierre. La
etiqueta ltTHgt se utiliza para usar celdas cuyo
destino sea el encabezado de una tabla o de una
columna, y aparecerán en negrita y en el centro
de dicha celda. Para el resto de celdas
utilizaremos la etiqueta ltTDgt que nos mostrará el
texto de forma simple y situado a la izquierda de
la celda.
14
15
Un ejemplo de una tabla
HTMLgt ltHEADgt ltH1gtTablas Ilt/H1gt ltTITLEgtEjemploTabla
slt/TITLEgt lt/HEADgt ltBODYgt ltTABLEgt ltTRgt
ltTHgtCabecera 1.lt/THgt ltTHgtCabecera 2.lt/THgt
lt/TRgt ltTRgt ltTDgtCelda 1-1.lt/TDgt
ltTDgtCelda 1-2.lt/TDgt lt/TRgt
ltTRgt ltTDgtCelda 2-1.lt/TDgt ltTDgtCelda
2-2.lt/TDgt lt/TRgt lt/TABLEgt lt/BODYgt lt/HTMLgt
Primer fila (TR)
2 CELDAS (TH)
2 CELDAS (TD)
Segunda fila (TR)
2 CELDAS (TD)
Tercer fila (TR)
15
16
ltHTMLgt ltHEADgt ltTITLEgtEjemplo Tablaslt/TITLEgt
lt/HEADgt ltBODYgt ltH1gtTablas Ilt/H1gt ltTABLEgt ltTRgt
ltTHgtCabecera 1.lt/THgt ltTHgtCabecera 2.lt/THgt
ltTHgtCabecera 3.lt/THgt lt/TRgt ltTRgt
ltTDgtCelda 1-1.lt/TDgt ltTDgtCelda 1-2.lt/TDgt
ltTDgtCelda 1-3.lt/TDgt lt/TRgt
ltTRgt ltTDgtCelda 2-1.lt/TDgt ltTDgtCelda 2-2.lt/TDgt
ltTDgtCelda 2-3.lt/TDgt lt/TRgt lt/TABLEgt
lt/BODYgt lt/HTMLgt
EJEMPLO DE UNA TABLA
16
17
ATRIBUTOS GENERALES DEL BODY

• Estos son muy útiles dado a que controlan toda
  la apariencia de la página. Bgcolor Especifica
  el color de fondo del documento. Por defecto el
  color es blanco. Se puede especificar por el
  nombre del color en inglés, o por su código
  hexadecimal.
• Text Especifica el color del texto en el
  documento. Por defecto el solor del texto es
  negro.
• Link Especifica el color de los vínculos. Por
  defecto es azul.
• Vlink Especifica el color de los vínculos que
  han sido visitados. Su color predeterminado es
  morado.
• Alink Especifica el color del vínculo que está
  enfocado no por el mouse si no por el cursor.
• Background Agrega una imagen de fondo al
  documento.
• Style Modifica las propiedades de estilos para el
  documento.
• Dir Le da la orientación al texto. Tiene dos
  valores ltr (de izquierda a derecha)
• y rtl (de derecha a izquierda).
• Scrolling Indica si el documento permite
  desplazamiento.

17
18
ATRIBUTOS GENERALES DE TABLA
BORDER. Este atributo nos definirá en pixels la
anchura que queramos asignarle al borde de
nuestra tabla.Si a este atributo le asignamos
como valor 0, conseguiremos que los elementos de
cada celda aparezcan ordenados sin necesidad de
ver el borde de la tabla, ganando en diseño y
comodidad para el futuro visitante de nuestra
web.Su estructura será ltTABLE BORDER"n"gt
CELLSPACING. Este atributo nos permite asignar,
también en pixels, el espacio que habra entre las
celdas de nuestra tabla.Estructura ltTABLE
CELLSPACING"n"gt  CELLPADING. Nos permite definir
cual será el espacio entre el borde de las celdas
y su contenido, también mediante
pixels.Estructura lt BORDERCOLOR. Le daremos un
color al borde de la tabla, ya sea mediante el
alias o su valor hexadecimal.Estructura ltTABLE
BORDERCOLOR"nnnnnn"gtltTABLE BORDERCOLOR"alias"gt
 
18
19

• WIDTH HEIGHT. Definiremos el ancho(WIDTH) y el
  alto(HEIGHT) de la tabla. Su valor podrá ir
  definido en pixels o en porcentaje respecto al
  tamaño total de la ventana del navegador.Estructu
  ra ltTABLE WIDTH"n" HEIGHT"n"gtltTABLE
  WIDTH"n" HEIGHT"n"gt
• ALIGN. Este atributo nos permite alinear la tabla
  en la página, posee tres valores definidos que
  son
• Left. Tabla alineada a la izquierda.(Valor
  predeterminado).
• Right. Tabla alineada a la derecha.
• Center. Tabla centrada.
• Estrucutra ltTABLE ALIGN"left/right/center"gt
• BACKGROUND. también es posible asignar una imagen
  como fondo de la tabla. Para darle un valor le
  indicaremos un fichero que contenga una imagen,
  ya sea mediante una ruta absoluta o relativa. Es
  preciso señalar que las imagenes de fondo si su
  tamaño es pequeño se repetirán hasta poder cubrir
  el espacio total de la tabla.EstructuraltTABLE
  BACKGROUND"ruta"gt
•  

19
20
EJEMPLO
ltTABLE BORDER"5" CELLSPACING"10"CELLPADDING"
15"BORDERCOLOR"red"WIDTH"50"HEIGHT"75"ALI
GN"right"BGCOLOR"yellow"gt ltTRgt ltTHgtCabecera
1.lt/THgt ltTHgtCabecera 2.lt/THgt ltTHgtCabecera
3.lt/THgt lt/TRgt ltTRgt ltTDgtCelda 1-1.lt/TDgt
ltTDgtCelda 1-2.lt/TDgt ltTDgtCelda 1-3.lt/TDgt lt/TRgt
ltTRgt ltTDgtCelda 2-1.lt/TDgt ltTDgtCelda 2-2.lt/TDgt
ltTDgtCelda 2-3.lt/TDgt lt/TRgt lt/TABLEgt lt/BODYgt
lt/HTMLgt
ltHTMLgt ltHEADgt ltTITLEgtEjemplo Tablaslt/TITLEgt
lt/HEADgt ltBODYgt ltH1gtTablas IIlt/H1gt
20
21
Atributos a nivel de Fila

• Como hemos comentado en el apartado anterior, los
  atributos en las tablas pueden ir definidos a
  nivel de tabla, fila o celda a continuacion
  veremos los principales atributos a nivel de
  fila, contenidos dentro de la etiqueta ltTRgt.
• ALIGN. Este atrtibuto nos servirá para indicar la
  alineación horizontal de los elementos de todas
  las celdas de la fila. Posee tres valores
  definidos que son
• Left. Alineados a la izquierda.
• Right. Alineados a la derecha.
• Center. Centrados.
• Estructura ltTR ALIGN"left/right/center"gt
• VALIGN. Este atributo nos servirá para indicar la
  alineación vertical
• de los elementos de todas las celdas de la fila.
  También posee tres valores definidos
• Top. En la parte superior de la celda.
• Bottom. En la parte inferior de la celda.
• Center. En el centro de la celda.
• Estructura ltTR VALIGN"top/bottom/right"gt

21
22
BORDERCOLOR. Con este atributo podremos
determinar el color del borde para todas las
celdas de una misma fila.Podremos asignarle un
color mediante su alias o su valor
hexadecimal.Estructura ltTR BORDERCOLOR"nnnnnn"
gt ltTR BORDERCOLOR"alias"gt BGCOLOR. Con este
atributo podremos definir el color de cada fila,
también mediante el alias o el valor
hexadecimal.Estructura ltTR BGCOLOR"nnnnnn"gt
ltTR BGCOLOR"alias"gt
22
23
Atributos a nivel de Celda

• Por último, veremos los atributos a nivel de
  celda, aplicables indistintamente a las etiquetas
  ltTHgt y ltTDgt.
• WIDTH HEIGHT. Definiremos el ancho(WIDTH) y el
  alto(HEIGHT) de la celda. Su valor podrá ir
  definido en pixels o en porcentaje respecto a la
  tabla.El tamaño de todas las celdas siempre ira
  definido por la mayor de ellas, ya sea a lo alto
  como a lo ancho. Estructura ltTH/TD WIDTH"n"
  HEIGHT"n"gt ltTH/TD WIDTH"n" HEIGHT"n"gt
• BORDERCOLOR. Le daremos un color al borde de la
  celda, ya sea mediante el alias o su valor
  hexadecimal. Estructura ltTH/TD
  BORDERCOLOR"nnnnnn"gt ltTH/TD BORDERCOLOR"alias"gt
  
• ALIGN. Este atrtibuto nos servirá para indicar la
  alineación horizontal de los elementos contenidos
  en la celda. Posee tres valores definidos que
  son
• Left. Alineados a la izquierda.
• Right. Alineados a la derecha.
• Center. Centrados.
• Estructura ltTH/TD ALIGN"left/right/center"gt

23
24

• VALIGN. Este atributo nos servirá para indicar la
  alineación vertical de los elementos contenidos
  en la celda. también posee tres valores
  definidos
• Top. En la parte superior de la celda.
• Bottom. En la parte inferior de la celda.
• Center. En el centro de la celda.
• Estructura ltTH/TD VALIGN"top/bottom/right"gt
•  BGCOLOR. Asignamos un color de fondo a la celda,
  ya sea mediante el alias o el valor hexadecimal
  del color escogido. Estructura ltTH/TD
  BGCOLOR"nnnnnn"gt ltTH/TD BGCOLOR"alias"gt
• BACKGROUND. también es posible asignar una imagen
  como fondo de la celda. Para darle un valor le
  indicaremos un fichero que contenga una imagen,
  ya sea mediante una ruta absoluta o relativa. Es
  preciso señalar que las imagenes de fondo si su
  tamaño es pequeño se repetirán hasta poder cubrir
  el espacio total de la celda. Estructura TH/TD
  BACKGROUND"ruta"gt
• ROWSPAN. Este atributo permite a la celda abarcar
  más de una fila. Se le asignará como valor un
  números que indique cuantas filas va a
  ocupar. Estructura ltTH/TD ROWSPAN"n"gt
• COLSPAN. Este atributo permite a la celda abarcar
  más de una columna. Se le asignará como valor un
  números que indique cuantas columnas va a
  ocupar. Estructura ltTH/TD COLSPAN"n"gt
•  

24
25
ANALIZA EJEMPOS DE TABLAS
ltTABLE borderColornavy borderColorDarkgray
aligncenter border4gt ltTRgt ltTDgtPrimera
Celdalt/TDgt ltTDgtSegunda Celdalt/TDgt lt/TRgt
ltTRgt ltTDgtTercera Celdalt/TDgt ltTDgtCuarta
Celdalt/TDgt ltTDgtQuinta Celdalt/TDgt
lt/TRgt lt/TABLEgt
25
26
Otro ejm. para analizar
ltHTMLgt ltHEADgt ltTITLEgtEjemplo Tablas2lt/TITLEgt
lt/HEADgt ltBODYgt ltH1gtTablas IIIlt/H1gt
ltTR ALIGN"left"VALIGN"bottom"BORDERCOLOR"blu
e"BGCOLOR"00FF00"gt ltTHgtCabecera 1.lt/THgt
ltTHgtCabecera 2.lt/THgt ltTHgtCabecera 3.lt/THgt
lt/TRgt ltTRALIGN"right"VALIGN"top"BORDERCOLOR
"FF00FF"BGCOLOR"FF9900"gt ltTDgtCelda
1-1.lt/TDgt ltTDgtCelda 1-2.lt/TDgt ltTDgtCelda
1-3.lt/TDgt lt/TRgt ltTRALIGN"center"VALIGN"cente
r"BORDERCOLOR"CC00FF"BGCOLOR"CCFF33"gt
ltTDgtCelda 2-1.lt/TDgt ltTDgtCelda 2-2.lt/TDgt
ltTDgtCelda 2-3.lt/TDgt lt/TRgt
lt/TABLEgt lt/BODYgt lt/HTMLgt
ltTABLE BORDER"5" CELLSPACING"10"
CELLPADDING"15" BORDERCOLOR"red" WIDTH"50"
HEIGHT"75" ALIGN"right" BGCOLOR"yellow"gt
26
27
Abra un programa que le permita construir un
sitio web. Copie el código en ver/ codigo,
modifique los atriburos como por ejemplo
CELLSPACING"10" CELLPADDING"15"
BORDERCOLOR"red" WIDTH"50" HEIGHT"75"
ALIGN"right" BGCOLOR"yellow"gt Y observe en
vista diseño o presionando la tecla F12, como se
modifica la tabla.
27
28
Enlaces en HTML

• La característica que más ha influido en el
  espectacular éxito del Web ha sido, aparte la de
  su carácter multimedia, la posibilidad de unir
  los distintos documentos repartidos por todo el
  mundo por medio de enlaces hipertexto.
• Estructura de los enlaces.
• ltA HREF"xxx"gt yyy lt/Agt
• donde
• xxx es el destino del enlace (Obsérvese las
  comillas).
• yyy es el texto indicativo en la pantalla del
  enlace (con un color especial y generalmente
  subrayado
• Tipos de Enlaces
• Vamos a distinguir cuatro tipos de enlaces
• Enlaces o marcadores dentro de la misma página, a
  zonas de esa página
• Enlaces con otra página nuestra, de nuestro
  sistema
• Enlaces o marcadores a zonas de otra página
• Enlaces con una página fuera de nuestro sistema
• Enlaces con una dirección de email

28
29
Enlaces o Marcadores dentro de la misma página
A veces, en el caso de documentos (o páginas) muy
extensos, nos puede interesar dar un salto desde
una posición a otra determinada. En este caso, lo
que antes hemos llamado XXX, es decir, el destino
del enlace, en este caso el sitio dentro de la
página a donde queremos saltar, se sustituye por
marca (la palabra marca puede ser cualquier
palabra que queramos).Esto son los denominados
anclas o anchor. Lo que hemos llamado antes YYY
es la palabra (o palabras) que aparecerán en la
pantalla en color (en forma de hipertexto). Su
estructura es, entonces primero definimos la
posición a la que queremos saltar ltA
HREF"final"gt Pulsa para ir al finallt/Agt y
después le indicamos desde donde queremos saltar
a esa posición ltA HREF"final"gt Pulsa para ir
al finallt/Agt
29
30
Enlaces a otra página nuestra de nuestro sistema
Puede ser que tengamos una sola página. Pero lo
más frecuente es que tengamos varias páginas, una
inicial (o principal) y otras conectadas a ella,
e incluso entre ellas mismas. Supongamos que
queremos enlazar con otra página ya creada. En
este caso, simplemente sustituimos lo que hemos
llamado XXX (el destino del enlace) por el nombre
del fichero ltA HREF"PRIMER.HTM"gt Volver al
manual lt/Agt
30
31
Enlaces o Marcadores a zonas de otra página
Si queremos que vaya a un sitio concreto de otra
página nuestra en vez de ir al principio de la
página, adonde va por defecto, en ese sitio
tenemos que colocar una marca (véase la sección
anterior), y completar el enlace con la
referencia a esa marca. Lo veremos con el
siguiente ejemplo Quiero poner un enlace desde
nuestra página de ejemplos a un sitio concreto de
esta página, donde he puesto la marca ltA
NAME"ZonaDistin"gtlt/Agt  Entonces la etiqueta
tiene que ser  ltA HREF"primer.htmlalinear"gt
ENLACES O MARCADORES A ZONAS DE OTRA PÁGINA lt/Agt
 
31
32
Enlaces a una página fuera de nuestro sistema
Si queremos enlazar con una página que esté fuera
de nuestro sistema (es decir, que esté en un
servidor distinto al que soporta nuestra página),
es necesario conocer su dirección completa, o URL
(Uniform Resource Locator). El URL podría ser,
además de la dirección de una página del Web, una
dirección de ftp, gopher, etc. Una vez conocida
la dirección (o URL), lo colocamos en vez de lo
que hemos llamado anteriormente xxx (el destino
del enlace). Si queremos enlazar con la página de
Internet Explorer (cuyo URL es
http/eresmas.com/), la etiqueta sería   ltA
HREF"http//home.eresmas.com/"gt Página inicial
de Eresmas lt/Agt
32
33
Enlaces a una dirección de e-mail
En este caso, sustituimos lo que se ha llamado
antes xxx (el destino del enlace) por mailto
seguido de la dirección de email. La estructura
de la etiqueta es ltA HREF"mailtoDirecciónDeEma
il"gt Texto del enlace lt/Agt
33
34
IMAGEN
Para incluir una imagen (que es un archivo) en
una página se usan los siguientes comandos de
apertura y cierre lt IMG SRC"nombre.ext" gt
siendo las extensiones posibles del archivo de
imagen .GIF o .JPG Nota En el ejemplo se supone
que el archivo de la imagen está en el mismo
directorio o carpeta que el archivo de la página
y siempre habrá que tener en cuenta que para que
en una página se vea una imagen tendrá que estar
también el correspondiente archivo del gráfico o
imagen presente en el mismo directorio o carpeta
del disco duro que el fichero .HTM . La imagen se
ha centrado en esta ocasión con los comando
externos de centrado de información lt CENTER gt lt
IMG SRC"payaso.gif" gt lt /CENTER gt imagen en la
zona derecha lt IMG SRC"payaso.jpg" ALIGNRIGHT
gt  imagen en la zona izquierda lt IMG
SRC"payaso.jpg" ALIGNLEFT gt
34
35
SONIDO
Para incluir sonido o una pequeña canción en una
página hay que incluir la siguiente orden Los
posibles formatos de archivos de sonido son
varios, pero si deseamos que todo el mundo
escuche el sonido existen dos formatos que lo
permiten (siempre claro que el ordenador disponga
de tarjeta de sonido y unos pequeños altavoces)
.MID y .WAV El formato .MID o Midi es para sonido
de melodías, tiene la ventaja de ocupar muy poco
espacio de archivo. El formato .WAV permite un
sonido de mayor fidelidad incluyendo voces y
música (una canción), pero en cambio ocupa mucho
espacio de archivo.
EJEMPLO ltheadgt lttitlegtpagina con
musicalt/titlegt ltbgsound src"imagenes/takeon.mid
" loop"2"gt ltembed src"imagenes/takeon.midi"
align"baseline" border"5" width"68"
height"25" autostart"on" loop"30"gt lt/headgt
35
36
TENER UNA IDEA DEL LENGUAJE HTML TE AYUDARÁ A
RESOLVER PROBLEMAS QUE PUEDAN APARECER PERO
EXISTEN PROGRAMAS COMO EL DREAMWEAVER QUE TE
PERMITIRÁ CONSTRUIR TUS SITIOS WEB CON MUCHA MÁS
FACILIDAD
36