HyperText Markup Language
(Lenguaje de Marcado de Hipertexto).
Docente: Oscar Eduardo Delgado Maya
 Es el lenguaje de marcado predominante para
la construcción de páginas web.
 Describe la estructura y el contenido en
forma de texto.
 Permite complementar el texto con objetos
tales como imágenes.
 Se escribe en forma de "etiquetas", rodeadas
por corchetes angulares (<,>).
 Los elementos son la estructura básica de HTML.
 Poseen propiedades básicas: atributos y contenido.
 Generalmente tienen una etiqueta de inicio y una
etiqueta de cierre que encierran el contenido.
<nombre-de-elemento>contenido</nombre-de-elemento>
 Estructural:Describe el propósito del texto.
◦ <h2>Golf</h2> encabezamiento de segundo
nivel.
 Presentacional:Describe la apariencia del
texto.
• <b>negrita</b> Texto resaltado.
 Hipertextual: Enlazar partes del documento
con otros documentos o con otras partes del
mismo documento.
• <a>
 <html>: Define el inicio del documento
HTML, le indica al navegador que lo que viene
a continuación debe ser interpretado como
código HTML.
 <head>: Define la cabecera del documento
HTML, esta cabecera suele contener
información sobre el documento que no se
muestra directamente al usuario.
 <body>: Define el contenido principal o
cuerpo del documento. Esta es la parte del
documento html que se muestra en el
navegador.
 <img>: imagen. Requiere del atributo src, que
indica la ruta en la que se encuentra la imagen.
 <b>: texto en negrita (Etiqueta descartada. Se
recomienda usar la etiqueta <strong>).
 <i>: texto en cursiva.
La mayoría de etiquetas deben cerrarse como se
abren, pero con una barra ("/")
<h1><i>BIENVENIDOS A MI PAGINA WEB</i></h1>
La estructura básica de todo documento web tiene:
 Una cabecera <HEAD>: donde va el título y
algunas cosas más que no se ven en la página, y
su cierre </HEAD>.
 Un cuerpo <BODY>: donde irá lo que se verá, y
su cierre </BODY>.
 Además, una etiqueta al principio de todo
<HTML> y otra al final de todo </HTML>.
Veamos como queda la estructura básica:
<HTML>
<HEAD>
.....
</HEAD>
<BODY>
.....
</BODY>
</HTML>
 Es posible añadir atributos a determinados
elementos.
 LOS ELEMENTOS estructuran el contenido de
todo el documento HTML. Indican al
navegador cómo debería presentarse el
contenido.
 En algunos elementos se puede añadir más
información. Esa información extra se
denomina atributo.
 Los atributos se incluyen siempre dentro de la
etiqueta de inicio y llevan inmediatamente detrás
el signo de igual ("=") con los valores de dichos
atributos entre comillas ("").
<nombre-eti atributo1="valor1" atributo2="valor2">conte</nombre-eti>
Elemento HTML
Etiqueta de apertura
Atributos y sus Valores

El lenguaje html

  • 1.
    HyperText Markup Language (Lenguajede Marcado de Hipertexto). Docente: Oscar Eduardo Delgado Maya
  • 2.
     Es ellenguaje de marcado predominante para la construcción de páginas web.  Describe la estructura y el contenido en forma de texto.  Permite complementar el texto con objetos tales como imágenes.  Se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>).
  • 3.
     Los elementosson la estructura básica de HTML.  Poseen propiedades básicas: atributos y contenido.  Generalmente tienen una etiqueta de inicio y una etiqueta de cierre que encierran el contenido. <nombre-de-elemento>contenido</nombre-de-elemento>
  • 4.
     Estructural:Describe elpropósito del texto. ◦ <h2>Golf</h2> encabezamiento de segundo nivel.  Presentacional:Describe la apariencia del texto. • <b>negrita</b> Texto resaltado.  Hipertextual: Enlazar partes del documento con otros documentos o con otras partes del mismo documento. • <a>
  • 5.
     <html>: Defineel inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML.  <head>: Define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario.  <body>: Define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador.
  • 6.
     <img>: imagen.Requiere del atributo src, que indica la ruta en la que se encuentra la imagen.  <b>: texto en negrita (Etiqueta descartada. Se recomienda usar la etiqueta <strong>).  <i>: texto en cursiva. La mayoría de etiquetas deben cerrarse como se abren, pero con una barra ("/") <h1><i>BIENVENIDOS A MI PAGINA WEB</i></h1>
  • 7.
    La estructura básicade todo documento web tiene:  Una cabecera <HEAD>: donde va el título y algunas cosas más que no se ven en la página, y su cierre </HEAD>.  Un cuerpo <BODY>: donde irá lo que se verá, y su cierre </BODY>.  Además, una etiqueta al principio de todo <HTML> y otra al final de todo </HTML>.
  • 8.
    Veamos como quedala estructura básica: <HTML> <HEAD> ..... </HEAD> <BODY> ..... </BODY> </HTML>
  • 9.
     Es posibleañadir atributos a determinados elementos.  LOS ELEMENTOS estructuran el contenido de todo el documento HTML. Indican al navegador cómo debería presentarse el contenido.  En algunos elementos se puede añadir más información. Esa información extra se denomina atributo.
  • 10.
     Los atributosse incluyen siempre dentro de la etiqueta de inicio y llevan inmediatamente detrás el signo de igual ("=") con los valores de dichos atributos entre comillas (""). <nombre-eti atributo1="valor1" atributo2="valor2">conte</nombre-eti> Elemento HTML Etiqueta de apertura Atributos y sus Valores