Diseño de Página Web
- La etiqueta<P> separa el texto en diferentes párrafos,<BR> baja un renglón.
<HTML>
<HEAD>
<TITLE>
Mipágina de WEB
</TITLE>
</HEAD>
<BODY>
Hola, soy yo. Estoy haciendo una página WEB.
<P>
Aquí paso a otro párrafo.
<BR>
Aquí bajo un renglón.
</BODY>
</HTML>
- Cabeceras o títulos, comprendidos entre las etiquetas <H1> y </H1>, <H2>, </H2>,etc. (hasta el número 6), texto en el centro con <CENTER> </CENTER>
<HTML>
<HEAD>
<TITLE>
Mipágina de WEB
</TITLE>
</HEAD>
<BODY>
<H1>Título más grande con H1</H1>
<H2>Título menos grande con H2</H2>
<H3>Título un poco menos grande con H3</H3>
<H4>Título en letra normal con H4</H4>
<H5>Titulo en letra chica con H5</H5>
<H6>Título en letra bien chica con H6</H6>
Hola, soy yo. Estoy haciendo una página WEB.
<P>
Aquí paso a otro párrafo.
<BR>
Aquí bajo un renglón
<P>
<CENTER>
Este texto está 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 una parte indicándole WIDTH=XX%y el ancho con SIZE=X
<HTML>
<HEAD>
<TITLE>
Mipágina de WEB
</TITLE>
</HEAD>
Hola, soy yo. Estoy haciendo una página WEB.
<P>
Aquí paso a otro párrafo.
<BR>
Aquí bajo un renglón.
<P>
<CENTER>
Este texto está centrado.
</CENTER>
<HR width=10% SIZE=1>
<HR width=30% SIZE=4>
<HR width=100% SIZE=8>
</BODY>
</HTML>
- <B> y </B> para negrita, <l> y </l> cursiva, <PRE> y </PRE> para poner texto preformateado , es decir, aparecerá tal cual uno lo escribe
<HTML>
<HEAD>
<TITLE>
Mi segunda página de WEB
</TITLE>
</HEAD>
<BODY>
<B>Estas palabras están en negrita </B>
<P>
<l> Estas palabras están en itálica</l>
<P>
<PRE>Este texto está preformateado y esto va luego de 10 espacios en blanco
El texto actual fue escrito después de dar un enter</PRE>
</BODY>
</HTML>
- Listas desordenadas (UL), Listas ordenadas (OL)
<HTML>
<HEAD>
<TITLE>
Mi segunda página de WEB
</TITLE>
</HEAD>
<BODY>
Lista desordenada
<UL>
<Ll> Monitor
<Ll> Placa de sonido
<Ll> Teclado
<Ll> Etc.
</UL>
Lista ordenada:
<OL>
<Ll> Monitor
<Ll> Placa de sonido
<Ll> Teclado
<Ll> Etc.
</OL>
</BODY>
</HTML>
- Listas de definición (DT), comentarios no visibles en la pantalla: <l -- y -->
<HTML>
<HEAD>
<TITLE>
Mi segunda página de WEB.
</TITLE>
</HEAD>
<BODY>
Lista de definición
<DL>
<DT> Monitor:
<DD> Hardware de la computadora cuya función es destruir ojos.
<DT> Placa de sonido:
<DD> Rompe la tranquilidad familiar.
<DT>Teclado:
<DD>Destructor de uñas.
</DL>
<!--Esto es un comentario al código que no se verá en pantalla -->
El texto que figura como comentario en este código no lo vemos en la pantalla
<P>
<B>Estas palabras están en negrita</B>
<P>
<l>Estas palabras están en itálica</l>
</BODY>
</HTML>
No hay comentarios:
Publicar un comentario