You are on page 1of 7

Manual de lenguaje HTML

Las pginas que nos encontramos en Internet, las pginas web, estn
construidas en un lenguaje de etiquetas denominado lenguaje html.
Esto quiere ser un sencillo curso para que seas capaz, en relativamente poco
tiempo, de realizar tus primeras pginas web escribiendo el cdigo
correspondiente, antes de pasar a ver algn editor de cdigo concreto
(Dreamweaver por ejemplo) que simplifican enormemente la tarea.
Por qu entonces no empezar directamente con el editor?
Porque es muy importante tener ciertos conocimientos del lenguaje ante
posibles problemas que, sin lugar a dudas, se nos van a presentar al editar
nuestras pginas.
La red est llena de cursos sobre el lenguaje HTML. Qu aporta ste que no
tengan los dems? Probablemente no mucho. He pretendido la sencillez y la
claridad. Al principio quera ser de nivel inicial y, conforme lo he ido ampliando,
ya est en un nivel de intermedio. No obstante, los primeros pasos estn
pensados para personas con escasos conocimientos de informtica en general, y
de pginas web en particular.
He recopilado aqu alguno de los otros cursos que sobre este tema hay en la red.
El curso puede ser seguido de forma lineal o, a travs de los enlaces a cada uno
de los apartados:

Nota: El curso est creciendo. He introducido unos apartados que los he colocado bajo la
etiqueta de "avanzado". No es necesariamente que lo introducido all sea especialmente
difcil; a veces s. Otras veces es, simplemente, una ampliacin a lo trabajado en el resto
del curso. Se accede, desde contenidos, o desde el icono desde cada una de las pginas.

1.- Antes de empezar.

Sitate con el puntero del ratn sobre cualquier punto vaco de esta pgina que
ests leyendo en estos momentos. Pulsa el botn derecho de tu ratn. Se abrir
el siguiente men contextual:

Si, en vez del Explorer, ests leyendo esta pgina con el Firefox, el men
contextual ser algo distinto:

A continuacin elige la opcin sealada en cada uno de los casos. Vers algo as:

En el caso de que ests con el Explorer. O algo as:

En el caso del Firefox.


Pues bien, en ambos casos, ests visualizando el cdigo fuente que da origen a
la pgina que ests leyendo en estos momentos. Es decir, es lo que hay que
escribirpara que la pgina se muestre tal cual la ests viendo.
Probablemente tanto smbolo extrao y palabras algo raras te sorprendern y te
llevarn a la idea de que "esto es muy difcil" y "no es para m". Tranquilo. Sin
ser fcil, el lenguaje html est al alcance de cualquier persona, y las cosas, paso
a paso, se pueden hacer algo ms sencillas.

2.- Empezando.
El cdigo fuente, se escribe en un procesador de texto. Nosotros lo vamos a
hacer con el Bloc de notas. Para abrir el Bloc de Notas, le damos a Inicio > Todos
los programas > Accesorios > Bloc de notas. Se abrir una ventana como sta:

Dependiendo de cmo est configurado tu ordenador, quiz no encuentres el


Bloc de notas en esta ruta.
A continuacin debes saber que las dos etiquetas fundamentales dentro de las
cuales tiene que ir nuestro cdigo fuente son <html> como etiqueta de apertura
y</html> como etiqueta de cierre. Despus, todo lo que ser visible al visitar la
pgina con el navegador, debe de estar entre las etiquetas <body> cuerpo, en
ingls, como etiqueta de apertura y </body> como etiqueta de cierre.
Nota: Las etiquetas tambin se pueden escribir con letras
maysculas: <HTML> <BODY>...Nosotros vamos a optar por las minsculas por ser lo que
se est imponiendo de acuerdo con las ltimas normas.

Vamos a escribir algo en nuestra pgina. Por ejemplo Bienvenid@. Lo


escribiremos entre <body> y </body>. Nuestro cdigo quedar as:

Ahora tenemos que guardar nuestro documento en alguna parte del ordenador
y muy importante! con un nombre y una extensin especial. El nombre va a
ser index(ya veremos porqu este nombre ms adelante) y su extensin .html
Tambin se podra guardar con la extensin .htm (el resultado es exactamente
el mismo).
El sitio puede ser cualquier parte del ordenador. Para tenerlo accesible, lo
vamos a guardar en el Escritorio: Le damos a Archivo > Guardar

Nos aparecer la ventana de seleccin de directorio:

Elegimos Escritorio y le llamamos index.html


Observa que en Tipo no hemos cambiado nada. No es necesario al haber
includo la extensin .html en el nombre del archivo.
Podemos visualizarlo para ver si la pgina funciona....

You might also like