Claudia pinto: diciembre 2012

jueves, 13 de diciembre de 2012

EXAMEN FINAL (definiciones)

<HTML> escribe y traduce la informacion del texto
<HEAD> engloba oraciones en modo de cabecera
<TITLE> se refiere al nombre que aparecera en la parte superior de un navegador
<BODY> cuerpodel documento
<P> retorno de linea con un espacio
<BR> retorno de linea
<B> texto en negrita
<i> italica
<PRE> visualiza el texto en formato original
<CENTER> centrar
<H1>,<H2>,...<H6> alinear el texto
<CENTER> centrar
<HR> linea horizontal
<UL> lista no ordenada
<OL> lista ordenada
<TABLE> tabla
<TR> fila de una tabla
<TD> celdas de una fila en una tabla
<A HREF="primera.htm"></A> para poner hipervinculo
<IMG SRC="imagen1.jpg"> para inglesar a una imagen

EXAMEN FINAL

practica 1
HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
ejemplos de tablas :
<BR>
<p>
<TABLE BORDER>
<TR>
    <TD>fila1-celda1</TD>
<TD>fila1-celda2</TD>
<TD>fila1-celda3</TD>
</TR>
<TR>
    <TD>fila1-celda1</TD>
<TD>fila1-celda2</TD>
<TD>fila1-celda3</TD>
</TR>
</TABLE>
</BODY>
</HTML>

practica 2 :
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
ejemplo de tablascon bordes:
<BR>
<p>
<TABLE BORDER=5>
<CAPTION>titulo de la tabla</CAPTION>
<TR>
    <TD>fila1-celda1</TD>
<TD>fila1-celda2</TD>
<TD>fila1-celda3</TD>
</TR>
<TR>
    <TD>fila1-celda1</TD>
<TD>fila1-celda2</TD>
<TD>fila1-celda3</TD>
</TR>
</TABLE>
<BR>
<hr>
<BR>
<TABLE>
<TD>este texto esta dentro de una
celda</A></TD>
          Para poner una imagen...
<TD><IMG SRC="imagen1.jpg"></TD>
          para poner un enlace...
<TD><A HREF="primera.htm">Ir a la primera
pagina</A></TD>
</TABLE>
</BODY>
</HTML>

practica 3
<HTML>
<HEAD><TITLE></TITLE>
</HEAD>
<BODY>
hola,soy yo. estoy haciendo una pagina WEB.
<P>
Aqui paso a otro parrafo
<BR>
aqui bajo un renglon
<BR>
<hr>
mi poema <P>
Tecontare deseos en tus labios,<P>
Elplacersera mi arma para soñar,<P>
<BR>
Recorrere tu alma <P>
y secuestrare tu amor. <P>
<BR>
nohabra rescate. <P>
Solo la pasion. <P>
<BR>
Partes de mi computadora :<BR>
<UL>
    <li>monitor
<li>placa de sonido
<li>teclado
<li>Etc.
</UL>
<OL>
    <li>monitor
<li>placa de sonido
<li>teclado
<li>Etc.
</OL>
</BODY>
</HTML>

miércoles, 12 de diciembre de 2012

DISEÑO DE PAGINA WEB

- La etiqueta <P> separa el texto en diferentes párrafos, <BR> baja un renglon.
<HTML>
<HEAD>
<TITLE>
mi pagina de web
</TITLE>
</HEAD>
<BODY>
hola, soy yo. estoy haciendo una pagina web
<P>
aqui paso a otro parrafo
<BR>
aqui bajo un renglon</
</BODY>
</HTML>

- Cabeceras o titulos, comprendidos entre las etiquetas <H1> y </H1>,<H2> y </H2>, etc. (hasta el numero 6), texto en el centro con <CENTER></CENTER>
<HTML>
<HEAD>
<TITLE>
mi pagina web
</TITLE>
</HEAD>
<BODY>
<H1>titulo mas grandecon h1 </h1>
<H2>titulo menos grandecon h2 </h2>
<H3>titulo un poco menos grnadecon h3 </h3>
<H4>titulo en letra normal h4 </h4>
<H5>titulo en letra chica h5 </h5>
<H6>titulo con letra bien chica h6 </h6>
hola soy yo. estoy haciendo un pagina web
<P>
aqui paso a otro parrafo
<BR>
aqui bajo un renglon
<P>
<CENTER>
este texto esta centrado
</CENTER></BODY></HTML>

- La etiqueta <HR> ( no existe la correspondiente de cierre) pone una raya horizontal. para que no ocupe toda la pantalla sino un aparte indicandole WIDTH=XX% y el ancho con SIZE=X
<HTML>
<HEAD>
<TITLE>
mi pagina web
</TITLE>
</HEAD>
hola soy yo estoy haciendo mi pagina web
<P>
aqui paso a otro parrafo
<BR>
aqui bajo un renglon
<P>
<CENTER>
Este texto esta centrado
</CENTER>
<HR width=10% SIZE=1>
<HR width=30% SIZE=4>
<HR width=100% SIZE=8>
</BODY>
</HTML>

-<B> y </B> para negrita <i> y </i> cursiva,<PRE> y </PRE> para poner texto preformateado, es decir, aparecera tal cual uno lo escribe
<HTML>
<HEAD>
<TITLE>
mi segunda pagina de web
</TITLE>
</HEAD>
<BODY>
<B>estas palabras estan en negrita
<p>
<i> estas palabras estan en italica
<p>
<PRE> este texto esta preformateado y esto va luego de 10 espacios en blanco.
el texto fue escrito despues de dar un
enter </PRE>
</BODY>
</HTML>

- Listas desordenadas (UL),listas ordenadas (OL)
<HTML>
<HEAD>
<TITLE>
mi segunda pagina de web
</TITLE>
</HEAD>
<BODY>
lista desordenada
<UL>
<li> monitor
<li>placa de sonido
<li>teclado
<li>etc.
</UL>
lista ordenada
<OL>
<li> monitor
<li>placa de sonido
<li>teclado
<li>etc.
</OL>

</BODY>
</HTML>

-Listas de definicion (DT), comentarios no visibles en la pantalla: 
<HTML>
<HEAD>
<TITLE>
mi segunda pagina de web
</TITLE>
</HEAD>
<BODY>
lista de definicion
<DL>
<DT> monitor:
<DD> hardware de la computadora cuya funcion es destruir ojos
<DT> placa de sonido
<DD> rompe la tranquilidad familiar
<DT> teclado
<DD> destructor de uñas
</DL>
<!esto e sun comentario al codigo que no se vera en la pantalla -->
el texto que figura como comentario en este codigo no lo vemos en pantalla.
<P>
<B> estas palabras estan en negrita </B>
<P>
<i> estas palabras estan en italica </i>
</BODY>
</HTML>