ñouh

Lenguaje HTML y
páginas web
Alex Sánchez

Introducción: La web y
las páginas web

Componentes de la web

Como funciona la web?

Como es la comunicación en la web





Elacceso a la Web suele basarse en un un
explorador de Web, como Firefox…
Para distinguir entre páginas Web y otros tipos
de datos los exploradores utilizan el Lenguage
HTML (HyperText Markup Language).El explorador interpreta las instrucciones
contenidas en el documento HTML y muestra la
página tal como la vemos.

El lenguaje HTML

Características generales


HTML: HyperText MarkupLanguage
 Basado

en etiquetas (“marcas”, “tags”).
 Antecedentes: proceso de textos mediante
marcas (TeX, IBM-script, Wordstar).
 Combina potencia y simplicidad
Hipertexto e Hipermedia
Documentos HTML: ficheros de texto (ASCII).
 HTML es un lenguaje interpretado: muy “portable”


Edición de páginas HTML


Editores de propósito general
 Emacs,



Textpad

Editoresasociados al navegador:
 Kompozer,



Editores específicos
 HoTMetaL,



Quanta, Front Page

Procesadores de Texto 

Manuales y Guías de referencia
W3school.com
 Xarxa Telematica deCatalunya


 Cursos

D72, D108

WebEstilo: http://www.webestilo.com/
 Materiales (libres) del Master Universitario
de Software libre (UOC)


HTML – CSS – Javascript
Página WebEstructura
Estructura

• Párrafos
• Párrafos
• Encabezados
• Listas
•

•Tablas
•Tablas
• Capas
• Etc.
• Capas

Encabezado • Etc.
s
• Textos
• Listas
• Imágenes
• FormulariosContenido
Contenido

Apariencia

HTML

• Enlaces

• Colores
• Tipografías
• Alineación

Comportamiento

• Fondos
• Tamaños
• Etc.

• Efectos
• Validaciones
• Automatización

CSSJavascript

Las etiquetas


El formato general a seguir:
 contenido



La inclusión de comentarios que no se ven:


Las etiquetas que nunca deben faltar:




Ejemplo 1...