• Like

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
885
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
11
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. HTML Divisiones, Validadores de HTML e intriducción a CSS Computación Multimedia I - Clase 4 Maximiliano Martin - DUOC 2010
  • 2. <body> o cuerpo Define el contenido del documento. Lo que se muestra a través del navegador www.maximiliano.cl
  • 3. <body> o cuerpo Define el contenido del documento. Lo que se muestra a través del navegador <body>... Elementos en bloque Elementos en linea www.maximiliano.cl
  • 4. <body> o cuerpo Define el contenido del documento. Lo que se muestra a través del navegador <body>... Elementos en bloque Elementos en linea www.maximiliano.cl
  • 5. <body> o cuerpo Define el contenido del documento. Lo que se muestra a través del navegador <body>... Elementos en bloque Elementos en linea www.maximiliano.cl
  • 6. <body> o cuerpo Define el contenido del documento. Lo que se muestra a través del navegador <body>... Elementos en bloque Elementos en linea www.maximiliano.cl
  • 7. <body> o cuerpo Define el contenido del documento. Lo que se muestra a través del navegador <body>... Elementos en bloque Elementos en linea p, div, ol, ul, li, h1, a, img, em, h2, h3, etc. strong, span, etc. www.maximiliano.cl
  • 8. <body> o cuerpo Define el contenido del documento. Lo que se muestra a través del navegador <body>... Elementos en bloque Elementos en linea p, div, ol, ul, li, h1, a, img, em, h2, h3, etc. strong, span, etc. www.maximiliano.cl
  • 9. Declaración / DOCTYPE www.maximiliano.cl
  • 10. Declaración / DOCTYPE No es una etiqueta sino una instrucción •Definición del Tipo de Documento (DTD) •El DTD especifica las reglas para el lenguaje de marcado •XHTML 1.0 Strict / XHTML 1.0 Transitional •XHTML 1.1 •HTML 4.0 Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/ DTD/xhtml1-strict.dtd"> www.maximiliano.cl
  • 11. Validadores HTML Herramienta para verificar el correcto marcado de un HTML www.maximiliano.cl
  • 12. Validadores HTML Herramienta para verificar el correcto marcado de un HTML http://validator.w3.org www.maximiliano.cl
  • 13. Validadores HTML Herramienta para verificar el correcto marcado de un HTML http://validator.w3.org www.maximiliano.cl
  • 14. Validadores HTML Herramienta para verificar el correcto marcado de un HTML http://validator.w3.org www.maximiliano.cl
  • 15. Validadores HTML Herramienta para verificar el correcto marcado de un HTML http://validator.w3.org www.maximiliano.cl
  • 16. Visualización Colección de navegadores y plataformas www.maximiliano.cl
  • 17. Herramientas de ayuda Complementos de Navegadores para ver más facil y rápidamente el código, validaciones, etc. www.maximiliano.cl
  • 18. Herramientas de ayuda Complementos de Navegadores para ver más facil y rápidamente el código, validaciones, etc. www.maximiliano.cl
  • 19. Herramientas de ayuda Complementos de Navegadores para ver más facil y rápidamente el código, validaciones, etc. www.maximiliano.cl
  • 20. Herramientas de ayuda Complementos de Navegadores para ver más facil y rápidamente el código, validaciones, etc. www.maximiliano.cl
  • 21. Herramientas de ayuda Complementos de Navegadores para ver más facil y rápidamente el código, validaciones, etc. www.maximiliano.cl
  • 22. Herramientas de ayuda Complementos de Navegadores para ver más facil y rápidamente el código, validaciones, etc. www.maximiliano.cl
  • 23. Herramientas de ayuda Complementos de Navegadores para ver más facil y rápidamente el código, validaciones, etc. www.maximiliano.cl
  • 24. Glosario básico • Regla CSS •Selector h1{ color: #F00;} • Declaración • Propiedad • Valor