ccc c
c
Fecha de Elaboración:_____


cc c
c
c
 c c Alumno :_________________

Bases Teóricas
Imagen ~


¬ara insertar una imagen es necesario insertar la etiquetac~
. Dicha etiqueta no necesita etiqueta de cierre.
El nombre de la imagen ha de especificarse a través del atributo .c

abría que escribir:

~
c
 

 

Teniendo en cuenta que la imagen se llama  

 y que está dentro de la carpeta
,
que se encuentra en el mismo directorio que el documento actual.

Texto alternativo
Cuando una imagen no se puede ver, cosa que puede ocurrir por un error aparece un cuadro blanco con
una
roja, junto con el nombre de la imagen.

~
c c cc


erenlace <a>
Aquellos elementos (texto, imágenes, etc.) sobre los que se desee insertar un enlace han de encontrarse
entre las etiquetasc~ y ~.

A través del atributo  se especifica la página que se visualizará cuando el usuario haga clic en el
enlace.

¬or ejemplo, para insertar el enlace:

  
 
c

abría que escribir:

~c c  
 
  ÑÑÑ
ma l cm ~c

  c
 cc

ace referencia a un documento externo, es decir nos lleva a otro sitio diferente.

  c cc  c

Conduce a un documento situado dentro del mismo sitio que el documento actual. Un sitio web es un
  c c   c c , relacionados entre sí, con un diseño similar o un objetivo común,
estando todos ellos dentro de una misma carpeta, conocida como ccc  .

abría que escribir:

~c    
   c~

Y
  <able> y </able>
¬ara crear una tabla hay que insertar las etiquetas ~
 y ~
. Entre dichas etiquetas habrá que
especificar las filas y columnas que formarán la tabla.

Es necesario insertar las etiquetas ~ y ~ por cada una de las filas de la tabla. Estas etiquetas
deberán insertarse entre las etiqetas ~
 y ~
.

¬or ejemplo, para crear una tabla con cinco filas escribiríamos:
~
c
cc~~c
cc~~c
cc~~c
cc~~c
cc~~c
~
cc
c

cc

Es necesario insertar las etiquetas ~ y ~ por cada una de las filas de la tabla. Estas etiquetas
deberán insertarse entre las etiqetas ~
 y ~
.

¬or ejemplo, para crear una tabla con cinco filas escribiríamos:

~
c
cc~~c
cc~~c
cc~~c
cc~~c
cc~~c
~
cc

0 
c c c c

¬ara crear una tabla no basta con especificar el número de filas, es necesario también especificar el
número de columnas.

Una celda es el resultado de la intersección entre una fila y una columna, por lo que podremos especificar
el número de celdas por fila, que equivale a especificar el número de columnas por fila.

Es necesario insertar las etiquetas ~ y ~ por cada una de las celdas que compongan cada una de
las filas de la tabla. ¬or lo tanto, habrá que insertar esas etiquetas entre las etiquetas ~ y ~.
Entre las etiquetas ~ y ~ se podrá especificar el contenido de cada una de las celdas. ¬or ejemplo,
para insertar la siguiente tabla:

Sabado Domingo
Curso TML Curso Dreamweaver
Curso Frontpage Curso Flash

abría que escribir:

~
c
c
cc~c
cccc~ ~c
cccc~
 ~c
cc~c
cc~c
cccc~   ~c
cccc~   
!" ~c
cc~c
cc~c
cccc~  # ~c
cccc~  #~c
cc~c
~
cc

Desarrollo
* 0c
cc  c"
 c 
 c cccc c  c

 c
c
 0 
cc

cc
cccc

 c
c

cc c c
cc
cc


c c
c
c

c
.Guarda el archivo dentro de la carpeta
  con el nombre de pagina1.html
5. Recordando la practica pasada escribimos la estructura para los diferentes tipos de títulos y estilos
(negrita, cursiva, subrayado)

Nota: La imagen invierno2.jpg debe estar en la carpeta de imágenes si no tienes esta imagen en lugar de
invierno2 escribe el nombre de una imagen que si tengas en tu carpeta.

’
cc c  c c
cc


 c
cc
ccc
c

c

 c c
c


 c

cc
 c 
 

c
c
cc
ccc
c
c
 cc!c

< align="center"> <i><b>Encabezado</b><i/> </> <br>

c
c
 cc"#c

c
c
c $%
c!"#c

6. De acuerdo a lo mencionado al Inicio de la práctica insertemos dos imagenes de la siguiente forma

 a:
r mavera 
g y  sn ls nmbres de las mágenes, s n  enes esas mágenes nsera ls nmbres de la
mágenes que
ayas agregad en u car
ea de mágenes
 0c

c  c c
c
 
 c cccc 
 

c



c

<img src="imagenes/primavera.jpg" alt="primavera"><br>

% c c

c c
ccc
&ccccc   c

7. De acuerdo al tema de iperenlaces ,insertaremos 3 enlaces que vayan a las siguientes paginas
otmail, google y una página llama  $%&'&(%%)&%&*&+'(&&',-
& )&))%).*)%*%)'%)( &)&)%/

 c c
c

 

c

0
c c
c c
'

c!c
8. Referente al tema de TABLAS crearemos la siguiente tabla, escribir el código de la tabla después de los
hiperenlaces como se muestra abajo.

¬arcial 1 ¬arcial final

Curso TML Curso Flash
Curso Fireworks Curso Dreamweaver

cc
c
c

cccc
c

c 
c
cccc
c
c 
c
c
cc
c

M c( c c 
cccc c

cc)  c c$

 c

*
c
c
 c  
 c
cc c c
cc
cc


cc

( cc'
 c c

 ' c
ccc"
 c

c
wc
cc


c

c ’%0
’2
4*c*c
$%’
c
c
0’%+*%’($+
cwc0 $1
c
*+*,*c

+


 
c

c
cc


c c 
cc

cccccc 0

*c
$%’
c
c
c
cc 

c c



c

cc
-
 
ccccccccccccc 
c$23$’4
c
c

c  c c.c c
  c
cc'

c
cccccccccccccc 0 $1
c
c#c c c
cc'

c c
c
c
$% ’+
c
c$/
(’%cc
$% ’+
c"$0’1$%0*c
c 


 
  




$%1$’%*c *+*,*c
1’
%*c 0$/
1’
c
c