Manual basico HTML
Acontinuacion hos voy a explicar un poco la estructura y algunas directrices de las que consta una pagina web.
Este manual esta orientado a que conozcais un poco el lenguaje html, en la actualidad hay programas como dreamweaver,
frontpage y muchos otros que nos facilita mucho la tarea de hacer una pagina web, pero nunca biene mal conocer aunque sea un poquito
el lenguaje usado en una pagina web ya que aunque sea poco pero debemos estar familiarizados con el lenguaje HTML..
Para empezar solo necesitaremos 2 herramientas que seguro disponemos en nuestro PC.
Un editor de texto plano (bloc de notas).
un explorador web (internet explorer,firefox,netscape).
Ya teniendo esto nos ponemos manos a la obra abriendo nuestro bloc de notas y escribimos el texto siguiente:
<html>
<head>
<title>Mi primera Pagina web</title>
</head>
<body>
</body>
</html>
Una vez escrito esto le damos a "guardar como" y lo llamaremos "index", en vez de guardarlo con la extension *.txt lo aremos con la extension del lenguaje que estamos aprendiendo HTML nos tiene que quedar de la siguiente manera index.html.
Vamos a visualizar nuestra flamante pagina abriendo el archivo index.html con el navegador que allamos escogido.
Que es lo que vemos?Nada, una pagina en blanco por que no hemos escrito nada.
Andaaaa, pero en el margen superior izquierdo de nuestro navegador pone "mi primera pagina web",
Eso es el titulo de la pagina.
Antes de explicaros este codigo vamos a añadir algo mas para ver resultados.
entre medias de las etiquetas <body> y </body> vamos a escribir "HOLA MUNDO. YA ESTOY AQUI" de tal forma que nos quede el siguiente texto:
<html>
<head>
<title>Mi primera Pagina web</title>
</head>
<body>
HOLA MUNDO. YA ESTOY AQUI
</body>
</html>
Le damos a guardar y abrimos el archivo con nuestro navegador.
Ya vemos la luz al fondo del tunel, ehhhhhh?, Pues esto es solo el principio del largo y laborioso camino que estamos emprendiendo.
Vamos a detenernos aqui un momento para explicar que es lo que hemos hecho hasta ahora y su significado antes de seguir profundizando en mas detalles.