Saltar al contenido principal

🤔 ¿Qué es HTML?

Introducción a HTML​

HTML (HyperText Markup Language) es el lenguaje de marcado de hipertexto para crear páginas web. HTML describe la estructura de una página web semánticamente, y se compone de una serie de elementos a través de etiquetas que representan diferentes tipos de contenido, como encabezados, párrafos, imágenes, enlaces, listas, tablas, formularios, y más.

¿Qué es una etiqueta en HTML?​

Una etiqueta en HTML es un elemento que se utiliza para marcar el inicio y el final de un elemento en una página web. Las etiquetas en HTML se componen de corchetes angulares (< y >), y se utilizan para envolver el contenido que queremos mostrar en la página web. Por ejemplo, la etiqueta <h1> se utiliza para representar un encabezado de nivel 1, y la etiqueta <p> se utiliza para representar un párrafo.

¿Qué necesito para escribir código en HTML?​

Para escribir código en HTML, necesitas un editor de código como Visual Studio Code. Hay más editores de código como Atom, Sublime Text, etc. Pero Visual Studio Code es el más popular y recomendado.

¿Cómo puedo empezar a escribir código en HTML?​

Para empezar a escribir código en HTML, puedes crear un nuevo archivo con la extensión .html en tu editor de código, y escribir el código HTML dentro del archivo. Por ejemplo, puedes crear un archivo llamado index.html y escribir el siguiente código HTML dentro del archivo:

<!DOCTYPE html>
<html>
  <head>
    <title>Título de la página</title>
  </head>
  <body>
    <h1>¡Hola, mundo!</h1>
    <p>Este es un párrafo de ejemplo.</p>
  </body>
</html>

En el ejemplo anterior, creamos un documento HTML que contiene un encabezado (<h1>) con el texto "¡Hola, mundo!" y un párrafo (<p>) con el texto "Este es un párrafo de ejemplo.".

¿Cómo puedo ver mi página web?​

Para ver tu página web, puedes abrir el archivo HTML en un navegador web. Por ejemplo, puedes hacer clic con el botón derecho en el archivo index.html y seleccionar "Abrir con" > "Navegador web" para abrir el archivo en un navegador web.

Nota

HTML se compone de muchas etiquetas. En los siguientes apartados iremos profundizando en cada una de ellas.

Explicación en video:​