HTML: descripción general
HTML significa Hypertext MArkup Language, y es el idioma más utilizado para escribir páginas web.
Hypertextse refiere a la forma en que las páginas web (documentos HTML) se vinculan entre sí. Por tanto, el enlace disponible en una página web se denomina hipertexto.
Como sugiere su nombre, HTML es una Markup Language lo que significa que usa HTML para simplemente "marcar" un documento de texto con etiquetas que le dicen a un navegador web cómo estructurarlo para mostrarlo.
Originalmente, HTML se desarrolló con la intención de definir la estructura de documentos como encabezados, párrafos, listas, etc. para facilitar el intercambio de información científica entre investigadores.
Ahora, HTML se está utilizando ampliamente para formatear páginas web con la ayuda de diferentes etiquetas disponibles en lenguaje HTML.
Documento HTML básico
En su forma más simple, a continuación se muestra un ejemplo de un documento HTML:
<!DOCTYPE html>
<html>
<head>
<title>This is document title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>Document content goes here.....</p>
</body>
</html>Etiquetas HTML
Como se dijo anteriormente, HTML es un lenguaje de marcado y hace uso de varias etiquetas para formatear el contenido. Estas etiquetas se incluyen entre llaves angulares<Tag Name>. Excepto algunas etiquetas, la mayoría de las etiquetas tienen sus correspondientes etiquetas de cierre. Por ejemplo,<html> tiene su etiqueta de cierre </html> y <body> la etiqueta tiene su etiqueta de cierre </body> etiqueta, etc.
El ejemplo anterior de documento HTML utiliza las siguientes etiquetas:
| No Señor | Etiqueta y descripción |
|---|---|
| 1 | <!DOCTYPE...> Esta etiqueta define el tipo de documento y la versión HTML. |
| 2 | <html> Esta etiqueta incluye el documento HTML completo y se compone principalmente del encabezado del documento que está representado por <head> ... </head> y el cuerpo del documento que está representado por las etiquetas <body> ... </body>. |
| 3 | <head> Esta etiqueta representa el encabezado del documento que puede mantener otras etiquetas HTML como <title>, <link>, etc. |
| 4 | <title> La etiqueta <title> se usa dentro de la etiqueta <head> para mencionar el título del documento. |
| 5 | <body> Esta etiqueta representa el cuerpo del documento que mantiene otras etiquetas HTML como <h1>, <div>, <p>, etc. |
| 6 | <h1> Esta etiqueta representa el encabezado. |
| 7 | <p> Esta etiqueta representa un párrafo. |
Para aprender HTML, necesitará estudiar varias etiquetas y comprender cómo se comportan mientras formatea un documento textual. Aprender HTML es simple, ya que los usuarios deben aprender a usar diferentes etiquetas para formatear el texto o las imágenes para crear una página web hermosa.
El Consorcio World Wide Web (W3C) recomienda utilizar etiquetas en minúsculas a partir de HTML 4.
Estructura del documento HTML
Un documento HTML típico tendrá la siguiente estructura:
<html>
<head>
Document header related tags
</head>
<body>
Document body related tags
</body>
</html>Estudiaremos todas las etiquetas de encabezado y cuerpo en los capítulos siguientes, pero por ahora veamos qué es la etiqueta de declaración de documento.
La declaración <! DOCTYPE>
El navegador web utiliza la etiqueta de declaración <! DOCTYPE> para comprender la versión del HTML utilizado en el documento. La versión actual de HTML es 5 y hace uso de la siguiente declaración:
<!DOCTYPE html>Hay muchos otros tipos de declaración que se pueden usar en documentos HTML dependiendo de la versión de HTML que se esté usando. Veremos más detalles sobre esto al discutir la etiqueta <! DOCTYPE ...> junto con otras etiquetas HTML.