hola

Manual de lenguaje HTML
Guía de Estudio
Sólo con fines didácticos



Ronald Ramírez Morocoima


MANUAL DE LENGUAJE HTML
1. ANTES DE EMPEZAR.
Sitúate con el puntero del ratón sobre cualquier punto vacío de esta página que estás leyendo en estos momentos. Pulsa el botón derecho de tu ratón. Se abrirá el siguiente menú contextual:


Si, en vez del Explorer, estás leyendo estapágina con el Firefox, el menú contextual será algo distinto:


A continuación elige la opción señalada en cada uno de los casos. Verás algo así:













En el caso de que estés con el Explorer. O algo así:








Pues bien, en ambos casos, estás visualizando el código fuente que da origen a la página que estás leyendo en estos momentos. Es decir, es lo que hayque escribir para que la página se muestre tal cual la estás viendo. Probablemente tanto símbolo extraño y palabras algo raras te sorprenderán y te llevarán a la idea de que "esto es muy difícil" y "no es para mí". Tranquilo. Sin ser fácil, el lenguaje html está al alcance de cualquier persona, y las cosas, paso a paso, se pueden hacer algo más sencillas.
2. EMPEZANDO.
El código fuente, seescribe 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:





A continuación debes saber que las dos etiquetas fundamentales dentro de las cuales tiene que ir nuestro código fuente son como etiqueta de apertura y como etiqueta decierre. Después, todo lo que será visible al visitar la página con el navegador, debe de estar entre las etiquetas cuerpo, en inglés, como etiqueta de apertura y como etiqueta de cierre.
Nota: Las etiquetas también se pueden escribir con letras mayúsculas:  ...Nosotros vamos a optar por las minúsculas por ser lo que se está imponiendo de acuerdo con las últimas normas.
Vamos a escribir algo ennuestra página. Por ejemplo Bienvenid@. Lo escribiremos entre  y . Nuestro código quedará así:





Ahora tenemos que guardar nuestro documento en alguna parte del ordenador y ¡muy importante! con un nombre y una extensión especial. El nombre va a ser index (ya veremos porqué este nombre más adelante) y su extensión .html
También se podría guardar con la extensión .htm (el resultado esexactamente 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 selección de directorio:




Elegimos Escritorio y le llamamos index.html
Observa que en Tipo no hemos cambiado nada. No es necesario al haber incluído la extensión .html en el nombre delarchivo.
3. MI PRIMERA PÁGINA.
Ya podemos ir al Escritorio para abrir nuestra página.
Si el navegador predeterminado es el Explorer, el icono de nuestra página se visualizará así.
Si, en cambio, es el Firefox el navegador predeterminado, el icono de nuestra página será éste:  En ambos casos es conveniente que visualicemos la página con los dos navegadores para controlar posiblesfallos en la escritura del código ya que, puede ocurrir, que un navegador sea sensible al fallo y otro no.

Vamos a ver nuestra página: Hacemos doble clic sobre el icono y ...







La verdad no es una página muy espectacular pero... los comienzos deben ser humildes.
4. EL OTRO NAVEGADOR.
Hemos quedado que nuestra página debía visualizarse, también, con el Firefox.
Y ya hemos dichotambién, que una forma era hacerlo desde el menú contextual pinchando con el botón derecho del ratón sobre el icono del archivo.
Otra forma es hacerlo abriendo el programa y yendo a buscar el archivo a abrir.
Le damos a Inicio > Todos los programas > Mozilla Firefox > Mozilla Firefox
Y, cuando se abra el programa, darle a Archivo > Abrir archivo...

Para elegir el archivo a abrir:...