<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> html skeleton </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<script src="script.js"></script>
</body>
</html>
El DOCTYPE debe estar presente. Informa al navegador que se trata de un documento HTML.
<!DOCTYPE html>
Una etiqueta de inicio html y una etiqueta de fin html definen el inicio y el final de un documento HTML. Tambien se indica que el idioma del documento es el inglés.
<html lang="en">
</html>
El elemento "head" es un contenedor de metadatos. Los metadatos suelen definir el título del documento, el juego de caracteres, los estilos, los scripts y otra metainformación.
<head>
</head>
Para mostrar una página HTML correctamente, un navegador web debe conocer el juego o conjunto (set) de caracteres (char) utilizados en la página. Esto se especifica en la etiqueta < meta > la cual define el charset ("UTF-8").
<meta charset="UTF-8">
El viewport es la área visible de una página web para el usuario. La parte width = device-width: Establece el ancho de la página que debe seguir la pantalla del dispositivo (que variará según el dispositivo). La parte initial-scale = 1.0: Establece el nivel de zoom inicial cuando el navegador carga la página por primera vez.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
La etiqueta "title" es necesaria en los documentos HTML. Esta define el título del documento. El título debe ser solo de texto y se muestra en la barra de título del navegador o en la pestaña de la página.
<title> html skeleton </title>
La etiqueta "link" se utiliza para definir un enlace a un documento externo. El atributo ("rel") especifica la relación entre el documento actual y el documento vinculado. el atributo ("type") especifica el tipo de medio del documento vinculado. El atributo ("href") especifica la ubicación (URL) del recurso externo (generalmente un archivo de hoja de estilo o stylesheet).
<link rel="stylesheet" type="text/css" href="style.css">
La etiqueta "body" contiene todo el contenido de un documento HTML, como encabezados, párrafos, imágenes, hipervínculos, tablas, listas, etc.
<body>
</body>
La etiqueta "script" se usa para incrustar un script del lado del cliente (JavaScript). El elemento "script" contiene declaraciones de secuencias de comandos o apunta a un archivo de secuencia de comandos externo a través del atributo src. El "src" especifica la URL de un archivo de script externo.
<script src="script.js"></script>