Scribd
Cargar
71 vistas6 páginas

Guia 3

Este documento proporciona instrucciones sobre la estructura básica de HTML y sobre cómo crear enlaces, tablas y celdas de tabla. Explica los elementos <head> y <body>, y cómo crear enlaces absolutos y relativos usando <a href>. También describe cómo crear tablas y ajustar el alineamiento y tamaño de celdas individuales usando los atributos align, valign, width y height en las etiquetas <td>.

Cargado por

Judas Skariote
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
71 vistas6 páginas

Guia 3

Este documento proporciona instrucciones sobre la estructura básica de HTML y sobre cómo crear enlaces, tablas y celdas de tabla. Explica los elementos <head> y <body>, y cómo crear enlaces absolutos y relativos usando <a href>. También describe cómo crear tablas y ajustar el alineamiento y tamaño de celdas individuales usando los atributos align, valign, width y height en las etiquetas <td>.

Cargado por

Judas Skariote
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

UAJMS Ejercicios HTML

GUIA DE LABORATORIO #3

1.- Estructura básica de un documento HTML.

(1).- Identificador del documento HTML.


(2).- El <head> o cabecera provee información acerca del documento
(3).- Describe el título de la Página Web.
(4).- Describe el contenido que se visualizará en el navegador o Browser.

Taller I - Lic. Octavio Aguilar M. 1


UAJMS Ejercicios HTML

2.- Enlaces
Los enlaces (o Link) proporciona al que visita las páginas un mecanismo muy
sencillo para moverse entre documentos.
<A HREF=”dirección”> Texto enlace </A>
Donde:
 dirección: es el destino del enlace.
 Texto enlace: es el texto indicativo del enlace que aparece en la
pantalla.
Existen dos tipos de enlaces: relativas y absolutas.
 Ubicación Relativa: Si indica especificando la posición del documento
en la estructura de subdirectorios a partir de la ubicación del documento
actual. Solo se puede usar para documentos ubicados en el mismo
ordenador.
<A HREF=”ubicación”> … </A>
 Ubicación Absoluta: se indica especificando el URL (uniform resource
locator) de la página que se está referenciando.
<A HREF=”http://ordenador/directorios/archivo”> … </A>

Taller I - Lic. Octavio Aguilar M. 2


UAJMS Ejercicios HTML

3.- Tablas.
Una tabla es una manera muy compacta y clara de mostrar la información.
Una tabla se entiende como un conjunto de filas (fila=horizontal), apiladas una
sobre otra. Casa fila contiene a su vez un conjunto de celdas, puestas una al
lado de otra.
Ejemplo:

Taller I - Lic. Octavio Aguilar M. 3


UAJMS Ejercicios HTML

Justificación del texto de las celdas.


HTML permite justificar horizontal y verticalmente el texto dentro de cada
celda. Para ello implementa los modificadores ALIGN y VALING dentro de
la etiqueta <TD>. La forma de hacerlo es:

Donde:
 Vertical: puede tomar los valores TOP, MIDDLE, BOTTOM. Por
defecto es CENTER.
 Horizontal: puede tomar los valores CENTER, LEFT y RIGHT. Por
defecto es LEFT.
Celdas de diferentes tamaños:
Por defecto, todas las celdas que constituyen una tabla en HTML tienen el
mismo tamaño. Sin embargo, es posible establecer el tamaño de una
determinada celda mediante dos modificadores <TD> que son WIDTH y
HEIGHT.

No es posible usar los modificadores WIDTH y HEIGHT para aplicarlos a


toda una fila. La única forma de hacerlo es poniendo en cada celda de la fila
los valores correspondientes.

Taller I - Lic. Octavio Aguilar M. 4


UAJMS Ejercicios HTML

Celdas Irregulares.
Podemos desear que una de nuestras celdas ocupe varias filas y/o columnas.
La forma es introducir los modificadores COLSPAN y ROWSPAN en la
etiqueta <TD>

Ejercicios:
2.- Realizar los siguientes Ejercicios:
a)

b)

c)

e)

Taller I - Lic. Octavio Aguilar M. 5


UAJMS Ejercicios HTML

d)

Taller I - Lic. Octavio Aguilar M. 6

También podría gustarte