HTML

974 views

Published on

Conceptos básicos de HTML. Segunda semana del curso de Internet y Nuevos Medios Periodísticos de ISIL.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
974
On SlideShare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
39
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML

  1. 1. HTML Por Kike Giles Internet y Nuevos Medios Periodísticos ISIL 2009 – 1 http://profekikegiles.blogspot.com/
  2. 2. HTML <ul><li>HTML significa Hypertext Markup Languaje, o &quot;lenguaje de marcadores de hipertexto&quot;. </li></ul><ul><li>Se trata de un lenguaje de programación basado en marcas, también conocidas como etiquetas o tags, ampliamente aceptado para la creación y visualización de información en soporte World Wide Web. </li></ul><ul><li>Todo archivo escrito en lenguaje HTML puede terminar con las extensiones: .HTM o .HTML. </li></ul>
  3. 3. Etiquetas HTML <ul><li>HTML es un lenguaje de programación basado en etiquetas, también conocidas como, 'atributos', 'órdenes', 'tags' y 'labels'. </li></ul><ul><li>Si tenemos que escribir la palabra ‘ISIL’ en negritas tenemos que escribir <b>ISIL</b>, siendo <b></b> una etiqueta que permite que dicha palabra salga en negrita: ISIL . </li></ul><ul><li>Hay dos tipos: abiertas (representan por sí objetos reales) y cerradas. </li></ul>
  4. 4. Etiquetas más empleadas <ul><li>! </li></ul><ul><li>A </li></ul><ul><li>ADDRESS </li></ul><ul><li>APPLET </li></ul><ul><li>AREA </li></ul><ul><li>B </li></ul><ul><li>BODY </li></ul><ul><li>BR </li></ul><ul><li>CENTER </li></ul><ul><li>COL </li></ul><ul><li>FORM </li></ul><ul><li>FRAME </li></ul><ul><li>FRAMESET </li></ul><ul><li>H1 … H6 </li></ul><ul><li>HEAD </li></ul><ul><li>HR </li></ul><ul><li>HTML </li></ul><ul><li>I </li></ul>
  5. 5. Etiquetas más empleadas <ul><li>IFRAME </li></ul><ul><li>IMG </li></ul><ul><li>LI </li></ul><ul><li>MAP </li></ul><ul><li>META </li></ul><ul><li>NOFRAMES </li></ul><ul><li>OL </li></ul><ul><li>P </li></ul><ul><li>PRE </li></ul><ul><li>TABLE </li></ul><ul><li>TD </li></ul><ul><li>TEXTAREA </li></ul><ul><li>TH </li></ul><ul><li>TITLE </li></ul><ul><li>TR </li></ul><ul><li>U </li></ul><ul><li>UL </li></ul>
  6. 6. Estructura de un documento <ul><li><html>: indica el principio de la página. </li></ul><ul><li></html>: indica el final de la página. </li></ul><ul><li>Cabecera: <head> </head> </li></ul><ul><li>Cuerpo: <body> </odY> </li></ul>
  7. 7. Códigos de color hexadecimal
  8. 8. Enlaces (links) <ul><li>Dentro de la misma página </li></ul><ul><li>Dentro del mismo sitio </li></ul><ul><li>Fuera del sitio </li></ul>
  9. 9. Texto <ul><li>Negrita: <b> </b> </li></ul><ul><li>Cursiva: <i> </i> </li></ul><ul><li>Subrayado: <u> </u> </li></ul><ul><li>Tildes: &_acute; </li></ul><ul><li>ñ/Ñ: &n/Ntilde; </li></ul><ul><li>“” : &quot; </li></ul><ul><li>Códigos iso8859-1 </li></ul>
  10. 10. Imágenes <ul><li><img src=“”> </li></ul><ul><li>Alineación </li></ul>

×