bluefush

CURSO BÁSICO DE HTML
Luis José Sánchez González

INTRODUCCIÓN
Para crear una página web podemos optar por una de los siguientes métodos:
a)

Utilizar una herramienta de diseño web como Screem, Blue Fish, Front Page o incluso un
procesador de textos como el Writer de OpenOffice o el Word de Microsoft.
Ventaja:
– Casi cualquiera puede hacer páginas web en poco tiempo.
Inconvenientes:
–Cada herramienta le da a la página un sutil toque personal y se suele notar cuál de ellas
se ha utilizado para su elaboración.
– Puede que la página no se vea bien en cualquier navegador, especialmente si se utilizan
herramientas de Microsoft.
– Por lo general, las páginas suelen quedar bastante cutres.

b) Escribir la página directamente en HTML (HyperText Markup Language).
Ventaja:
–Tienes control absoluto sobre lo que estás haciento.
– Sólo hace falta un sencillo editor de texto.
Inconvenientes:
– Hay que saber HTML.
– Es laborioso hacer cualquier cosa por insignificante que parezca por lo que se suele
emplear mucho tiempo en crear y mantener una página web.
c)

Método mixto. Consiste en crear el esqueleto de la página con una herramienta y luego
modificarla a manointroduciendo o cambiando código HTML.
Ventaja:
– En principio parece que reúne las ventajas de los dos métodos anteriores.
Inconvenientes:
– En la práctica, aúna los inconvenientes de los dos métodos anteriores. Resulta más difícil
retocar el código generado por una herramienta de diseño que el código escrito por uno
mismo.

Luis José Sánchez González

Curso de HTML

MÉTODO DE TRABAJOPara crear una página web escribiendo código HTML sólo necesitamos un procesador de textos (cuanto
más simple mejor) y un navegador para ir viendo cómo van quedando las páginas. Como editores, en Linux
se puede utilizar por ejemplo el Kword y, en Windows, el bloc de notas. Como navegador, el que más te
guste (Opera, Internet Explorer, Nestcape Navigator,etc.), personalmente utilizo Opera.
Elmétodo de trabajo será simple, tendremos abierto tanto el editor de texto como el navegador, y en ambos
estará cargado el fichero sobre el que estamos trabajando. Iremos modificando el fichero en el editor e
iremos dándole al botón de actualizar del navegador para ver los cambios producidos.

PRIMERA PÁGINA
Escribiremos el siguiente código en el editor de texto y lo guardaremos como“primera.html”.



Esta es mi primera página.



Lo cargamos desde el navegador et voilà, ya tenemos hecha nuestra primera página web.
Las etiquetas y marcan respectivamente el principio y el final de un documento escrito en
HTML. Entre las etiquetas y se escribirá el cuerpo en sí de la página, lo que realmente
queremos que se muestre.

CABECERA, TÍTULO Y ALINEACIÓN DEL TEXTO
Vamos a elaborarun poco más la página anterior. Ahora podemos guardarla como “pagina02.html”.



Segunda página del curso de HTML






Segunda Página.
Esta frase está centrada.

Esto está pegado

Luis José Sánchez González

Curso de HTML

a la izquierda.
Y esta última frase está
pegada a la derecha.


Entre las etiquetas y se puede especificar información que puede ser más o
menosrelevante pero que no afecta al contenido, como por ejemplo el título de la página, su autor,
una serie de palabras clave por las que se puede encontrar la página si se da de alta en un buscador
y la descripción del contenido de la página.
Con , , , , y se indica el tipo de cabecera o título. muestra la
cabecera más grande y la más pequeña.
provoca un salto de línea.
Por último permitecentrar un texto y nos permite alinearlo a la izquierda o
a la derecha.

FORMATO DEL TEXTO Y COLORES
Se puede cambiar tanto el color del fondo de la página como el del texto que contiene. El color se
puede indicar escribiendolo en inglés o bien especificando la cantidad de rojo, verde y azul. Para cada
color se utilizan dos dígitos en hexadecimal (desde el 00 hasta el FF). Por ejemplo,...