jueves, 13 de marzo de 2014

Estructura de una página web, etiquetas básicas, reporte de lo visto en clase.

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 

estas seran algunas etiquetas que utilizaremos en el diseño de nuestra pagina.