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 letra
Los 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
src="monos.jpg"
nuestra carpeta del sitio".
alt="mensaje emergente, auxiliar que aparece
cuando acercamos el mouse por encima de la alt="Lindos monos"
imagen sin hacer click"
align="alineación del texto con respecto a la
align="top"
imagen": Top, bottom, middle.
border="medida del borde que le quiera asignar a
border="2"
la imagen"
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
hspace="2"
texto", en espacios.
vspace="margen vertical en puntos, que separa la
vspace="12"
imágen del texto"
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
Encabezado en la columna
TH
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
