Centro Educativo del Nivel Secundario
Madre Teresa de Calcuta
Salida Ciencia & Tecnología
Proyecto de Desarrollo Web Y Aplicaciones Móviles
6to. Grado
Año Escolar 2019-2020
Profesor: Adán Edison Ureña Almonte M.A.
Estructura de un documento HTML
Un documento HTML, una página web, contiene un árbol de etiquetas, que
tiene una organización básica. La etiqueta raíz de un documento HTML es
<html> y dentro tiene dos etiquetas principales:
- <head>:
con la información de cabecera de la página. Es información que en
principio no aparecerá en el cuerpo de la página, pero que sirve para
saber de qué trata la página, cómo deben interpretarla los distintos
clientes web, etc.
- <body>:
que es la información del cuerpo, es decir, lo que se verá en el navegador
cuando el usuario entre.
Además, hay algunas otras etiquetas básicas de control, como podemos ver en
el siguiente esqueleto de documento HTML básico.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Título
del documento HTML</title>
</head>
<body>
</body>
</html>
La primera etiqueta (DOCTYPE) indica el tipo de documento. Esta etiqueta
debe estar siempre al principio. Fue definido y simplificado así desde HTML 5,
ya que antes el doctype se expresaba con una etiqueta mucho mayor.
Posteriormente tenemos la etiqueta <html>, con el atributo
"lang" opcional. En este caso hemos indicado que el idioma es
español.
Luego encontramos el <head>, que tiene varias etiquetas. Las
importantes son:
- charset,
siendo UTF-8 el recomendado. Lógicamente es importante que ese juego de
caracteres se esté usando realmente al guardar el archivo con el código
.html. Si usamos algún editor orientado a programadores seguramente se
guarde con UTF-8 o al menos tengas la opción de escoger este juego de
carácteres.
- Title,
que es lo que mostrará el navegador en la pestaña donde se muestre esta
página. También es muy importante para que Google y otros motores
identifiquen bien el contenido.
Hay otras etiquetas en el <head> que son realmente aconsejables. El
caso más claro es el del viewport. También es el lugar correcto para
importar estilos CSS, por ejemplo.
Para acabar, el <body> contendrá la mayor parte de las etiquetas, con
todo el marcado necesario para definir el contenido completo que se verá en la
página.
Fuente Bibliográfica:
No hay comentarios.:
Publicar un comentario
Tu opinion es importante y la valoramos. Opina y Comparte con nosotros.