Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Principios basicos del html

2,361 views

Published on

  • Be the first to comment

Principios basicos del html

  1. 1. Introducción al HTML Colnodo Ariel Barbosa & Sylvia Cadena 02.2001
  2. 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. 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. 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. 5. Como funciona? Protocolo httpCliente Cliente: Dame el • Explorer • Netscape archivo x Aquí está Servidor Remoto
  6. 6. La Telaraña MundialMúltiples usos:• Educación• Investigación• Mercadeo• Desarrollo (ddhh y paz, medio ambiente, equidad, diversidad, hábitat, comercio justo)
  7. 7. Estándares de HTMLHTML 1 Desarrollado en CERNHTML 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)
  8. 8. TerminologíaHTTP: Hypertext Transfer Protocol Parámetros de comunicación cliente - servidor WebHTML: Hypertext Markup Language Lenguaje nativo para documentos publicados en el Web independiente del tipo de plataforma.URL: Uniform Resource LocatorDirección de un objeto en el Web http://www.colnodo.org.co/
  9. 9. Fundamentos• Rótulos <H1>Inicio</H1>• No sensitivos a mayúsculas y minúsculas <H1> o <h1>• 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 <H1> y </H1>
  10. 10. Documentos BásicosDeben incluir• <HEAD> y </HEAD> contiene información sobre el documento• <BODY> y </BODY> es el contenido principal del documento• <HTML> y </HTML> contiene los 2 elementos anteriores
  11. 11. 2 Ejemplos...<TITLE>Mi Primer Documento</TITLE> doc1.htmlEste es mi primer documento HTML.<HTML> doc2.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>
  12. 12. Elementos BásicosRótulos Básicos <HEAD> <TITLE> <P>Rótulos de Formato Físico <B> <I>Rótulos de Formato Lógico<STRONG> <EM> <UL> <LI>Enlaces de Hipertexto <A HREF="…">
  13. 13. Caracteres Especiales• Permiten que diferentes navegadores hagan visibles los caracteres diagráficos de los idiomas diferentes al inglés: áéíóú &aacute; àèìòù &agrave; ñçö &ntilde;
  14. 14. Creando documentosPueden ser creados usando editores simples como Notepad, vi, emacs.Ventajas • Es barato • Se aprende a comprender el lenguaje HTMLDesventajas • Es fácil cometer errores • Necesita comprender la sintáxis HTML
  15. 15. 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

×