Hola, vamos a repasar el documento creado por brackets, si, nuestra plantilla base para comenzar a maquetar nuestro html. En primer lugar tenemos nuestra etiqueta DOCTYPE que nos indicará que nuestro documento es para maquetar en html
A continuación podemos ver nuestra primera etiqueta después de declarar nuestro documento con el DOCTYPE, y la primera etiqueta que encontramos es html lang, donde definiremos en su atributo el lenguaje o idioma en el que estará escrito nuestro documento, podemos usar español 'es', para inglés 'en' y así con cada idioma diferente
Para continuar, tenemos nuestra cabecera, donde definimos la codificación de caracteres a utilizar en nuestro documento, el titulo de nuestra página web, los metadatos que serán invisibles para nuestra maquetación pero importantes para los navegadores donde se verá nuestra web. También tenemos los LINK que nos sirven para enlazar los estilos css que usaremos e icono para nuestro sitio
<head> <meta charset="utf-8"> <title>Example Title</title> <meta name="author" content="Your Name"> <meta name="description" content="Example description"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href=""> <link rel="icon" type="image/x-icon" href=""/> </head>
He aquí la etiqueta body, es aquí donde vas a maquetar todo lo que quieres mostrar en el cuerpo de tu documento, dentro de él hay etiquetas básicas ya creadas, como el header, para dar una estructura principal de encabezado, el main, para mostrar el contenido principal y el footer, que te servitá para tu pie de página. Por último tienes una etiqueta script, es aquí donde enlazarás tu documento javascript para hacer tu página web más dinámica
<body> <header></header> <main></main> <footer></footer> script type="text/javascript" src="" /script </body>
Y VOILÀ, ya tienes tu documento inicial explicado para comenzar a maquetar tu web, recuerda cerrar html al final de tu documento. Este documento debes guardarlo como index.html, ya que será la página web principal de tu proyecto. Y tu código quedaría algo así
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>Titulo de tu página web</title> <meta name="author" content="Tu nombre como autor de esta web"> <meta name="description" content="La descripción de tu sitio web"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href=""> <link rel="icon" type="image/x-icon" href=""/> </head> <body> <header></header> <main></main> <footer></footer> script type="text/javascript" src=""/ /script/ </body> </html>
