Introducción de HTML
Introducción a HTML
¿Qué es HTML?
HTML es el lenguaje de marcado estándar para crear páginas web.
- HTML significa Hyper Text Markup Language
- HTML describe la estructura de las páginas web utilizando el marcado
- Los elementos HTML son los componentes básicos de las páginas HTML.
- Los elementos HTML están representados por etiquetas
- Las etiquetas HTML etiquetan partes de contenido como "encabezado", "párrafo", "tabla", etc.
- Los navegadores no muestran las etiquetas HTML, pero las utilizan para representar el contenido de la página
Un documento HTML simple
Ejemplo
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Ejemplo explicado
- La
<!DOCTYPE html>declaración define este documento como HTML5 - El
<html>elemento es el elemento raíz de una página HTML - El
<head>elemento contiene metainformación sobre el documento. - El
<title>elemento especifica un título para el documento. - El
<body>elemento contiene el contenido de la página visible. - El
<h1>elemento define un encabezado grande. - El
<p>elemento define un párrafo.
Etiquetas HTML
Las etiquetas HTML son nombres de elementos rodeados por corchetes angulares:
El contenido de <tagname> va aquí ... </tagname>
- Las etiquetas HTML normalmente vienen en pares como
<p>y</p> - La primera etiqueta de un par es la etiqueta inicial, la segunda etiqueta es la etiqueta final
- La etiqueta final se escribe como la etiqueta de inicio, pero con una barra diagonalinsertada antes del nombre de la etiqueta
Sugerencia: la etiqueta inicial también se denomina etiqueta de apertura y la etiqueta final la etiqueta de cierre .
Navegadores web
El propósito de un navegador web (Chrome, IE, Firefox, Safari) es leer documentos HTML y mostrarlos.
El navegador no muestra las etiquetas HTML, pero las usa para determinar cómo mostrar el documento:
Estructura de la página HTML
A continuación se muestra una estructura de página HTML:
<html>
<head>
<title> Título de la página </title>
</head>
<body>
</body>
</html>
<h1> Este es un encabezado </h1>
<p> Esto es un párrafo. </p>
<p> Este es otro párrafo. </p>
Nota: Solo el contenido dentro de la sección <body> (el área blanca arriba) se muestra en un navegador.
La Declaración de <! DOCTYPE>
La
<!DOCTYPE>declaración representa el tipo de documento y ayuda a los navegadores a mostrar páginas web correctamente.
Solo debe aparecer una vez, en la parte superior de la página (antes de cualquier etiqueta HTML).
La
<!DOCTYPE>declaración no distingue entre mayúsculas y minúsculas.
La
<!DOCTYPE>declaración para HTML5 es:
<!DOCTYPE html>
Versiones HTML
Desde los primeros días de la web, ha habido muchas versiones de HTML:
| Version | Year |
|---|---|
| HTML | 1991 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2014 |