Para poder empezar solo es necesario instalar un buen editor de código como Visual Studio Code y ya podemos comenzar a escribir nuestro código fuente.
Los documentos web son solo documentos de texto, a los cuales se les agrega marcas llamadas etiquetas o tags.
Las etiquetas HTML son una palabra o letra encerrada entre los símbolos "menor que <" y "mayor que >".
<etiqueta>
Algunas veces tendremos etiquetas solas, pero otras veces tendremos etiquetas que delimitan contenido, las etiquetas delimitadoras necesitan una etiqueta de cierre, que sigue el mismo formato, solo que el nombre de la etiqueta empieza con una diagonal "/".
<etiqueta>Aquí va el contenido</etiqueta>
Ademas de que algunas etiquetas requieren que les asignemos propiedades para su funcionamiento, a estas propiedades se les llama atributos, y se añaden dentro de la etiqueta principal.
<etiqueta propiedad="valor">
Los atributos se componen del nombre y su valor, para asignar el valor usamos el simbolo "= igual que" y luego entre comillas ponemos el contenido del atributo, aunque hay también algunos atributos que no requieren valor.
Existen muchas etiquetas con todo tipo de propósitos, empecemos explicando las etiquetas base.
Creando nuestro primer documento web
Para ello copia y pega el siguiente código en tu editor de código y guardalo como "base.html":
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi primera página web</title>
</head>
<body>
<h1>Titular de la página</h1>
<p>Contenido</p>
</body>
</html>
Resultado:
Contenido