HTML

Unidad 1. Introducción a HTML (III)

Para que te vayas haciendo una idea de cómo crear una página html a través del Bloc de notas, vamos a crear una página web sencilla, con una línea de texto.
 

Mi primera página
 

Lo primero que tienes que hacer es abrir el Bloc de notas. Para abrirlo, puedes dirigirte al menú Inicio, Programas, Accesorios, opción Bloc de notas.
Seguidamenteintroduce, en el documento en blanco, el texto siguiente:


MI PRIMERA PAGINA


Hola, estoy haciendo pruebas.



 

Guarda el documento con la extensión htm, con el nombre miprimpag.htm. Puedes guardarlo a través del menú Archivo, opción Guardar.
Pulsando dos veces sobre el icono del archivo miprimpag.htm, éste debería abrirse automáticamente en el navegador que tengas instalado en tuordenador.
El navegador deberá mostrar una página como la de la derecha.
Como puedes ver, la página resultante es una página que solamente tiene una línea de texto.

 

Si observas la barra de título del navegador, verás que el título de la página es MI PRIMERA PAGINA. Este título ha sido establecido por la línea MI PRIMERA PAGINA.
El color de fondo de la página ha sido establecido por la línea .El texto Hola, estoy haciendo pruebas. se ha insertado a través de línea Hola, estoy haciendo pruebas..

Unidad 2. Estructura de una página (I)
Principio del formulario
  
Final del formulario

A lo largo de este tema vamos a aprender a crear una página básica.
La estructura básica de una página es:


...


...


Ahora veamos cómo funcionan estas etiquetas.
 

Identificadordel tipo de documento
 

Todas las páginas web escritas en HTML tienen que tener la extensión html o htm. Al mismo tiempo, tienen que tener las etiquetas  y .
Entre las etiquetas  y  estará comprendido el resto del código HTML de la página.
Por ejemplo:

...

 

Cabecera de la página
 

La cabecera de la página se utiliza para agrupar información sobre ella, como puede ser eltítulo.
Está formada por las etiquetas  y . La etiqueta  va justo debajo de la etiqueta .
Por ejemplo:


...

...

Entre las etiquetas  y , las etiquetas que podemos encontrar y más se utilizan son: 
, ,  (estas etiquetas las veremos más adelante), 
 (si deseas saber para qué sirve y cómo utilizar esta etiqueta, consúltalo aquí  ) y la etiqueta
 que te explicamos a continuación.

Título dela página


El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la página esté cargada en él.
Para asignar un título a una página es necesario escribir el texto deseado entre las etiquetas  y .
Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas  y .
Por ejemplo:



Curso de HTML


...


Unidad2. Estructura de una página (II)

Cuerpo del documento
 

El cuerpo del documento contiene la información propia del documento, es decir lo que pqueremos que se visualice, el texto de la página, las imágenes, los formularios, etc.
Todos estos elementos tienen que encontrarse entre las etiquetas  y , que van justo debajo de la cabecera.
Por ejemplo:



Curso de HTML



...


 
A través dela etiqueta  es posible establecer el color o la imagen de fondo de la página.
El color de fondo puede establecerse a través del atributo bgcolor, al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido.

Si no sabes cómo representar los colores en hexadecimal, o a qué número o nombre se corresponde cada uno de ellos, puedes consultarlo aquí. 

Porejemplo, para hacer que el color de fondo de una página sea de color azul, tendremos que escribir:
...

...


Sería equivalente a poner:
...

...


La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la que se encuentra la imagen.
Por ejemplo, para hacer que la imagen de fondo de una página sea la imagen fondo.gif, que se encuentra en el mismo...