Estructura general de una pagina web en html
Estructura de html5
Además de definir partes individuales de tu página (como «un párrafo» o «una imagen»), HTML también cuenta con una serie de elementos a nivel de bloque que se utilizan para definir áreas de tu sitio web (como «la cabecera», «el menú de navegación», «la columna de contenido principal»). Este artículo analiza cómo planificar la estructura básica de un sitio web y cómo escribir el HTML para representar esta estructura.
Secciones básicas de un documentoLas páginas web pueden tener y tendrán un aspecto bastante diferente entre sí, pero todas suelen compartir componentes estándar similares, a menos que la página muestre un vídeo o un juego a pantalla completa, forme parte de algún tipo de proyecto artístico o simplemente esté mal estructurada:
Enlaces a las secciones principales del sitio; suelen estar representados por botones de menú, enlaces o pestañas. Al igual que la cabecera, este contenido suele ser consistente de una página web a otra: tener una navegación incoherente en tu sitio web sólo hará que los usuarios se sientan confundidos y frustrados. Muchos diseñadores web consideran que la barra de navegación forma parte de la cabecera en lugar de ser un componente individual, pero esto no es un requisito; de hecho, algunos también argumentan que tener las dos separadas es mejor para la accesibilidad, ya que los lectores de pantalla pueden leer las dos características mejor si están separadas.
Cómo estructurar el html
Una vez que hayas guardado tu código en tu carpeta con el nombre adecuado, cierra el cuaderno. En tu carpeta, además del cuaderno, verás el icono que representa el archivo que acabas de grabar.
Para ejecutar la página que acabas de crear, haz doble clic en el icono. Automáticamente se abrirá el navegador y se cargará la página. La ruta completa y el nombre del archivo aparecerán en la barra de direcciones.
Para ello, cierra el navegador y, dentro de la carpeta en la que estés trabajando, arrastra el icono de template.html sobre el cuaderno. De este modo, el cuaderno se abrirá y cargará el código fuente que habías escrito previamente.
Qué describe la estructura de una página web
Una vez que hayas guardado tu código en tu carpeta con el nombre adecuado, cierra el cuaderno. En tu carpeta, además del cuaderno, verás el icono que representa el archivo que acabas de grabar.
Para ejecutar la página que acabas de crear, haz doble clic en el icono. Automáticamente se abrirá el navegador y se cargará la página. La ruta completa y el nombre del archivo aparecerán en la barra de direcciones.
Para ello, cierra el navegador y, dentro de la carpeta en la que estés trabajando, arrastra el icono de template.html sobre el cuaderno. De este modo, el cuaderno se abrirá y cargará el código fuente que habías escrito previamente.
Html define la estructura de una página web
El DOCTYPE Se debe especificar una declaración DOCTYPE en la primera línea de cada documento web: El DOCTYPE indica al navegador web en qué versión de HTML está escrita la página. En esta clase, usaremos ‘XHTML Transitional’, que nos permite un poco de flexibilidad.
El elemento <html> Inmediatamente después de la declaración DOCTYPE está el elemento <html>: El elemento <html> indica al navegador que la página tendrá un formato HTML y, opcionalmente, en qué idioma del mundo está el contenido de la página.
Los elementos <head> y <body> El elemento <head> rodea todos los elementos especiales «entre bastidores» de un documento web. La mayoría de estos elementos no se muestran directamente en la página web. El elemento <body> rodea todo el contenido real (texto, imágenes, vídeos, enlaces, etc.) que se mostrará en nuestra página web.
Puede haber varias líneas <meta> en la misma página web. El elemento <meta> se utiliza a menudo para proporcionar información adicional, como palabras clave de la página, una descripción de la página y el autor o autores de un documento web.