HTML

10
HTML Por Kike Giles Internet y Nuevos Medios Periodísticos ISIL 2009 – 1 http:// profekikegiles.blogspot.com/

description

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

Transcript of HTML

Page 1: HTML

HTML

Por Kike GilesInternet y Nuevos Medios Periodísticos

ISIL 2009 – 1http://profekikegiles.blogspot.com/

Page 2: HTML

HTML

• HTML significa Hypertext Markup Languaje, o "lenguaje de marcadores de hipertexto".

• 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.

• Todo archivo escrito en lenguaje HTML puede terminar con las extensiones: .HTM o .HTML.

Page 3: HTML

Etiquetas HTML

• HTML es un lenguaje de programación basado en etiquetas, también conocidas como, 'atributos', 'órdenes', 'tags' y 'labels'.

• 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.

• Hay dos tipos: abiertas (representan por sí objetos reales) y cerradas.

Page 4: HTML

Etiquetas más empleadas

• !

• A

• ADDRESS

• APPLET

• AREA

• B

• BODY

• BR

• CENTER

• COL

• FORM

• FRAME

• FRAMESET

• H1 … H6

• HEAD

• HR

• HTML

• I

Page 5: HTML

Etiquetas más empleadas

• IFRAME

• IMG

• LI

• MAP

• META

• NOFRAMES

• OL

• P

• PRE

• TABLE

• TD

• TEXTAREA

• TH

• TITLE

• TR

• U

• UL

Page 6: HTML

Estructura de un documento

• <html>: indica el principio de la página.

• </html>: indica el final de la página.

• Cabecera: <head> </head>

• Cuerpo: <body> </odY>

Page 7: HTML

Códigos de color hexadecimal

Page 8: HTML

Enlaces (links)

• Dentro de la misma página

• Dentro del mismo sitio

• Fuera del sitio

Page 9: HTML

Texto

• Negrita: <b> </b>

• Cursiva: <i> </i>

• Subrayado: <u> </u>

• Tildes: &_acute;

• ñ/Ñ: &n/Ntilde;

• “”: &quot;

• Códigos iso8859-1

Page 10: HTML

Imágenes

• <img src=“”>

• Alineación