Estructura de una pagina en html

Inicio » Estructura de una pagina en html

Html-grundgerüst

Existen varias versiones de HTML, al igual que otros programas, y también diferentes instrucciones sobre cómo debe mostrarse en los navegadores. Para ver correctamente la página web, la información sobre la versión del HTML aparece en la etiqueta <DOCTYPE>.

Observe que no ve estas etiquetas en su navegador (a menos que vea el código fuente). Esto se debe a que los navegadores están programados para leer el código para determinar cómo mostrar la página, no para mostrar las etiquetas HTML.

Sólo incluye la información sobre el documento actual (metadatos) y no el contenido del documento (datos). Contiene el título del documento, las palabras clave y otras descripciones que pueden ser útiles para los motores de búsqueda, el estilo y otros datos que no deben mostrarse a los usuarios (excepto el título, que se muestra en la barra de título del navegador)

Html layout div

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.

Página de inicio de Html

Los archivos HTML (HyperText Markup Language) son, básicamente, simples archivos de texto que se pueden crear en cualquier editor de texto. Pero para que se muestre correctamente en la World Wide Web, un documento HTML debe estar estructurado correctamente. Cualquier variación de esta estructura hará que muchos navegadores muestren el contenido de forma incorrecta o no lo muestren en absoluto. Además, todos los documentos HTML deben tener el sufijo “html” para que el código HTML se vea correctamente en un navegador web.

El organismo que establece las normas de la Web, es decir, las personas que determinan lo que es esta estructura, es el Consorcio de la World Wide Web (W3C). Se supone que los navegadores web deben seguir estas normas en la medida de lo posible. En su mayor parte, todos lo hacen bien, pero algunos navegadores se quedan bastante cortos en este objetivo (Internet Explorer es el peor culpable). No obstante, lo mejor cuando se crea una página web es seguir los estándares web actuales. Esto asegurará que su sitio se pueda ver en tantos navegadores como sea posible. Toda la instrucción HTML en este sitio de ETS sigue los estándares del W3C.

En el ejemplo anterior, puede ver el uso de etiquetas que son una parte esencial de un documento HTML. Una etiqueta HTML consta de un corchete angular izquierdo (<), un nombre de etiqueta (como “h1”) y un corchete angular derecho (>). Las etiquetas suelen ir emparejadas, de modo que hay una etiqueta al principio y otra al final de una sección del documento (<h1> y </h1>, por ejemplo). Todas las etiquetas finales tienen un aspecto idéntico al de la etiqueta inicial, salvo que una barra (/) precede al nombre de la etiqueta dentro de los corchetes. Un par de etiquetas delimita dónde debe comenzar y terminar el efecto de la etiqueta en la página. El actual estándar web del W3C sugiere que todos los nombres de etiquetas estén en minúsculas.

Cabecera Html

HTML significa HyperText Markup Language (Lenguaje de Marcas de Hipertexto) y es el elemento estructural básico que se utiliza para crear páginas web. HTML es un lenguaje de marcado, lo que significa que se utiliza para “marcar” el contenido de un documento, en este caso una página web, con información estructural y semántica que indica al navegador cómo mostrar una página. Cuando un navegador web carga un documento HTML, utiliza las etiquetas HTML que han marcado el documento para representar el contenido de la página.

La letra “p” representa el elemento párrafo. En este ejemplo, <p> es una etiqueta de apertura que indica al navegador que el contenido que le sigue es un párrafo. La barra en la segunda etiqueta, </p>, indica que es una etiqueta de cierre que le dice al navegador que el elemento párrafo está terminando y que cualquier contenido que aparezca después no es parte del párrafo. Puedes encontrarte con graves problemas de visualización si no te acuerdas de “cerrar” cada etiqueta porque el navegador interpretará este patrón como que el elemento identificado por la etiqueta de apertura debe continuar durante el resto de la página.

Ir arriba