Html

Solo disponible en BuenasTareas
  • Páginas : 46 (11454 palabras )
  • Descarga(s) : 0
  • Publicado : 28 de septiembre de 2010
Leer documento completo
Vista previa del texto
www.monografias.com

Curso de Diseño de Páginas Web - HTML

|[pic] |Estructura básica de un documento HTML |5 |
|[pic] |Dando forma al texto del documento HTML |6 |
|[pic] |Caracteres especiales |11 ||[pic] |Enlaces |13 |
|[pic] |Imágenes |16 |
|[pic] |Alineación y dimensionado de imágenes |19 |
|[pic] |Fondos y colores|21 |
|[pic] |Tablas |24 |
|[pic] |Formularios |29 |
|[pic] |Mapas |37 |
|[pic] |Frames|41 |
|[pic] |Sonidos |50 |

1. ESTRUCTURA BASICA DE UN DOCUMENTO HTML

El principio esencial del lenguaje HTML es el uso de las etiquetas (tags). Funcionan de la siguiente manera:

Este es elinicio de una etiqueta.
Este es el cierre de una etiqueta.

Las letras de la etiqueta pueden estar en mayúsculas o minúsculas, indiferentemente.

Lo que haya entre ambas etiquetas estará influenciada por ellas. Por ejemplo, todo el documento HTML debe estar entre las etiquetas y :

[Todo el documento]

Un documento HTML en síestá dividido en dos zonas principales:

➢ El encabezamiento, comprendido entre las etiquetas y
➢ El cuerpo, comprendido entre las etiquetas y

Dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal del BROWSER que es utilizado para visualizar el documento HTML, principalmente la información encontrada en el encabezamientoes el título del documento, comprendido entre las etiquetas y . El título debe ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan nuestra página a su bookmark (o agenda de direcciones).

Dentro del cuerpo está todo lo que queremos que aparezca en la pantalla principal (texto, imágenes, etc.)

Por tanto, la estructura de un documento HTML queda deesta manera:



Título de la página


[Aquí van las etiquetas que visualizan la página]



2. DANDO FORMA AL TEXTO DEL DOCUMENTO HTML

Cuando escribimos en el documento el texto que queremos que aparezca en la pantalla, veremos que éste se acomoda a ella, sin que tengamos que pulsar el retorno del carro. Si queremos separar eltexto en distintos párrafos debemos usar la etiqueta , (que no tiene su correspondiente etiqueta de cierre )

El texto puede tener unas cabeceras, comprendidas entre las etiquetas y , y , etc. (hasta el número 6), siendo el número indicativo del tamaño. El tamaño mayor es el correspondiente al número 1.

Una etiqueta muy interesante es la de centrado y (no la soportan todos losnavegadores, aunque sí la mayoría de ellos). Nos centra todo lo que esté dentro de ella, ya sea texto, imágenes, etc.

También tenemos los separadores (horizontal rules), que se consiguen con la etiqueta (no existe la correspondiente de cierre). Con ella se obtiene una raya horizontal tan ancha como la pantalla, y con la apariencia de estar embutida sobre el fondo, como se puede...
tracking img