Estructura básica de una página HTML
Una página web es un archivo de texto normal
con la extensión .html. Dentro de este
archivo se almacena el texto de la página HTML junto
con las etiquetas. Este archivo debe tener obligatoriamente
las siguientes etiquetas: la etiqueta html, que
debe contener en sí el texto de todo el sitio web
(todo lo que esté escrito fuera de esta etiqueta será
ignorado por el navegador), y dentro de ella deben
estar otras dos etiquetas: la etiqueta head para
el contenido de servicio de la página y la etiqueta body
- para el texto principal, que es visible en la
pantalla del navegador.
En el contenido de servicio, que se ubica
dentro de la etiqueta head, se incluyen muchas
cosas diferentes, pero por ahora solo necesitamos
dos de ellas. Esta es la etiqueta title, que define
el título de la página, que será visible en la
pestaña del navegador, y la etiqueta meta,
que define la codificación de la página (se establece
en el atributo charset y generalmente tiene
el valor utf-8).
Además, antes de la etiqueta html usualmente
se escribe la construcción doctype, que
indica la versión del lenguaje HTML en la que está hecho
el sitio web. La versión actual del lenguaje tiene
el número cinco y el doctype para ella debe verse
así:
<!DOCTYPE html>
Entonces, echemos un vistazo a la estructura básica de la página:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>This is the title</title>
</head>
<body>
This is the main content of the page.
</body>
</html>
Cree un archivo con la extensión .html.
Copie en él la estructura básica de la página.
Guarde su archivo. Luego ábralo en el
navegador arrastrando el archivo con el ratón o haciendo
doble clic sobre él.
