P. 1
EXAMEN DE CÓDIGO HTML

EXAMEN DE CÓDIGO HTML

|Views: 1.635|Likes:
Publicado poryilmhar

More info:

Published by: yilmhar on Oct 18, 2010
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less

05/23/2013

pdf

text

original

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 src="la ruta de donde viene la imagen guardada en nuestra carpeta del sitio". alt="mensaje emergente, auxiliar que aparece cuando acercamos el mouse por encima de la imagen sin hacer click" align="alineación del texto con respecto a la imagen": Top, bottom, middle. border="medida del borde que le quiera asignar a la imagen" height="alto de la imágen" en píxeles. width="ancho de la imágen" en píxeles. hspace="espacio horizontal entre la imágen y el texto", en espacios. vspace="margen vertical en puntos, que separa la imágen del texto" ejemplo src="monos.jpg"

alt="Lindos monos"

align="top"

border="2" heigh="450" width="250" hspace="2"

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 TR TH TD

función Siguiente fila Encabezado en la columna siguiente 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 Tema 1 2 3 Contenidos Tema Prácticos Contenidos Prácticas de observación Prácticas de metodología de encuesta Prácticas de metodología experimental Créditos 4 2

Introducción general de la asignatura 2 Metodología de observación Metodología de encuesta 3 4

Tipo de Contenidos Teóricos Prácticos

You're Reading a Free Preview

Descarga
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->