INTRODUCCIÓN A
HTML
Por: J. Romero
¿Qué es HTML?
• El lenguaje “Hyper Text Markup
Language” (HTML) es utilizado para crear
páginas Web.
• Las páginas Web son documentos HTML.
• Un documento HTML consiste en texto e
instrucciones especiales llamados etiquetas.
• Estas estiquetas tienen las extenciones .html o
.htm (ejemplo: index.html).
Ventajas de HTML
Un documento HTML puede mostrarse en
cualquier computadora, no importa la
marca.
Versiones de HTML
•HTML versión 2.0 1995
•HTML versión 3.2 1997
•HTML versión 4.0 1999
•HTML versión 4.01 1999
•HTML versión 5.0 2012
Etiquetas de HTML
 Las etiquetas en HTML son instrucciones
encasilladas entre los corchetes de < >.
 Cada etiqueta brinda una instrucción específica.
 La mayoría tiene una etiqueta de apertura y de
finalización. Ejemplo: <B> 2@#$%%^ </B> que
afectan al texto entre ellas.
 La etiqueta de finalización tiene un (/).
 Algunas etiquetas sólo tienen la de apertura.
La estructura de un documento HTML consta de las
siguientes partes:
<html>
<head>
<title> Aquí va el título de la página </title>
</head>
<body>
...
<h1> Encabezado del texto </h1>
<p> Aquí va el cuerpo de la página </p>
...
</body>
</html>
Descripción de la Estructura de la Página
Web
• El texto entre <html> y </html> describe la página
web.
• El texto entre <body> y </body> es el contenido
de la página web que será visto por los
navegantes.
• El texto entre <h1> y </h1> muestra el texto
como encabezado (título o tema central).
• El texto entre <p> y </p> muestra el contenido de
texto en forma de párrafo.
Estructura de la Página Web
• Las etiquetas le indican a un explorador de
Web acerca de la estructura de una página
Web, pero no define específicamente como
mostrarla.
• Cada explorador puede interpretar las
etiquetas HTML en forma diferente, por lo
tanto, una página Web podrá verse
diferente dependiendo el explorador que se
tenga.

Introducción a html

  • 1.
  • 2.
    ¿Qué es HTML? •El lenguaje “Hyper Text Markup Language” (HTML) es utilizado para crear páginas Web. • Las páginas Web son documentos HTML. • Un documento HTML consiste en texto e instrucciones especiales llamados etiquetas. • Estas estiquetas tienen las extenciones .html o .htm (ejemplo: index.html).
  • 3.
    Ventajas de HTML Undocumento HTML puede mostrarse en cualquier computadora, no importa la marca.
  • 4.
    Versiones de HTML •HTMLversión 2.0 1995 •HTML versión 3.2 1997 •HTML versión 4.0 1999 •HTML versión 4.01 1999 •HTML versión 5.0 2012
  • 5.
    Etiquetas de HTML Las etiquetas en HTML son instrucciones encasilladas entre los corchetes de < >.  Cada etiqueta brinda una instrucción específica.  La mayoría tiene una etiqueta de apertura y de finalización. Ejemplo: <B> 2@#$%%^ </B> que afectan al texto entre ellas.  La etiqueta de finalización tiene un (/).  Algunas etiquetas sólo tienen la de apertura.
  • 6.
    La estructura deun documento HTML consta de las siguientes partes: <html> <head> <title> Aquí va el título de la página </title> </head> <body> ... <h1> Encabezado del texto </h1> <p> Aquí va el cuerpo de la página </p> ... </body> </html>
  • 7.
    Descripción de laEstructura de la Página Web • El texto entre <html> y </html> describe la página web. • El texto entre <body> y </body> es el contenido de la página web que será visto por los navegantes. • El texto entre <h1> y </h1> muestra el texto como encabezado (título o tema central). • El texto entre <p> y </p> muestra el contenido de texto en forma de párrafo.
  • 8.
    Estructura de laPágina Web • Las etiquetas le indican a un explorador de Web acerca de la estructura de una página Web, pero no define específicamente como mostrarla. • Cada explorador puede interpretar las etiquetas HTML en forma diferente, por lo tanto, una página Web podrá verse diferente dependiendo el explorador que se tenga.