Introduccion a html

Solo disponible en BuenasTareas
  • Páginas : 27 (6523 palabras )
  • Descarga(s) : 0
  • Publicado : 22 de mayo de 2010
Leer documento completo
Vista previa del texto
Manual HTML. Creación páginas Hipertexto o Web
Este manual sólo pretende ser una rápida introducción al codigo HTML que permita la creación de páginas hipertexto.
[pic]

Índice.

• Introducción
• Primeras etiquetas
• Saltos de línea
• Efectos de texto
• Tipos de letra
• Insertar imágenes
• Links, enlaces o anclas
• Rutas. Poner correctamente laubicación de los recursos
• Crear listas
• Crear tablas
• Crear frames
• Fondos y colores
• Formularios
• Dónde albergar tus páginas Web
• Cómo hacer localizable tu página
[pic]

Introducción

Las páginas Web o hipertexto se diseñan utilizando un código llamado HTML, este código consiste en etiquetas que nuestro navegador o browser interpreta para dotar a lapágina Web o hipertexto de un determinado aspecto. Por tanto la página que estais viendo ahora mismo está hecha con estas etiquetas que hacen que tenga esta apariencia.
Para crear una página Web basta usar cualquier editor de texto capaz de grabar los archivos con formato de texto (si bien ya hay una amplia gama de editores de páginas Web que posibilitan la edición de HTML).
El siguiente paso seráconocer algunas etiquetas HTML para comenzar el diseño de nuestras páginas.
[pic]

Primeras etiquetas

Las páginas Web o hipertexto comienzan con el código y terminan con la etiqueta .
Muchas de las etiquetas de HTML funcionan de este modo, una indica el comienzo, otra el final y el texto que está entre ambas es el afectado por los atributos que indican las etiquetas..
Si queremos dar untítulo a la ventana que contiene nuestra página usamos los códigos: Título de la página. En este caso: Manual HTML. Creación páginas Hipertexto o Web .
El cuerpo de la página o del documento se mete entre la etiqueta y .
Hay comandos para el tamaño de la letra: Texto...

Para el tamaño más grande

hasta Texto...

Para el más pequeño

El esquema básico, por tanto, de una página Websería el siguiente:

| |
| Título de mi página |
| |
|Mi documento... |
|Mi documento... |
| |
| |
|resto del documento... |
|resto deldocumento... |
|resto del documento... |
| |
| |

Una vez guardado este archivo con formato de texto en el disco duro podemos visualizarlo con Netscape pinchando en la opción: File-->Open file e indicando la dirección en la que se encuentra el archivo.
[pic]

Saltos delínea

Si intentamos hacer una página y la visualizamos después, nuestra primera sorpresa será ver que no se han respetado los espaciaos entre palabras, ni las tabulaciones ni los retornos de carro,... todas estas acciones tienen sus propias etiquetas, son las siguientes:
• provoca un retorno de carro.
• provoca un salto de párrafo.
• provoca un salto de página.
• creauna línea horizontal.
Estas etiquetas se caracterizan por no tener código de finalización.
[pic]

Efectos de texto

Veamos otros efectos que podemos crear sobre el texto:
• Texto... produce un sangrado.
• Texto... produce un centrado.
A partir de la versión 2.0. de Netscape disponemos de comandos para alinear
párrafos, a la izquierda, derecha y centrarlos, son lossiguientes:
• Párrafo... Alinea a la izquierda.
• Párrafo... Realiza un centrado.
• Párrafo... Alinea a la derecha.
La siguiente etiqueta hace que el texto aparezca parpadeando:
• Texto... y esto es un ejemplo.
Ya tenemos unos cuantos códigos para trabajar con texto, veamos ahora que tipos de letra podemos usar.
[pic]

Tipos de letra

Aquí además veremos unos efectos...
tracking img