estructura pagina web iii
TRANSCRIPT
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>
<option>902</option>
<option>903</option>
<option>904</option>
<option>905</option>
<option>906</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.