Introducci

1
Introducción al HTML
ColnodoAriel Barbosa Sylvia Cadena02.2001
2
Vamos a hablar de...HTML

• Conceptos del lenguaje
• Estructura para documentos
• Herramientas usadas para crear documentos
• Buenas prácticas en la publicación de documentos
• Problemas que se nos pueden presentar

3
HTML qué es?

• Lenguaje que da formato
• Define la sintáxis y ubicación de imágenes,
  instrucciones y objetos al navegador
• Posibilidad de conectar un documento con otros, o
  con otros recursos en Internet a través de
  hipertexto

4
HTML qué no es?

• No es un procesador de palabra
• No es una herramienta de escritorio para
  diagramación
• No es un lenguaje de programación
• No es multimedia

5
Como funciona?
Protocolo http
Dame el archivo x

• Cliente

Aquí está
Servidor Remoto
6
La Telaraña Mundial

• Múltiples usos
• Educación
• Investigación
• Mercadeo
• Desarrollo (ddhh y paz, medio ambiente, equidad,
  diversidad, hábitat, comercio justo)

7
(No Transcript)
8
Estándares de HTML

• HTML 1 Desarrollado en CERN
• HTML 2.0 Incluye mejoras en NCSA Mosaic
  (formularios e imágenes)
• HTML 3.2 Mejoras para controlar el formateo de
  tablas, etc.
• HTML 4.0 Mejoras para publicaciones
  multiplataforma (CSS, XML, WAP, DHTML)

9
Terminología

• HTTP Hypertext Transfer Protocol Parámetros de
  comunicación cliente - servidor Web
• HTML Hypertext Markup Language Lenguaje nativo
  para documentos publicados en el Web
  independiente del tipo de plataforma.
• URL Uniform Resource Locator
• Dirección de un objeto en el Web
  http//www.colnodo.org.co/

10
Fundamentos

• Rótulos ltH1gtIniciolt/H1gt
• No sensitivos a mayúsculas y minúsculas ltH1gt o
  lth1gt
• Algunos atributos pueden ser sensibles a
  mayúsculas y minúsculas como los nombre de
  archivos, por ejemplo.
• Normalmente van en pares denotando inicio y fin
  ltH1gt y lt/H1gt

11
Documentos Básicos

• Deben incluir
• ltHEADgt y lt/HEADgt contiene información sobre el
  documento
• ltBODYgt y lt/BODYgt es el contenido principal del
  documento
• ltHTMLgt y lt/HTMLgt contiene los 2 elementos
  anteriores

12
2 Ejemplos...
doc1.html
ltTITLEgtMi Primer Documentolt/TITLEgt Este es mi
primer documento HTML.
ltHTMLgt ltHEADgt ltTITLEgtUn mejor documentolt/TITLEgt lt/
HEADgt ltBODYgt ltPgtNovedades sobre el ltEMgtWorld Wide
Weblt/EMgt disponible en ltA HREF"http//www.w3.or
g/"gtW3Clt/Agtlt/Pgt lt/BODYgt lt/HTMLgt
doc2.html
13
Elementos Básicos

• Rótulos Básicos ltHEADgt ltTITLEgt ltPgt
• Rótulos de Formato Físico ltBgt ltIgt
• Rótulos de Formato Lógico
• ltSTRONGgt ltEMgt ltULgt ltLIgt
• Enlaces de Hipertexto ltA HREF""gt

14
Caracteres Especiales

• Permiten que diferentes navegadores hagan
  visibles los caracteres diagráficos de los
  idiomas diferentes al inglés
• á é í ó ú aacute
• à è ì ò ù agrave
• ñ ç ö ntilde

15
Tablas

• Organización comparativa de información
• Ubicación dentro de la página
• Múltiples atributos para especificar

16
(No Transcript)
17
Formularios

• Interactividad
• Retroalimentación
• Recolección de datos
• Pueden tabularse y analizarse
• Respuestas personalizadas
• Aceptado por todos los navegadores

18
(No Transcript)
19
Creando documentos

• Pueden ser creados usando editores simples como
  Notepad, vi, emacs.
• Ventajas
• Es barato
• Se aprende a comprender el lenguaje HTML
• Desventajas
• Es fácil cometer errores
• Necesita comprender la sintáxis HTML

20
Herramientas avanzadas

• Interface amigable y fácil de usar para crear
  documentos
• Ocultan a disposición las complejidades del
  código HTML
• Pueden ser herramientas autónomas o insertas en
  procesadores de texto