¿Cómo estructurar un documento html para hacer una página web en su pi frambuesa

Video: Curso: Bases de HTML y CSS - 2. Estructura básica de un documento HTML

Con el fin de hacer una página web en la Raspberry Pi, que tendrá que estructurar el documento HTML correctamente. Un fragmento de código es una buena manera de ver cómo funcionan las etiquetas HTML y cómo su navegador interpreta, pero hay que incluir mucha más información y de marcado antes de poder crear una página web realmente válida.

Video: Tutorial HTML #1. Estructura de HTML

Un documento HTML tiene dos partes principales: la cabecera (entre el y etiquetas) y el cuerpo (entre el y las etiquetas). La cabecera se utiliza principalmente para obtener información acerca de la página web, mientras que el cuerpo contiene el contenido real de la página.

Tags todos funcionan de la misma manera, con una etiqueta de apertura y otra de cierre. Como se puede ver, está bien tener algunas etiquetas dentro de algunas otras etiquetas. En este documento, todas las otras etiquetas excepto el primero están dentro de la las etiquetas de apertura y cierre.

No es necesario memorizar todas estas nuevas etiquetas, por suerte para usted, porque aquí es un marco que puede volver a utilizar y modificar ligeramente para cada nueva página web se crea. Es necesario cambiar sólo dos bits para cada página web se crea:

  • y : Entre estas etiquetas es el título de la página, que aparece en los marcadores, los resultados del motor de búsqueda, y en la barra de título en la parte superior del navegador (o pestaña de la página, si está usando pestañas) cuando se está visitando la página.

  • y : Entre estas etiquetas es donde pones todo tu contenido de la página web, por lo que esta sección tiende a ser bastante largo cuando se está trabajando con una página web real. En este ejemplo, se puede ver que el fragmento de HTML se encuentra entre las etiquetas del cuerpo.

Para aquellos que quieren entender todo esto, aquí hay un desglose del resto del documento:

  • : Esto le dice al navegador qué versión de HTML que está utilizando. Puedes ver el DOCTYPE para HTML5, que es simplemente la palabra html. Las versiones anteriores de HTML tenían tipos de documentos largos y complicados, y todavía van a venir a través de estos de vez en cuando.

  • y : Estas etiquetas se utilizan para marcar el inicio y el final del documento HTML. La etiqueta de apertura también se especifica el idioma del documento, en este caso, Inglés.

  • y : Estas etiquetas marcan el inicio y el final de la cabecera. La única cosa dentro de nuestra cabecera es el título de la página, pero a medida que aprende más sobre HTML, te encontrarás más etiquetas que pertenecen aquí.

  • : Esta etiqueta define el juego de caracteres que se utiliza en el documento, de manera que las personas que usan idiomas con alfabetos diferentes pueden decir cuál debe ser utilizado. Para este proyecto, hay un conjunto de caracteres llamado utf-8. Usted puede notar que hay una barra en el interior del paréntesis de cierre en esta etiqueta. Eso es porque la etiqueta no rodea nada, por lo que no tiene una etiqueta de cierre separado.

    En una versión anterior de HTML llamado XHTML, cada etiqueta tuvo que ser cerrado, por lo que cuando no había ninguna etiqueta de cierre separado, una barra se coloca dentro del paréntesis de cierre de la etiqueta en su lugar. Muchas personas aún consideran que esta práctica recomendada, pero es opcional.

    [Leafpad escrito por Tarot Osuji con obras de arte por Lapo Calamandrei]

Se puede utilizar espacios para sangrar las líneas dentro de la cabecera y el cuerpo y líneas en blanco alrededor de esas dos secciones, para que pueda ver más fácilmente en la cabecera y el cuerpo comienzan y terminan. La gente a menudo hacen esto: Esto hace que el HTML más fácil de leer y editar. HTML ignora el espacio en blanco, por lo que no importa la cantidad que usa, o donde usted lo pone.

No importa si sus etiquetas técnicamente están en mayúsculas o minúsculas, pero se ve más ordenado cuando es constante y la convención dicta minúscula de todas las etiquetas a excepción de la DOCTYPE.

Video: Tutorial de HTML Parte 2: Estructura Inicial de un documento html

Al abrir la página en el navegador, se ve igual que nuestra anterior fragmento de código hizo en el navegador, excepto que verá un título en la barra en la parte superior del navegador, y es una página web válida ahora. Se podría publicar este en Internet, si usted quiere, y que iba a funcionar perfectamente.

Porque se ve de la misma manera, puede que se pregunte por qué tiene que molestarse con todas esas otras etiquetas, entonces. La respuesta es que la mayoría de los navegadores son bastante indulgente y tratarán de evitar sus errores y omisiones, pero no se puede confiar en eso.

Video: ¿cómo hacer un página web con html y css? (videotutorial)

Usted no sabe qué navegador de un visitante podría utilizar para ver su sitio web, por lo que necesita para proporcionar todo el marcado correcto, incluso si una página funciona bien en su Frambuesa Pi. Otros navegadores o dispositivos podrían no ser capaces de hacer frente a un documento HTML no válido, así como Midori lata.

Artículos Relacionados