Apuntes Aplicaciones Web

TEMA 2
ELABORACIÓN DE PÁGINAS WEB CON LENGUAJES DE MARCAS

Los lenguajes de marcas no son equivalentes a los lenguajes de programación aunque se definan igualmente como lenguajes, son sistemas de descripción de información.
Para ello se utilizan etiquetas o marcas encerradas entre signos “”.
Podemos definir un lenguaje de marcas como una forma de codificar un documento donde junto al textose incorporan etiquetas, marcas o anotaciones con información relativa a la estructura del texto, a su presentación o a información del propio documento.

2.1.-LENGUAJE HTML – ETIQUETAS Y ATRIBUTOS

El lenguaje HTML permite la creación de páginas web.
Los documentos HTML no son compilados generando un fichero ejecutable, son archivos interpretados por un navegador.

2.1.1.-VERSIONES DE HTMLA partir del 1995 se empezaron a establecer versiones de HTML.
Cada vez que hagamos o que creemos una página indicaremos al navegador qué versión de HTML se usa.
Esto se hará en la primera línea, donde pondremos “!DOCTYPE”.
Los estándares HTML son el 1.0, el 2.0, el 3.0, el 4.0 y el 4.01.

Dentro de la versión 4.0.1 tenemos las siguientes:

-HTML 4.01 Strict (Estricto): Se usa sobreetiquetas del estándar HTML 4.01.
-HTML 4.01 Transitional: Se aceptan las etiquetas obsoletas.
-HTML 4.01 Frameset: Incluye el estilo transitional y además soporte para frames, es el más anticuado.

2.1.2.-NORMAS HTML

HTML cuenta con normas o recomendaciones que sugieren cómo se deben escribir los documentos para que el navegador pueda interpretarlos.

Consideraciones a tener en cuenta:-Los nombres de las etiquetas no son sensibles a mayúsculas o minúsculas.
-Los nombres de las etiquetas no deben contener espacios en blanco.
-Las etiquetas pueden anidarse (Esto va en negrita y en cursiva).









2.1.3.-ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML

Los documentos HTML están delimitados por las etiquetas y .
Dentro del documento se distinguen 2 partes:

-La cabecera(head) → Delimitada por las etiquetas y .

Contiene la identificación e información del documento, como por ejemplo el título del documento.
Dentro se pone el título de la página (Título de la página), que aparecerá en la barra de título de la ventana/pestaña del navegador.

-El cuerpo (body) → Delimitado por las etiquetas y .

Contiene el contenido de lo que se visualiza en pantalla(tablas, texto, imágenes...).

Los archivos HTML tienen la extensión .htm o .html, por tanto la estructura básica de una página web es la siguiente:

Tipo de documento


Título


Aquí va el resto de la página (texto, imágenes...).



2.1.4.-FORMATEO DE TEXTO

Las siguientes etiquetas son necesarias para obtener texto más adornado con cabeceras, párrafos, líneas,negritas, subrayado, colores, etcétera.

Etiquetas de cabeceras:

... → Cabecera de nivel 1
... → Cabecera de nivel 2
... → Cabecera de nivel 3
... → Cabecera de nivel 4
... → Cabecera de nivel 5
... → Cabecera de nivel 6

Etiquetas de texto:

Negrita
Cursiva
Superíndice
Subíndice

Etiquetas de párrafo:

Párrafo
... → Crea una división en la página, se utiliza paraagrupar etiquetas y aplicar estilos. Se escribe texto y salta líneas. Todo lo incluido en “div” se puede justificar a la izquierda (left), a la derecha (right), centrado (center) o justificado (justify).

... → Similar a “div” pero no admite atributos, se usa para las hojas de estilo.

EJERCICIO

Crear un documento HTML llamado“Formateotexto24oct.html”, en dicho documento probaremos todas las etiquetas vistas en este apartado. Se pueden combinar varias de ellas.

Etiquetas de color y tamaño

... → En “código color” se escribe el código del color en hexadecimal o el nombre del color.

Ejemplos:
-Azul = #000080
-Verde = #BEF781

... → Con el atributo size se especifica el tamaño,
es un número entre 1 y...