EXAMEN DE CÓDIGO HTML

Por favor realice una página Web utilizando los siguientes codigos:

Marquesina

<marquee>Bienvenidos a mi página</marquee>

Enlaces, Anclas o hiperconexiones (``hyperlinks'')<a href="http://www.google.com">www.google.com</a>

<a href= " XXX.DOC "><IMG SRC= " XXXX.JPG "></A>

Pre-formato

<Pre>TEXTO </Pre>

Tamaños de letraLos tamaños de letra puede variarse a lo largo de una página con la orden:

<font size="n">.....texto.....</font>

donde n es un número entre 1 y 7, siendo 1 el tamaño menor y 7 el mayor:

Listas

No numeradas:

Esto es una lista no ordenada:<UL><LI>Las listas no ordenadas se insertan entre los comandos <B>UL</B> y <B>/UL</B>.<BR> Esta línea no tiene marca; no está antecedida con la orden <B>LI</B>.<LI>En este nivel iniciamos otras lista:<UL><LI>Este es su primer nivel.<LI>Este su segundo nivel.</UL><LI>Final de la lista.</UL>

Numeradas u ordenadas

<OL></OL> y cada elemento: <LI>

<OL><LI>TEXT .<LI>TEXT2

</OL>

Lógicas: o <EM></EM> Para enfatizar. Normalmente el texto sale en itálica.

o <STRONG></STRONG> Para resaltar. El texto suele aparecer en negrita. o <CITE></CITE> Pone el texto de forma ``literal'' (un tipo de letra diferente a la normal). Forzadas: o <I></I> Texto en itálica. (cursiva)o <TT></TT> Texto de de forma ``literal''. Courier

Códigos Para inserción de imagen:

El código que utilizaremos es el <img> de esta manera la estamos llamando y ahora hay que indicarle la ruta.

<img src=" monos.jpg" width="640" height="426" alt="Lindos monos">

explicación ejemplo

src="la ruta de donde viene la imagen guardada en nuestra carpeta del sitio".

src="monos.jpg"

alt="mensaje emergente, auxiliar que aparece cuando acercamos el mouse por encima de la imagen sin hacer click"

alt="Lindos monos"

align="alineación del texto con respecto a la imagen": Top, bottom, middle.

align="top"

border="medida del borde que le quiera asignar a la imagen"

border="2"

height="alto de la imágen" en píxeles. heigh="450"

width="ancho de la imágen" en píxeles. width="250"

hspace="espacio horizontal entre la imágen y el texto", en espacios.

hspace="2"

vspace="margen vertical en puntos, que separa la imágen del texto"

vspace="12"

TABLAS

La información contenida en una tabla estará contenida entre las órdenes:

<TABLE BORDER=n> y </TABLE>

donde BORDER=n indica el grosor del borde de la tabla. Cuando n es 0 la tabla se visualizará sin borde y a medida que dicho número se incremente, el borde será de mayor grosor.

Cada vez que se inicie una fila de la tabla, introduciremos la orden <TR>.

Después de la orden <TR>, podemos etiquetar las columnas con la orden <TH>. Así, la secuencia:

<TABLE BORDER=1><TR><TH>Columna primera<TH>Columna segunda<TH>columna tercera

</TABLE>

Columna primera Columna segunda columna tercera

Podemos introducir una nueva fila (<TR>), fijando la información entre las distintas celdas por medio de la orden <TD>:

<TABLE BORDER=1><TR><TH>Comando<TH>función<TR><TD>TR<TD>Siguiente fila<TR><TD>TH<TD>Encabezado en columna siguiente<TR><TD>TD<TD>Texto en la columna siguiente</TABLE>

Comando función

TR Siguiente fila

TH Encabezado en la columna siguiente

TD Texto en la columna siguiente

Observa como los encabezamientos de las columnas (TH) figuran en negrita y centrados, mientras que el texto de las celdas (TD) aparece sin resaltar y alineado a la izquierda.

La alineación del texto en las celdas puede especificarse ampliando la orden <TD> según:

<TD Align="left|center|right">texto de la celda

alineación que sólo afectará a esa celda.

De igual forma, los encabezamientos de las columnas pueden alinearse según:

<TH Align="left|center|right">texto del encabezamiento de la columna

En la definición de una tabla, es conveniente determinar de antemano el número máximo de columnas que va a contener <TH>, ya que las celdas, dentro de una misma fila, pueden unirse.

La orden <TH COLSPAN="n"> o <TD COLSPAN="n"> une las n celdas siguientes en una sola, para situar un encabezado o el texto en la celda resultante, respectivamente.

Así, supongamos una tabla con un máximo de 4 columnas. La secuencia:

<TR><TH COLSPAN="4">Guía de contenidos de la asignatura

une las cuatro celdas en una fila e introduce el encabezado expuesto. De igual forma, la secuencia:

<TR><TH COLSPAN="2">Teóricos<TH COLSPAN="2">Prácticos

Ejemplo: Presenta dos celdas, como unión de otras dos. Pero mejor comprobarlo en el siguiente ejemplo, que resume y combina las órdenes de creación de tablas.

<TABLE BORDER=4><TR><TH COLSPAN="4">Guía de contenidos de la asignatura<TR><TH COLSPAN="2">Teóricos<TH COLSPAN="2">Prácticos<TR><TH>Tema<TH>Contenidos<TH>Tema<TH>Contenidos<TR><TD>1<TD>Introducción general de la asignatura<TD>2<TD>Prácticas de observación<TR><TD>2<TD>Metodología de observación<TD>3<TD>Prácticas de metodología de encuesta<TR><TD ALIGN="center">3<TD>Metodología de encuesta<TD>4<TD>Prácticas de metodología experimental<TR><TH COLSPAN="3" ALIGN="left">Tipo de Contenidos<TH>Créditos<TR><TD COLSPAN="3">Teóricos<TD ALIGN="center">4<TR><TD COLSPAN="3">Prácticos<TD ALIGN="center">2</TABLE>

Guía de contenidos de la asignatura

Teóricos Prácticos

Tema Contenidos Tema Contenidos

1 Introducción general de la asignatura 2 Prácticas de observación

2 Metodología de observación 3 Prácticas de metodología de encuesta

3 Metodología de encuesta 4 Prácticas de metodología experimental

Tipo de Contenidos Créditos

Teóricos 4

Prácticos 2