Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

El lenguaje html

600 views

Published on

Presentación introductoria Lenguaje html

Published in: Education
  • Be the first to comment

  • Be the first to like this

El lenguaje html

  1. 1. HyperText Markup Language (Lenguaje de Marcado de Hipertexto). Docente: Oscar Eduardo Delgado Maya
  2. 2.  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 (<,>).
  3. 3.  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>
  4. 4.  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>
  5. 5.  <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.
  6. 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. 7. 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>.
  8. 8. Veamos como queda la estructura básica: <HTML> <HEAD> ..... </HEAD> <BODY> ..... </BODY> </HTML>
  9. 9.  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.
  10. 10.  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

×