miércoles, 18 de enero de 2012

lenguaje html.

Una página web  está compuesta por muchos  ficheros diferentes: imágenes,  vídeos y lo más importante: el código fuente.
El lenguaje en el que están escritas estas páginas se llama HTML e indica básicamente donde colocar cada texto, imagen o video y la forma que tendrán estos después de ser colocados en la página.
Nunca se llegó a pensar que una web se pudiera utilizar para el ocio por lo que el HTML se creó sin saber todos los posibles usos que se le iba a dar ni toda la gente que llegaría a utilizarlo.
El lenguaje se basa en etiquetas que tienen esta forma <B> o <P>.Cada etiqueta significa una cosa, por ejemplo <B> significa que se escriba en negrita (bold) o <P> significa un párrafo, <A> es un enlace, etc.  Casi todas las etiquetas tienen su correspondiente etiqueta de cierre, que indica que a partir de ese punto no debe de afectar la etiqueta. Por ejemplo </B> se utiliza para indicar que se deje de escribir en negrita. Así que el HTML no es más que una serie de etiquetas que se utilizan para definir la forma o estilo que queremos aplicar a nuestro documento. <B>Esto está en negrita</B>.
PARTES:
Un documento HTML deberá estar delimitado por la etiqueta <html> y </html>. Y dentro de este documento podremos diferenciar dos partes principales:
El encabezado, delimitado por <head> y </head> donde colocaremos por ejemplo el titulo de nuestra página.
El cuerpo, <body> y </body>, colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto.
El resultado es un documento con la siguiente estructura:
<html>
<head>
   Contenidos del encabezado.
   Datos que no aparecen en nuestra página pero que son importantes para catalogarla: Titulo, palabras clave,...
</head>
<body>
   Etiquetas y contenidos del cuerpo
   Parte del documento que será mostrada por el navegador: Texto e imágenes
</body>
</html>
Con todo lo que sabes ya sobre HTML podemos construir una página web que ya tiene bastante sentido. Por ejemplo:
<html>
<head>
   <title>Jesuitak durango</title>
</head>
<body>
   <p><b>Bienvenido,</b></p>
   <p>Estás en la página <b>de Jesuitas</b>.</p>
   <p>Aquí encontrarás toda la información sobre el centro.</p>
</body>
</html>