HTML (HyperText Markup Language)

En el ámbito del desarrollo web, HTML (HyperText Markup Language, lenguaje de marcado de hipertexto), hace referencia al lenguaje de marcas predominante para la elaboración de páginas web. El HTML se escribe en forma de etiquetas, rodeadas por corchetes angulares (< >) y se utiliza para describir la estructura y el contenido de los documentos que conforman una página web.

HTML (HyperText Markup Language)

Qué es HTML

El HTML (Hyper Text Markup Language, lenguaje de marcado de hipertexto), es el lenguaje de marcado más utilizado comúnmente en la elaboración de contenidos web. Se utiliza para describir la información y estructura de los distintos elementos que componen una página web, como textos, imágenes, videos y otros objetos.

El HTML se escribe utilizando etiquetas, encerradas entre corchetes angulares (< >) y no sólo describe la apariencia de un documento, sino que puede también incluir scripts embebidos, por ejemplo JavaScript, el cual puede modificar el comportamiento de los navegadores web.

Cada elemento HTML consta básicamente de tres componentes:

  • Etiquetas: HTML utiliza etiquetas o marcas, que consisten en breves instrucciones mediante las cuales se establece la forma en que deben aparecer en el navegador el texto, las imágenes y los demás elementos de la página web. Las etiquetas se identifican porque están encerradas entre corchetes angulares, es decir, los signos "menor que" y "mayor que" (< >). En general las etiquetas se abren y se cierran, es decir, cada elemento consta de una etiqueta de inicio y de una etiqueta de cierre, como por ejemplo <b>negrita</b>
  • Atributos: las etiquetas pueden tener atributos que toman un determinado algún valor. La mayoría de los atributos son pares nombre-valor, escritos en la etiqueta de comienzo de un elemento, como por ejemplo <a href="http://es.wikipedia.org">Wikipedia</a>
  • Contenido: se ubica entre ambas etiquetas de apertura y cierre.

Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre.

En HTML se pueden distinguir varios tipos de elementos de marcado:

  • Las etiquetas que describen el propósito del texto, como <h2>Tennis</h2> que establece un encabezamiento de segundo nivel, se denominan marcado estructural.
  • Las etiquetas que describen la apariencia del texto, sin importar su función, como <b>Golf</b> que indica que el texto va en negrita, se denominan marcado presentacional.
  • Las etiquetas que sirven para enlazar partes del documento con otros documentos, como <a href="http://es.wikipedia.org">Wikipedia</a>, se denominan marcado hipertextual.

Actualmente, la mayoría del marcado presentacional ha sido desechado en favor de las hojas de estilo en cascada CSS, con el objetivo de separar el contenido de la presentación, lo que permite realizar modificaciones por separado.

Algunas etiquetas básicas en HTML son:

  • <html>: marca el inicio del documento HTML. El navegador interpreta que lo que viene a continuación deberá ser decodificado en HTML.
  • <script>: incrusta un script en el documento.
  • <head>: cabecera del documento, proporciona información del sitio al navegador pero no al usuario.
  • <tittle>: título de la página.
  • <link>: vincula hojas de estilo o iconos al sitio web.
  • <style>: permite colocar el estilo interno mediante CSS.
  • <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento HTML que se muestra en el navegador.
  • <h1> a <h6>: encabezados o títulos del documento con diferente relevancia.
  • <table><tr><td>: etiquetas para tabla, fila y celda.
  • <a>: hipervínculo o enlace.
  • <div>: división de la página.
  • <img>: imagen.
  • <li><ol><ul>: etiquetas para listas.
  • <b>: texto en negrita. Etiqueta obsoleta, se recomienda usar <strong>.
  • <i>: texto en cursiva. Etiqueta obsoleta, se recomienda usar <em>.
  • <u>: texto subrayado.

Artículos en la categoría "Diseño web"

  1. Contenido web
  2. Ghostwriter (escritor fantasma)
  3. Sobrecarga de información (infoxicación)
  4. Copyleft
  5. Cross-browser
  6. CSS
  7. Desarrollo web con Firefox
  8. Diseño web adaptativo (Responsive Web Design)
  9. Editor de páginas web
  10. Enlace roto
  11. Estándares web
  12. Favicon
  13. GIF animados con The Gimp
  14. Hacer una página web
  15. Hiperenlace (hyperlink)
  16. Hipertexto
  17. HTML (HyperText Markup Language)
  18. Linkware
  19. Modelo de color HTML
  20. Navegador móvil
  21. Navegador web
  22. Nube de tags
  23. Páginas web estándar
  24. FAQ (Frequently Asked Questions)
  25. Páginas web gratuitas
  26. Páginas web para móviles
  27. Psicología del color
  28. Web 2.0
  29. Web 3.0
  30. Sitio web (website)
  31. Blog
  32. Blogosfera
  33. Comunidad virtual
  34. Internet superficial, Internet profunda e Internet oscura
  35. Podcast (podcasting)
  36. Web semántica
  37. Mashup
  38. Fotoblog
  39. Wiki
  40. Microblogging
  41. Página web
  42. Portal
  43. Redes sociales
  44. Videoblog
  45. WordPress
  46. WWW (World Wide Web)

Los comentarios están cerrados