En esta página, exploraremos la estructura fundamental de una página web y los elementos que la componen. Desde la estructura básica hasta los elementos más avanzados, aprenderás cómo se organizan y funcionan las páginas web modernas.
Estas etiquetas ayudan a definir la clase de contenido tendrá una página Web
Describen su significado tanto para el navegador como para el desarrollador. A través de ellas los navegadores y buscadores reconocen patrones y una estructura determinada.
Debemos respetarlas porque ayudan al navegador a entender su significado para mostrarlo en pantalla y ayudan a los buscadores a reconocer el contenido y la estructura del sitio.
Todo este diseño se desarrolla en HTML.
Estructura de una página web (Código)
<!DOCTYPE html> Indica que la versión corresponde a HTML5.
<html lang= “es”> Es la etiqueta principal que engloba al resto de las etiquetas, el atributo lang
define el tipo de lenguaje.
<head> Es la cabeza del documento que contiene los metadatos de la página web.
<meta charset=»utf-8″/> Indica al navegador qué tipo de caracteres contiene la página, con el atributo charset vamos a indicar el conjunto de caracteres que vamos a usar y con el valor «utf-8» abarcamos a la mayoría de los sistemas de escritura.
<title> Indica el título de la página Web, que se visualiza en la barra de título del navegador.
<body> Es el cuerpo del documento donde va a estar todo el contenido que vamos a mostrar.
«En Visual Studio Code escribimos html:5, presionamos TAB y este código se escribirá automáticamente.»