computadores

INICIO
Para empezar a trabajar se debe copiar el archivo ejercicios en mis
documentps y extraer los archivos en la misma carpeta Mis documentos de tu
disco duro, ahí se creará una carpeta ejercicios_html.
A lo largo del curso vamos a crear tres sitios web, cada sitio lo guardaremos en una
carpeta dentro de ejercicios_html.
En esa carpeta tenemos:
La carpeta animales, donde guardaremos losarchivos de un sitio web de una
asociación ficticia de veterinarios que iremos creando a lo largo de los ejercicios
paso a paso.
La carpeta deportes, donde guardaremos los archivos de un sitio web de una cadena
de centros deportivos que iremos creando a lo largo de los ejercicios propuestos.
La carpeta flores, donde guardaremos los archivos de un sitio web de una floristería
que iremoscreando a lo largo de los ejercicios propuestos.
Cada carpeta contiene a su vez una carpeta imagenes y una carpeta varios donde
iremos guardando las imágenes y ficheros varios respectivamente.

EJEMPLO:
PAGINA DE PRUEBA


MI PRIMERA PAGINA

Hola, este es un ejemplo sobre el
cual se va a aplicar todo lo que se vera a continuación.



Estructura de una página
La estructura básica de unapágina es:


...


...



Ahora veamos cómo funcionan estas etiquetas.

Identificador del 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
Lacabecera de la página se utiliza para agrupar información sobre ella, como
puede ser el tí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:
, ,

:

Título de la página
El título de la página es el que aparecerá en la parte superiorde 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:




Grado11


...


Cuerpo del documento
El cuerpo del documento contiene la información propia del documento, esdecir 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:




Grado11



...


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

Por ejemplo, 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 encuentrala 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 directorio en el que se encuentra guardada
la página, tendremos que escribir:

...

...


En el caso de que la imagen no se encuentre en el mismo directorio que la página, y se
encuentre dentro de la carpeta imagenes, que sí se encuentra en el mismo directorioque la página, tendremos que escribir

...


A través de la etiqueta también es posible establecer el color del texto de la
página a través del atributo text.
Por ejemplo, para hacer que el color del texto de una página sea de color rojo,
tendremos que escribir:

...

...


Entre el borde de la ventana y el contenido de la página existe un margen, cuyo
tamaño en píxeles puede...