ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
Estructura Pagina Web III
1. 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>
2. 1. ETIQUETA “IMG” <img>
<html>
<head>
<title> Lopez Rios & Holguin Torres - 904NE </title>
</head>
<img align="left" src="logo.jpg"> Comentario [DLR1]: El Lugar en
<body align="center" bgcolor="pink"> especial en que queramos ubicar la
imagen. Ya sea izquierda (left), centrada
</body> (center) o, derecha (right).
</html>
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.
2. ETIQUETA “MARQUEE” <marquee> </marquee>
<html>
………..
<img align="left" src="logo.jpg"> Comentario [DLR3]: Etiqueta <img>
……… anteriormente insertada
<hr align="center" color="purple" size="10" width="80%">
<marquee bgcolor="yellow" behavior="alternate" direction="right"> Comentario [DLR4]: La etiqueta
<b><font color="purple" size="5">BIENVENIDOS AL CAMPUS VIRTUAL NE </font></b> <marquee> hará que el texto tenga
movimiento dentro de un espacio
</marquee> determinado
<hr align="center" color="purple" size="10" width="80%">
Comentario [DLR5]: En esta se escoge
</body> si deseamos un color de fondo, el tipo de
</html> 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. 3. ETIQUETA “TABLE” <table> </table>
<html>
…..
<table align="center" border="20"> Comentario [DLR7]: La etiqueta
<tr> <table> sirve para agregar una tabla a la
página web que estemos realizando.
<td><b>Lunes</b></td>
<td><b>Martes</b></td> Comentario [DLR8]: La etiqueta
<table> se le pueden agregar atributos
<td><b>Miércoles</b></td> como el lugar donde se desea que se
<td><b>Jueves</b></td> ubique con align, y el borde exterior de la
<td><b>Viernes</b></td> tabla con border.
</tr> Comentario [DLR9]: Este atributo
funciona para agregar una fila a la tabla
<tr>
<td>Matemáticas</td> Comentario [DLR10]: Este es el final
del atributo </tr> y quiere decir que la fila
<td>Matemáticas</td> tiene dentro de ella esos datos.
<td>Ed. Física</td>
<td>Religión</td> Comentario [DLR11]: Cada atributo
<td>Español</td> de <td> significa que se hará una columna
dentro de la fila anteriormente puesta con
</tr> el atributo <tr> .
</table>
Comentario [DLR12]: Final de la
……… columna puesta con la información; dentro
</html> de la fila.
Comentario [DLR13]: Final de la tabla
4. 4. ETIQUETA “FORM” <form> </form>
<html>
………
<body>
……………
<form method="post" enctype="text/plain" > Comentario [DLR14]: La etiqueta
<b>Nombre:</b> <input name="campo" type="text" value="Nombre" size="25" maxlength="30"> <form> sirve para insertar un formulario en
nuestra página web
<b>Apellido:</b> <input name="campo" type="text" value="Apellidos" size="25" maxlength="30">
<b>Curso:</b> <select name="Curso"> Comentario [DLR15]: Estos atributos
son para la forma en que funcionara la
<option selected>~~~Elije Tu Curso~~~</option> etiqueta <form> con method o sea la
<option>901</option> forma en que los datos harán efecto en la
<option>902</option> página usando GET o POST
<option>903</option> Comentario [DLR16]: Nombre que se
le dará a ese campo..
<option>904</option>
<option>905</option> Comentario [DLR17]: Tipo de
formulario: text (texto)
<option>906</option>
</select> Comentario [DLR18]: Valor o nombre
que llevara el recuadro, tamaño del
<b>E-mail:</b> <input name="campo" type="text" value="Correo Electronico" size="25" maxlength="95"> recuadro y máximo de caracteres
<br> permitidos en él.!
<input name="boton" type="submit" value="Enviar datos"> Comentario [DLR19]: Con este
</form> atributo no se haría un recuadro sino una
lista para escoger
</body>
</html> 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.
5. ¡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>.
![1. ETIQUETA “IMG” <img>
<html>
<head>
<title> Lopez Rios & Holguin Torres - 904NE </title>
</head>
<img align="left" src="logo.jpg"> Comentario [DLR1]: El Lugar en
<body align="center" bgcolor="pink"> especial en que queramos ubicar la
imagen. Ya sea izquierda (left), centrada
</body> (center) o, derecha (right).
</html>
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.
2. ETIQUETA “MARQUEE” <marquee> </marquee>
<html>
………..
<img align="left" src="logo.jpg"> Comentario [DLR3]: Etiqueta <img>
……… anteriormente insertada
<hr align="center" color="purple" size="10" width="80%">
<marquee bgcolor="yellow" behavior="alternate" direction="right"> Comentario [DLR4]: La etiqueta
<b><font color="purple" size="5">BIENVENIDOS AL CAMPUS VIRTUAL NE </font></b> <marquee> hará que el texto tenga
movimiento dentro de un espacio
</marquee> determinado
<hr align="center" color="purple" size="10" width="80%">
Comentario [DLR5]: En esta se escoge
</body> si deseamos un color de fondo, el tipo de
</html> 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.](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)