1 / 23

Básicos de HTML

HTML, XHTML, CSS y JavaScript Centro de Periodismo Digital Luis Fernando González Fernández. Básicos de HTML.

fola
Télécharger la présentation

Básicos de HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML, XHTML, CSS y JavaScript Centro de Periodismo Digital Luis Fernando González Fernández Básicos de HTML

  2. “To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may potentially understand. The publishing language used by the World Wide Web is HTML (from HyperText Markup Language).” - World Wide Web Consortium (W3C) - HTML 4.01 Specification (W3C Recommendation 24 December 1999). http://www.w3.org/TR/1999/REC-html401-19991224/intro/intro.html#h-2.2 INTRODUCCIÓN

  3. CONCEPTOS cLAVE

  4. Internet Conceptos clave

  5. HTML – HyperText Markup Language CONCEPTOS CLAVE <html> <head> <title></title> </head> <body> </body> </html>

  6. CSS – Cascading Style Sheets Conceptos clave body { text-align: background-c width: 1024p margin: 1px; } a:hover {

  7. HTML

  8. tutorial

  9. Archivos HTML

  10. HTML

  11. HTML <html> <head> <title>HTML 4.01 Specification</title> </head> <bodybgcolor=“#FFFFFF”alink=“#0000FF”vlink=“#CC00AA” …> <ahref=“#”>next</a> <ahref=“#”>table of contents</a> <hr/> <imgsrc=“image.png”/> <!-- Esto no se imprime --> <h1>HTML 4.01 Specification</h1> <h2>W3C Recommendation 24</h2> </body> </html>

  12. Tags comunes - HTML

  13. Tags comunes Vínculos y esquematización

  14. Tags comunes Presentación

  15. Tags comunes Tablas

  16. Tags comunes Listas

  17. Tag (“Etiqueta”) Comienzan con < y terminan con >. Para cerrarlas se utiliza /.

  18. <tagatributo1=“valor1”atributo2=“valor2” … atributon=“valorn”>Cuerpo</tag> Tag <body bgcolor=“#FFFFFF” alink=“#0000FF” vlink=“#CC00AA”>Hola, mundo!</body>

  19. <object></object>. Contenido de programas externos. Antes se usaba <embed></embed>. La tagobject

  20. eXtensible HyperText Markup Language. XHTML

  21. Generar una página web que muestre una noticia, a manera de entrada de blog rudimentaria. • El título de la página (Visible en la barra de títulos del navegador) y el título de la nota deben ser el mismo. • Utilizar un encabezado de primer nivel para el titulo, uno de segundo para el resumen o subtítulo, de haberlo; y párrafos para el contenido. • Incluir hipervínculos a lo largo de la nota. • Incluir una tabla o lista, a elegir. • Incluir una imagen en la página web. • Personalizar estilos en la nota utilizando una o varias de las siguientes tags: <strong></strong>,<em></em>, <font></font>, <code></code> y <hr />. • Incrustar un objeto en la página. Puede ser un slideshow de flickr, un video de youtube, un GoogleMap, etc. Ejercicio

  22. Seguimiento http://es.wikipedia.org/wiki/CSS http://www.webdesign.org/html-and-css/articles/css-for-dummies.5516.html http://www.webestilo.com/css/ http://www.w3.org/TR/CSS21/ http://es.wikipedia.org/wiki/Javascript http://www.webteacher.com/javascript/ http://www.webestilo.com/javascript/ http://es.wikipedia.org/wiki/XHTML http://www.w3.org/TR/xhtml1/

  23. gracias

More Related