Aprende Estructura Básica de un Documento HTML

Un documento HTML típico se ve así:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Title of the Document</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>

Nota

No te preocupes, explorarás cada aspecto en profundidad en los próximos capítulos. Por ahora, observa y familiarízate con la apariencia visual de HTML.

Resumen breve de la estructura

<!DOCTYPE html>: indica al navegador qué versión de HTML está utilizando el documento. En este caso, es HTML5, la versión más reciente de HTML;
<html>: es el elemento raíz del documento HTML. Todos los demás elementos están contenidos dentro de este elemento;
<head>: contiene metainformación sobre el documento, como la codificación de caracteres (<meta charset="UTF-8">), que asegura que los caracteres especiales se muestren correctamente, y el título del documento (<title>), que aparece en la barra de título o pestaña del navegador;
<title>: establece el título del documento, que se muestra en la barra de título o pestaña del navegador;
<body>: es donde va el contenido principal de la página web. Aquí se colocan textos, imágenes, enlaces, formularios y otros elementos dentro del elemento <body>. Esto es lo que los usuarios verán e interactuarán cuando visiten tu página web.

Enlace al editor de código - Visual Studio Code

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 1. Capítulo 5

Pregunte a AI

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Desliza para mostrar el menú