¿Qué es la plantilla de inicio HTML?

Que Es La Plantilla De Inicio Html



Una plantilla de inicio HTML es una estructura o marco básico para crear un sitio web utilizando HTML (Lenguaje de marcado de hipertexto). Proporciona un punto de partida para que los programadores construyan un sitio web rápidamente sin tener que escribir todo el código HTML desde cero. Pueden ayudar a los desarrolladores a comenzar rápidamente y luego concentrarse en crear las características y funcionalidades específicas de su sitio web o aplicación.

Esta guía demuestra qué es una plantilla de inicio HTML.

¿Qué es la plantilla de inicio HTML?

Una plantilla de inicio HTML contiene la declaración , las etiquetas , y y un conjunto básico de estilos CSS y secuencias de comandos JavaScript. Estas etiquetas proporcionan una base para crear una página web que ahorra mucho tiempo y esfuerzo a los desarrolladores.







La plantilla de inicio HTML aparece así:





< html justo = 'en' >

< cabeza >

< meta juego de caracteres = 'UTF-8' >

< meta nombre = 'ventana de visualización' contenido = 'ancho = ancho del dispositivo, escala inicial = 1' >

< título > linux < / título >

< enlace real = 'hoja de estilo' href = './style.css' >

< meta http-equiv = 'X-UA-Compatible' contenido = 'es decir = borde' >

< / cabeza >

< cuerpo >



< h1 > Plantilla de inicio HTML < / h1 >

< / principal>

< guion origen = 'index.js' >< / guion >

< / cuerpo >

< / html >

Siga la demostración a continuación para conocer las etiquetas/elementos disponibles en la plantilla de inicio HTML:



La etiqueta

El ' La etiqueta ” contiene los datos sobre el tipo de archivo y le dice al navegador cómo procesarlo. Esta etiqueta ayuda mucho en la optimización de motores de búsqueda al proporcionar información sobre qué versión de HTML se utiliza para crear la página web. Si falta esta etiqueta en un archivo HTML, el navegador web puede comportarse de forma inesperada o mostrar elementos incorrectos.





La etiqueta

El ' La etiqueta ” es un elemento obligatorio y actúa como un contenedor para todos los elementos HTML. Es el elemento raíz, lo que significa que todos los demás elementos deben colocarse dentro para que funcionen correctamente. Esta etiqueta se puede utilizar para definir la estructura y el contenido de la página web y ayudar a especificar los metadatos sobre el documento. Usando su “ justo ” atributo el idioma de la página HTML se puede establecer:

< html justo = 'en' >

// código

< / html >

En el fragmento de código anterior, el idioma de la página HTML se establece en ' Inglés ”.



La etiqueta “

La información sobre la página web se inserta dentro del “ ” y no es visible en la página web y esta información se utiliza con fines de SEO. Por lo general, incluye metadatos, como el título de la página, la descripción y las palabras clave, así como enlaces a hojas de estilo externas, scripts y otros recursos:

< cabeza >

// insertar código aquí

< / cabeza >

Las etiquetas

La etiqueta proporciona metadatos sobre el documento HTML, como el juego de caracteres, las palabras clave y la descripción de la página. Desempeña un papel esencial en la optimización del motor del navegador. Garantiza que el navegador web muestre el texto correctamente utilizando los estándares de codificación correctos. También se utiliza para establecer las palabras clave y la descripción relacionada con la página HTML:

< meta ... / >

La etiqueta

El ' ” se utiliza para mostrar la página web o el nombre del sitio web en la barra de título del navegador. Esta etiqueta puede ser beneficiosa en la gestión de las páginas web del sitio web. Ayuda al proceso de SEO y mejora la accesibilidad al incluir títulos descriptivos y significativos. Ayuda a los usuarios con alguna discapacidad a navegar por el sitio más fácilmente:

< título > pista de Linux < / título >

Después de ejecutar la línea de código anterior dentro del ' ”, la página web aparece así:

El resultado anterior muestra que los datos ficticios proporcionados dentro del ' La etiqueta ” ahora se coloca en la barra de título.

La etiqueta

Esta etiqueta se utiliza para vincular archivos HTML a otros archivos para heredar o usar el estilo o los métodos en el archivo HTML. Los otros archivos pueden ser archivos CSS creados por el desarrollador o algunos CDN de los marcos CSS como Bootstrap o Tailwind, etc. Es ampliamente utilizado porque al usarlo, la línea de código se reduce mucho y proporciona estilos preconstruidos que se pueden utilizar en el archivo HTML:

< enlace real = 'hoja de estilo' href = './style.css' >

En la línea de código anterior, el ' estilo.css El archivo se está vinculando con el archivo HTML. Ahora, se puede acceder a las clases que se construyen dentro del archivo 'style.css' para aplicar estilos en el archivo HTML. Por ejemplo, intente diseñar el '

” que ya está insertada dentro del archivo HTML usando las siguientes propiedades CSS:

h1 {

familia de fuentes: times new roman;

color : cian oscuro;

}

Inserte el código anterior en el ' estilo.css ' archivo. Después de renderizar, la página web aparece así:



La página web muestra que los estilos se aplican en el elemento HTML desde el archivo CSS externo usando el ' ' etiqueta.

La etiqueta “

El uso principal de la etiqueta es contener todo el contenido visible de la página web. Esto incluye múltiples etiquetas que ayudan a insertar texto, imágenes, videos y otros elementos en la página web que conforman el contenido principal de la página web. También se puede utilizar para aplicar propiedades CSS a la página web a la vez. También mejora la accesibilidad de la página web al incluir etiquetas semánticas y otras funciones de accesibilidad:

< cuerpo >

// Agregue elementos HTML aquí

< / cuerpo >

La etiqueta “