La Etiqueta HTML

El elemento HTML representa la raíz del documento HTML, por lo tanto, es el contenedor de todos los demás elementos HTML y es llamada también como la etiqueta root.

La etiqueta <html> representa la raíz (root) de un documento HTML y es el contenedor de otros elementos HTML, es decir, a excepción de la declaración <!DOCTYPE> y de los comentarios <!--...-->, todas las etiquetas HTML descienden de esta.

Dado que el elemento <html> es el primero en un documento, se le llama el elemento root (o raíz). Pero a pesar de que esta etiqueta es implícita o no requerida en HTML5, sí es requerida para abrir y cerrar documentos XHTML y versiones anteriores de HTML.

Nota: Deberías siempre incluir el atributo lang, para declarar el idioma de la página web. Esto con la intención de ayudar a los motores de búsquedea y a los navegadores web

Ejemplo de un Documento HTML simple:

<!DOCTYPE html>
<html lang="es">
  <head>
    <title>Título del Documento</title>
  </head>
  <body>
    <h1>Esto es un Encabezado</h1>
    <p>Esto es un Párrafo.</p>
  </body>
</html>

Atributos Globales

La etiqueta apceta los atibutos globales.

Atributo Descripción
accesskey Especifica una tecla de acceso directo para activar/enfocar un elemento.
class Especifica uno o más nombres de clase para un elemento (hace referencia a una clase en una hoja de estilo).
contenteditable Especifica si el contenido de un elemento es editable o no.
data-* Se utiliza para almacenar datos personalizados privados de la página o aplicación.
dir Especifica la dirección del texto para el contenido de un elemento.
draggable Especifica si un elemento se puede arrastrar o no.
enterkeyhint Especifica el texto de la tecla Enter en un teclado virtual.
hidden Especifica que un elemento aún no es relevante o ya no lo es.
id Especifica una identificación única para un elemento.
inert Especifica que el navegador debe ignorar esta sección.
inputmode Especifica el modo de un teclado virtual.
lang Establece el idioma del contenido en un Elemento HTML.
popover Especifica un elemento emergente.
spellcheck Especifica si se debe revisar o no la ortografía y la gramática del elemento.
style Especifica un estilo CSS en línea para un elemento.
tabindex Especifica el orden de tabulación de un elemento.
title Especifica información adicional sobre un elemento.
translate Especifica si el contenido de un elemento debe traducirse o no.

Configuración CSS Predeterminada

La mayoría de los navegadores web desplegará el elemento <html> con los siguientes valores por defecto:

html {
  display: block;
}

html:focus {
  outline: none;
}