Partes de una pagina web html

🐹 Partes de una pagina web html

🐸 Etiquetas html

Los “sitios” web son abstracciones totales que, incluso en nuestra mente, no existen. De lo que realmente hablamos es de una serie de páginas individuales enlazadas que comparten un aspecto gráfico y de navegación similar cuando describimos un sitio como tal. Las características de diseño que comparten las páginas son las que generan la ilusión de cohesión en un “sitio” coherente. La unidad atómica de los sitios web son las páginas html individuales y cómo están construidas y enlazadas, y todo lo que caracteriza el diseño del sitio debe aparecer en las plantillas de las páginas.
El diseño de las páginas web en los sitios de información basados en texto se ha vuelto más uniforme y consistente a medida que la web ha evolucionado en la última década. Aunque no todas las páginas web comparten el diseño y las características exactas que aquí se enumeran, la mayoría de las páginas web contienen algunos o todos estos componentes básicos en ubicaciones de página que se han vuelto familiares para los usuarios de la web (fig. 6.1).
Las cabeceras de las páginas son como versiones en miniatura de la página de inicio que se sitúan encima de cada página, pero en un espacio limitado, y hacen muchas de las cosas que hacen las páginas de inicio. Las cabeceras, con la búsqueda y quizás otros recursos, incluyen la identidad del sitio y la navegación global. La ubicación exacta y la configuración de los componentes difieren de un sitio a otro, pero se ha convertido en algo razonablemente coherente con el patrón de diseño general.

💜 Estructura básica de una página web hecha en html

Normalmente hay varias secciones diferentes en un sitio web, que pueden variar según el contenido y el diseño, por supuesto, pero casi todas las páginas tienen una cabecera, una navegación, un contenido y un pie de página. Para describir el aspecto y el diseño de todo un sitio web, ya hemos abordado la belleza de una hoja de estilos externa. Por esta razón, proclamar específicamente las secciones particulares en el html es muy útil, para que podamos discutirlas en la hoja de estilos.
El resto de las secciones anteriores son bastante autoexplicativas. Y de nuevo, el nombre real no tiene sentido, pero a la larga, si usas nombres descriptivos, te hará la vida más fácil. Después de todo, “cabecera” lo dice todo, mientras que cuando vuelvas a tu sitio web en una etapa posterior, puede que no sepas exactamente a qué parte se refiere <div id=’style1 ” >. O después de haber almorzado.
‘Wrapper’ es la única división que he utilizado que puede necesitar un poco más de aclaración. Técnicamente, la etiqueta ‘body’ ya es el contenedor principal de todo tu HTML, pero cualquier parte que veas en tu monitor está incluida en la etiqueta body. Esto nos permite identificar mejor el área de contenido real, al incluir otra envoltura en el cuerpo. No es obligatorio, no es un “tienes que”, pero es una herramienta realmente útil para construir casi todos los sitios web; sin ella, no he creado un sitio web y probablemente nunca lo haría.

👶 Secciones de una página web

Un elemento HTML es un tipo de componente del documento HTML (Lenguaje de Marcado de Hipertexto), uno de los varios tipos de nodos HTML (también hay nodos de texto, nodos de comentarios, etc.).vago] El documento HTML está formado por un árbol de nodos HTML básicos, como los nodos de texto, y por elementos HTML que añaden semántica y formato a las secciones del documento (por ejemplo, hacer que el texto esté en negrita, organizarlo en párrafos, listas y tablas, o incrustar hipervínculos e imágenes). Cada elemento puede tener atributos HTML definidos. Los elementos, al igual que otros elementos y el texto, también pueden tener contenido.
Los primeros documentos HTML (y, en menor medida, los documentos HTML actuales) eran predominantemente documentos HTML no válidos y estaban plagados de errores de sintaxis. Para “arreglar” estos errores de la mejor manera posible, también era necesario el proceso de análisis sintáctico. El resultado a menudo no era correcto (es decir, no reflejaba lo que pretendía originalmente un codificador descuidado), pero era preciso según el estándar HTML al menos. Y en las raras situaciones el analizador sintáctico abandonará por completo el análisis sintáctico.
La ubicación de un elemento es, como se entiende comúnmente, indicada como abarcando desde una etiqueta de inicio, posiblemente incluyendo algún contenido hijo, y es terminada por una etiqueta de fin.3] Este es el caso de varios elementos de un documento HTML, pero no de todos. La distinción se destaca claramente en la especificación HTML 4.01:

🙊 Ejemplos de páginas web html con código fuente

Un diseño web sólido tiene una serie de características comunes que hacen más sencillo y divertido el uso de los sitios web. Puedes entender por qué te gustan ciertos sitios web y por qué no te gustan otros y qué quieres usar en tu propio sitio web si entiendes cuáles son.
Los elementos individuales de un sitio web, para qué sirven y por qué los necesitas están cubiertos por este artículo sobre la anatomía de una página web. Lee nuestro artículo sobre el tamaño y el diseño de una página web para ver qué formatos de página se utilizan ampliamente y para aprender sobre los diseños responsivos.
Por lo general, el campo de la parte superior de la página se denomina cabecera de la página. Esta zona tiene una altura de entre 50 y 100 píxeles en un sitio web estándar, como Microsoft o eBay. Presenta el logotipo de la empresa, tal vez una línea de correa y la navegación clave. También se incluyen detalles clave o llamadas a la acción, como un número de teléfono, un botón de contacto o un cuadro de búsqueda. Este es el primer elemento que verán sus invitados, y será un tema popular en su web.
Como un diagrama de árbol o como un directorio con subdirectorios anidados, puede pensar en la disposición de un sitio. La página de inicio se encuentra en la parte superior de la estructura, directamente debajo de las secciones o temas más relevantes y de otras subsecciones dentro de ellas.