Your SlideShare is downloading. ×
Principios basicos del html
Principios basicos del html
Principios basicos del html
Principios basicos del html
Principios basicos del html
Principios basicos del html
Principios basicos del html
Principios basicos del html
Principios basicos del html
Principios basicos del html
Principios basicos del html
Principios basicos del html
Principios basicos del html
Principios basicos del html
Principios basicos del html
Principios basicos del html
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Principios basicos del html

1,386

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,386
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Introducción al HTML Colnodo Ariel Barbosa & Sylvia Cadena 02.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 httpCliente Cliente: Dame el • Explorer • Netscape archivo x Aquí está Servidor Remoto
  • 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. 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. 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. 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. 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. 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. 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. Caracteres Especiales• Permiten que diferentes navegadores hagan visibles los caracteres diagráficos de los idiomas diferentes al inglés: áéíóú &aacute; àèìòù &agrave; ñçö &ntilde;
  • 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. 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

×