Introducción a HTML

¿Qué es HTML?

HTML, o Lenguaje de Marcado de Hipertexto, es el lenguaje estándar para crear páginas web. Utiliza una serie de etiquetas y elementos que describen la estructura de una página web.
¿Cómo funciona?
HTML utiliza etiquetas (tags) para decirle a los navegadores cómo mostrar el contenido.

Estructura básica de un documento HTML

<!DOCTYPE html>
<html>
  <head>
    <title>Mi primera página web</title>
  </head>
  <body>
    <h1>¡Hola, mundo!</h1>
    <p>Esta es mi primera página web creada con HTML.</p>
  </body>
</html>

Explicación:

  1. <!DOCTYPE html>: Le dice al navegador que estamos usando HTML5.
  2. <html>: Es la etiqueta principal que contiene todo el contenido de la página.
  3. <head>: Aquí se colocan configuraciones, como el título de la página.
  4. <title>: Define el nombre que aparece en la pestaña del navegador.
  5. <body>: Aquí va el contenido visible de la página. 

Actividad

Duración:
05:00

1. Abre tu Visual Studio Code

2. Copia el código presentado anteriormente 

3. Crea un archivo HTML y pégalo

4. Ábrelo con live server, dando clic derecho en tu código y seleccionando (open with live server)

5. Finalmente analiza lo que apareció en tu navegador 

Obra publicada con Licencia Creative Commons Reconocimiento Compartir igual 4.0

Creado con eXeLearning (Ventana nueva)