martes, 18 de marzo de 2014

Estructura de una página web, etiquetas básicas.

La estructura básica de una página web es la siguiente:


<html>
<head></head>
<body>
</body>

</html>













Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.

La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). 

La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).
La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la página anterior, el siguiente código.

EJEMPLO:

<html>
<head>
<title>Esto es el t&iacute;tulo de la p&aacute;gina.</title>
</head>
<body>
Hola mundo!<br>
<b>Esto es negrita.</b><br>
<i>Y esto it&aacute;lica.</i><br>
</body>
</html>






Descripción del diseño del proyecto

En nuestro diseño de nuestra pagina lo primero es poner el tema que es Embarazos en la Juventud que va hacer el encabezado de nuestra pagina web.

Embarazos en la Juventud


 De ahí vamos a ver los temas que son


EMBARAZO
ABORTOS
CONSEJOS
MÉTODOS ANTICONCEPTIVOS 
Que cada uno de ellos tendrá un enlace que te llevara a otra y que podrás mirar los temas mas a detalle.




POR EJEMPLO

 



EMBARAZO(ENLACE)

 que ese enlace te llevara a otra pagina web
que te hablara mas sobre que es el embazo y por que se da mucho en la juventud(adolescencia).


  usaremos varias etiquetas para el texto
utilizaremos una etiqueta <br> para insertar un salto de linea en un documento html.
utilizaremos etiqueta <front></front> que nos permite modificar el tamaño  y el color del texto.
tambien la etiqueta<img>  para incluir imagenes