Lenguaje Html

Tema 1. HTML
Diseño y Programación para el Internet. PBM

HTML
I. Marcas o tags
Las marcas delimitan elementos de un documento como cabeceras, párrafos, etc., y son
utilizadas para dar un tratamiento diferente al texto que se encuentre entre las marcas.
En HTML las marcas se delimitan con los signos < (inferior a) y > (superior a). Un texto
marcado tendrá por tanto este aspecto:
...textonormal texto afectado por la marca resto del texto...
Un ejemplo podría ser resaltar un texto en negrita, para ello se emplea la marca y quedaría
de la siguiente forma:
...texto normal texto en negrita resto del texto...

II. Atributos de las marcas
Algunas marcas pueden admitir atributos, pudiendo tener cada uno de estos atributos un valor.
Este valor va entre comillas (") si dichovalor es alfanumérico.

Ejemplo:



III. Estructura de los documentos
1. Cabecera: La cabecera se emplea para facilitar información acerca del documento y
está delimitada por prólogo .
Dentro de la cabecera podemos destacar el título que indica el nombre del documento
.


Bienvenido

….Cuerpo del documento

2.

Cuerpo: El resto del documento residirá entre las marcas y .Esta
es la estructura mínima que debe poseer todo documento HTML:
Bienvenido a la guía rápida

Documento...



A continuación describiremos algunos elementos que pueden aparecer dentro del cuerpo.
3) Encabezado: Los encabezados se emplean para dividir los documentos en secciones o
más concretamente para marcar los títulos de esas secciones. Las marcas son del
tipo título , donde # puedeser un número cualquiera entre 1 y 6.

Página 1 de 21

Tema 1. HTML
Diseño y Programación para el Internet. PBM
Tamaño mayor

Tamaño mayor

Tamaño menor Tamaño menor
4) Definición de bloques: Para definir y separar bloques de texto se emplean una serie de
marcas que definen párrafos, texto preformateado o bloques con significado especial
como direcciones o citas.


Marcas debloques:
se utiliza para separar párrafos. Dado que para el HTML todo el texto es continuo,
necesitamos algún mecanismo para indicar el principio y el fin de un párrafo. Las
marcas inicial y final son y .
Este elemento admite el atributo ALIGN, que puede tomar uno de los siguientes
valores:
 LEFT: Justifica el texto a la izquierda. (por defecto)
 RIGHT: Justifica el texto a la derecha.
CENTER: El texto aparece centrado.



El texto insertado entre las marcas y será visualizado por el
browser, respetando el formato con el que fue escrito en el fichero fuente HTML.
Ejemplo:
El resultado será:

Esto es un texto preformateado, por tanto se
respetan los espacios
y los saltos de

carro,
como podrán observar.

carro,
como podrán observar.




Esto es un textopreformateado, por tanto se
respetan los espacios
y los saltos de

empleada para indicar que un texto representa una dirección o una firma.
Generalmente se activa en cursiva y suele estar tabulado.
Ejemplo:
Esto dará como resultado:

Tekin Tontu
77A Wellington Rd
Auburn 2144, NSW
Australia
e-mail tekin@cis.com




Tekin Tontu
77A Wellington Rd
Auburn 2144, NSW
Australiae-mail tekin@cis.com

Sirve para representar párrafos tabulados por la izquierda o por la
derecha.
Ejemplo:
Texto 1, texto 1, texto 1, texto 1, texto 1.

Texto 2, texto 2, texto 2, texto 2, texto 2, texto 2,
texto 2, texto 2, texto 2, texto 2, texto 2, texto 2


Página 2 de 21

Tema 1. HTML
Diseño y Programación para el Internet. PBM
El resultado será:
Texto 1, texto 1, texto1, texto 1, texto 1.
Texto 2, texto 2, texto 2, texto 2, texto 2, texto 2, texto 2, texto 2, texto 2, texto 2, texto 2, texto 2.



Este elemento solo tiene marca inicial e indica un salto de línea.
Ejemplo:
Texto
Texto
texto
Texto

1,
1,
1,
2,

texto
texto
texto
texto

1,
1,
1.
2,

texto 1, texto 1, texto 1, texto 1,
texto 1, texto 1, texto 1, texto 1,

texto 2,...