UNA GRAMÁTICA....PARDA

Los navegadores necesitan para interpretar y LEER el Lenguaje en HTML de una página Web que se les diga en este orden...

  1. *Que lenguaje se utiliza (en nuestro caso HTML) y se indica con <html> (html es la etiqueta de inicio de la web.)
  2. *Donde empieza el Documento, es decir la cabecera del mismo indicado con <head>
  3. *Cual será su título mediante <title> y a continuación cual será este.
  4. *Cierre del titulo y cabecera, con </title></head>
  5. *Cual es el cuerpo que se verá en pantalla, letra, figuras, etc y se inícia con el tag <body>
  6. *Donde finaliza el texto, imágenes, etc. mediante el tag </body> (El tag body puede ser de varias maneras, este es el más simple)
  7. *Y fin de la Web con </html>

EMPECEMOS...

Así empezaría una elemental página Web escrita con el Block de Notas (o con Microsoft Word o Word Pad.)

Finalizada la página iré arriba de la pantalla a "Archivo" y pulsaré en "Guardar como..". En la ventana que se abre, en "Nombre del Archivo" escribiré jubilo.html (Insisto, el archivo debe tener la extensión .html).

Cuando después de escribir lo que sigue....

<html>
<head><title>hola</title></head>
<body>
*Hola que tal estais, esto en principio no es tan difícil.<br>
El "chalao" del minero presume de saberlo hacer y se llevará un chasco cuando vea mi página.*
</body>
</html>

.....se leerá..!

*Hola que tal estais, esto en principio no es tan difícil.
El "chalao" del minero presume de saberlo hacer y se llevará un chasco cuando vea mi página.*

(el texto anterior esta escrito SIN negrita, es decir, sin el comando <b> y usando el tag 'br' que equivale a 'punto y aparte')

El color de las letras por defecto es el NEGRO y el del fondo de la pantalla el GRIS.

Si quiero saltar de "renglon" o poner punto y aparte, al final escribiría <br>, como habrá podido ver en el párrafo que puse de ejemplo. (Este comando no usa la "/br").

Si pone <p>, entonces deja una linea en blanco (tampoco usa /p) y con <br><p> repetidas veces dejaremos tantos espacios en blanco como repitamos esos comandos.

Que quiero letra cursiva....antes y despues pongo <I> y </I> (donde empieza y termina). Para otro tipo de letra, se usa <font face="...la que sea...>. Pero lo veremos más tarde.

Mejor negrita....<b> y </b>

Otro tipo de letra y "estilos" de presentación, los veremos más adelante.

o o o O o o o

Como ya dije, la página aparecerá con letras negras sobre fondo gris que es lo que hay por defecto....feucho no...!

La Pantalla y Las Letras. Color y Tamaño.

Pués le vamos a poner un color homogéneo al fondo así como color y tamaño a las letras de esta forma....

* * * * * * * * * *

Un ULTIMO detalle...Estoy escribiendo en el Bloc de Notas, por ejemplo. Guardo la página con el nombre que sea (jubilo.html). y cierro el procesador.
Para volver, logicamente, voy al directorio o archivo donde tengo jubilo.html pulso con el raton y se me abre la pagina Web. Hay que decir algunas cosas a partir de ahora....

En el archivo donde tenga su pagina Web, ponga (copie) tambien figuras, iconos, archivos de sonidos, etc por que al abrirla si no es asi, la pagina se vera pero a lo mejor un icono NO aparecera debido a que no esta. Parece tonto, pero ocurre.

Una vez tengo la Web en pantalla, para verla en HTML, voy al Navegador a 'VER'--->Codigo Fuente (en el Navegador) y se nos abrira el Bloc de Notas para hacer correciones. Si las hacemos, acuerdese de volverla a Guardar pulsando en "Guardar".

Sigue la GRAMÁTICA. (Imágenes, Listas, Tablas..)

Enlace de UNAS páginas con OTRAS

Como poner un Contador de Visitas

La Tabla del Código ASCII

Dibujar un ICONO | Página de Comandos

Volver al BAZAR