Você está na página 1de 20

Introduccin

al HTML
Vamos a hablar de...HTML
Conceptos del lenguaje
Estructura para documentos
Herramientas usadas para crear
documentos
Buenas prcticas en la publicacin de
documentos
Problemas que se nos pueden presentar
HTML: qu es?
Lenguaje que da formato
Define la sintxis y ubicacin de
imgenes, instrucciones y objetos
al navegador
Posibilidad de conectar un
documento con otros, o con otros
recursos en Internet a travs de
hipertexto
HTML: qu no es?
No es un procesador de palabra
No es una herramienta de escritorio
para diagramacin
No es un lenguaje de programacin
No es multimedia
Como funciona?
Cliente
Cliente:
Explorer
Netscape
Dame el
archivo x
Aqu est
Protocolo http
Servidor
Remoto
La Telaraa Mundial
Mltiples usos:
Educacin
Investigacin
Mercadeo
Desarrollo (ddhh y paz, medio
ambiente, equidad, diversidad, hbitat,
comercio justo)
Estndares de HTML
HTML 1 Desarrollado en CERN
HTML 2.0 Incluye mejoras en NCSA
Mosaic (formularios e imgenes)
HTML 3.2 Mejoras para controlar el
formateo de tablas, etc.
HTML 4.0 Mejoras para publicaciones
multiplataforma (CSS, XML, WAP,
DHTML)
Terminologa
HTTP: Hypertext Transfer Protocol Parmetros
de comunicacin cliente - servidor Web
HTML: Hypertext Markup Language Lenguaje
nativo para documentos publicados en
el Web independiente del tipo de
plataforma.
URL: Uniform Resource Locator
Direccin de un objeto en el Web
http://www.colnodo.org.co/
Fundamentos
Rtulos <H1>Inicio</H1>
No sensitivos a maysculas y minsculas
<H1> o <h1>
Algunos atributos pueden ser sensibles a
maysculas y minsculas como los nombre de
archivos, por ejemplo.
Normalmente van en pares denotando inicio y
fin <H1> y </H1>
Documentos Bsicos
Deben incluir
<HEAD> y </HEAD> contiene informacin
sobre el documento
<BODY> y </BODY> es el contenido
principal del documento
<HTML> y </HTML> contiene los 2
elementos anteriores
2 Ejemplos...
<TITLE>Mi Primer Documento</TITLE>
Este es mi primer documento HTML.
<HTML>
<HEAD>
<TITLE>Un mejor documento</TITLE>
</HEAD>
<BODY>
<P>Novedades sobre el <EM>World Wide
Web</EM> disponible en
<A HREF="http://www.w3.org/">W3C</A></P>
</BODY>
</HTML>
doc1.html
doc2.html
Elementos Bsicos
Rtulos Bsicos
<HEAD> <TITLE> <P>
Rtulos de Formato Fsico
<B> <I>
Rtulos de Formato Lgico
<STRONG> <EM> <UL> <LI>
Enlaces de Hipertexto
<A HREF="">
Caracteres Especiales
Permiten que diferentes navegadores
hagan visibles los caracteres diagrficos
de los idiomas diferentes al ingls:
&aacute;
&agrave;
&ntilde;


Tablas
Organizacin comparativa de informacin
Ubicacin dentro de la pgina
Mltiples atributos para especificar
Formularios Interactividad
Retroalimentacin
Recoleccin de datos
Pueden tabularse y analizarse
Respuestas personalizadas
Aceptado por todos los navegadores
Creando documentos
Pueden ser creados usando editores simples como
Notepad, vi, emacs.
Ventajas
Es barato
Se aprende a comprender el
lenguaje HTML
Desventajas
Es fcil cometer errores
Necesita comprender la sintxis
HTML
Herramientas avanzadas
Interface amigable y fcil de usar
para crear documentos
Ocultan a disposicin las
complejidades del cdigo HTML
Pueden ser herramientas
autnomas o insertas en
procesadores de texto

Você também pode gostar