Elementos para crear una pagina web en html

Etiquetas html

Si puede, imagine una época anterior a la invención de Internet. Los sitios web no existían y los libros, impresos en papel y bien encuadernados, eran la principal fuente de información. Había que esforzarse mucho -y leer- para encontrar la información exacta que se buscaba.

Hoy se puede abrir un navegador web, saltar al motor de búsqueda que se desee y buscar. Cualquier información imaginable está al alcance de su mano. Y lo más probable es que alguien, en algún lugar, haya creado un sitio web pensando exactamente en su búsqueda.

Antes de comenzar nuestro viaje para aprender a construir sitios web con HTML y CSS, es importante entender las diferencias entre los dos lenguajes, la sintaxis de cada uno de ellos y alguna terminología común.

HTML, HyperText Markup Language (Lenguaje de Marcado de Hipertexto), da estructura y significado al contenido definiéndolo, por ejemplo, como títulos, párrafos o imágenes. CSS, u hojas de estilo en cascada, es un lenguaje de presentación creado para dar estilo a la apariencia del contenido, utilizando, por ejemplo, fuentes o colores.

Todas las etiquetas html

Si está interesado en aprender a construir y diseñar sitios web, el Lenguaje de Marcado de Hipertexto (HTML) es un buen punto de partida. Esta serie de tutoriales basados en proyectos le introducirá en el HTML y sus métodos mediante la construcción de un sitio web personal utilizando nuestro sitio de demostración (abajo) como modelo. Una vez que aprenda lo básico, sabrá cómo cambiar el diseño del sitio web y añadir contenido personalizado. No es necesario tener experiencia previa en codificación para seguir los tutoriales de esta serie.

HTML es el lenguaje de marcado estándar utilizado para mostrar documentos en un navegador web. Desarrollado por primera vez por Tim Berners Lee en 1990 mientras trabajaba en la Organización Europea para la Investigación Nuclear (CERN), HTML fue una de las tecnologías innovadoras clave utilizadas para publicar el primer sitio web del mundo el 6 de agosto de 1991. Gracias a un proyecto de restauración del CERN, ahora se puede volver a visitar el sitio web original. Desde entonces, el HTML se ha actualizado y ampliado considerablemente, pero su propósito básico de formatear y estructurar las páginas web sigue siendo el mismo.

Html layout vorlagen

Los elementos se utilizan para crear la estructura de una página web y sirven para presentar la información de diversas maneras. JAWS interactúa con estos elementos para proporcionar la información que necesita para acceder al contenido de la página. Algunos de los elementos más comunes de las páginas web que encontrará son:

JAWS proporciona comandos fáciles de usar y recordar llamados Teclas Rápidas de Navegación para moverse rápidamente a varios elementos de una página web. Pulse una sola letra en su teclado y muévase hacia un elemento. Por ejemplo, puede pulsar la T para las tablas, la F para los controles de formularios, la V para los enlaces visitados, la H para los títulos, etc. Añada SHIFT a cualquier tecla rápida de navegación para pasar al elemento anterior de ese tipo.

Por ejemplo, un usuario vidente puede recorrer visualmente los encabezados de una página hasta encontrar el que desea y luego centrarse en el texto de esa sección. Del mismo modo, utilizando JAWS, puede pulsar H para desplazarse rápidamente por todos los encabezados de una página hasta localizar el que desee y, a continuación, empezar a leer con las teclas de FLECHA.

JAWS puede mirar una página web y compilar listas de párrafos, enlaces, encabezados, campos de formulario y otros elementos para que puedas encontrar rápidamente lo que necesitas y desplazarte a la información. Pulse INSERT+F3 para abrir el cuadro de diálogo Características virtuales de HTML. Este cuadro de diálogo le permite elegir entre una serie de listas que contienen información sobre diferentes tipos de elementos de la página actual. Seleccione un elemento y pulse ENTER para ver una lista de todos esos elementos.

Hoja de trucos de html semántico

La parte I proporcionó una visión general del entorno del diseño web. Ahora que hemos cubierto los grandes conceptos, es hora de arremangarse y empezar a crear una página web real. Será una página extremadamente simple, pero incluso las páginas más complicadas se basan en los principios descritos aquí.

No te preocupes por aprender los elementos de texto específicos o las reglas de la hoja de estilo en este momento; llegaremos a ellos en los siguientes capítulos. Por ahora, sólo presta atención al proceso, a la estructura general del documento y a la nueva terminología.

Has visto un documento HTML en el Capítulo 2, pero ahora podrás crear uno tú mismo y jugar con él en el navegador. La demostración en este capítulo tiene cinco pasos que cubren los fundamentos de la producción de páginas.

Comprobaremos nuestro trabajo en el navegador con frecuencia a lo largo de esta demostración, probablemente más de lo que lo harías en la vida real. Pero como esto es una introducción al HTML, es útil ver la causa y el efecto de cada pequeño cambio en el archivo fuente a lo largo del camino.