estructura pagina web iii

COLEGIO NACIONAL NICOLAS ESGUERRA

“Edificamos Futuro”

ESTRUCTURA DE UNA PAGINA WEB III

Estudiantes: Juan Holguín Torres 07

Daniel Fernando López Ríos 08 Curso: 904

Este es el resultado final de como quedo la página web..!!

A esta página se le uso las etiquetas <marquee>; <table>; <form>; <img>

1. ETIQUETA “IMG” <img>

<html>

<head>

<title> Lopez Rios & Holguin Torres - 904NE </title>

</head>

<img align="left" src="logo.jpg">

<body align="center" bgcolor="pink">

</body>

</html>

2. ETIQUETA “MARQUEE” <marquee> </marquee>

<html>

………..

<img align="left" src="logo.jpg">

………

<hr align="center" color="purple" size="10" width="80%">

<marquee bgcolor="yellow" behavior="alternate" direction="right">

<b><font color="purple" size="5">BIENVENIDOS AL CAMPUS VIRTUAL NE </font></b>

</marquee>

<hr align="center" color="purple" size="10" width="80%">

</body>

</html>

Comentario [DLR1]: El Lugar en especial en que queramos ubicar la imagen. Ya sea izquierda (left), centrada (center) o, derecha (right).

Comentario [DLR2]: La etiqueta <img> sirve para colocar una imagen de algo que queramos visualizar en nuestra página web. El atributo “src=” es para escribir la ruta donde la imagen está ubicada.

Comentario [DLR3]: Etiqueta <img> anteriormente insertada

Comentario [DLR4]: La etiqueta <marquee> hará que el texto tenga movimiento dentro de un espacio determinado

Comentario [DLR5]: En esta se escoge si deseamos un color de fondo, el tipo de movimiento y la dirección de movimiento, con las etiquetas bgcolor, behavior, direction, respectivamente.

Comentario [DLR6]: Hace alusión de que la etiqueta <marquee> ha terminado.

3. ETIQUETA “TABLE” <table> </table>

<html>

…..

<table align="center" border="20">

<tr>

<td><b>Lunes</b></td>

<td><b>Martes</b></td>

<td><b>Miércoles</b></td>

<td><b>Jueves</b></td>

<td><b>Viernes</b></td>

</tr>

<tr>

<td>Matemáticas</td>

<td>Matemáticas</td>

<td>Ed. Física</td>

<td>Religión</td>

<td>Español</td>

</tr>

</table>

………

</html>

Comentario [DLR7]: La etiqueta <table> sirve para agregar una tabla a la página web que estemos realizando.

Comentario [DLR8]: La etiqueta <table> se le pueden agregar atributos como el lugar donde se desea que se ubique con align, y el borde exterior de la tabla con border.

Comentario [DLR9]: Este atributo funciona para agregar una fila a la tabla

Comentario [DLR10]: Este es el final del atributo </tr> y quiere decir que la fila tiene dentro de ella esos datos.

Comentario [DLR11]: Cada atributo de <td> significa que se hará una columna dentro de la fila anteriormente puesta con el atributo <tr> .

Comentario [DLR12]: Final de la columna puesta con la información; dentro de la fila.

Comentario [DLR13]: Final de la tabla

4. ETIQUETA “FORM” <form> </form>

<html>

………

<body>

……………

<form method="post" enctype="text/plain" >

<b>Nombre:</b> <input name="campo" type="text" value="Nombre" size="25" maxlength="30">

<b>Apellido:</b> <input name="campo" type="text" value="Apellidos" size="25" maxlength="30">

<b>Curso:</b> <select name="Curso">

<option selected>~~~Elije Tu Curso~~~</option>

<option>901</option>






</select>

<b>E-mail:</b> <input name="campo" type="text" value="Correo Electronico" size="25" maxlength="95">

<br>

<input name="boton" type="submit" value="Enviar datos">

</form>

</body>

</html>

Comentario [DLR14]: La etiqueta <form> sirve para insertar un formulario en nuestra página web

Comentario [DLR15]: Estos atributos son para la forma en que funcionara la etiqueta <form> con method o sea la forma en que los datos harán efecto en la página usando GET o POST

Comentario [DLR16]: Nombre que se le dará a ese campo..

Comentario [DLR17]: Tipo de formulario: text (texto)

Comentario [DLR18]: Valor o nombre que llevara el recuadro, tamaño del recuadro y máximo de caracteres permitidos en él.!

Comentario [DLR19]: Con este atributo no se haría un recuadro sino una lista para escoger

Comentario [DLR20]: <option> O opción que estará en la lista

Comentario [DLR21]: Este crearía un botón al tener en type=”submit” o en español enviar y con value sería el nombre del botón.

¡ATENCIÓN!

Al colocar todas estas etiquetas como es obvio, el código quedaba extenso,

así que resumí en las que en ese momento estaba explicando además de las

ya explicadas se le agregaron las del documento anterior como <title>;

<font>; <hr> y, <br>.

estructura pagina web iii

Education