Empezando con HTML

Aprende la tecnología base de la web

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:
Titular de la página

Contenido

Los documentos web deben guardarse con la extension .html para que
el navegador y nuestro editor puedan reconocerlos como archivos HTML para la web.
Fundamentos HTML
Siguiente »