Introducción a HTML

 

Introducción a HTML







HTML (HyperText Markup Language) es el lenguaje base de la web. Con HTML definimos la estructura de una página, es decir, dónde va el texto, las imágenes, los enlaces y otros elementos.


¿Qué es HTML?

HTML está formado por etiquetas. Cada etiqueta le dice al navegador qué tipo de contenido está mostrando. Ejemplo:

<p>Hola mundo</p>
Salida:
Hola mundo

Estructura básica de una página HTML

Un archivo HTML tiene una estructura mínima como esta:

<!DOCTYPE html> <html> <head> <title>Mi primera página</title> </head> <body> <h1>Hola mundo</h1> <p>Este es mi primer párrafo.</p> </body> </html>
Explicación:
- <!DOCTYPE html> indica que el documento es HTML5.
- <html> contiene todo el código.
- <head> incluye información como el título.
- <body> contiene lo que ves en la pantalla.

Etiquetas básicas que debes conocer

  • <h1>...</h1>: Título principal
  • <p>...</p>: Párrafo
  • <a href="URL">...</a>: Enlace
  • <img src="imagen.jpg">: Imagen
  • <br>: Salto de línea

Ejemplo práctico

<h1>Bienvenido a mi web</h1> <p>Este es un párrafo de ejemplo.</p> <a href="https://www.google.com">Visita Google</a>
Salida:

Bienvenido a mi web

Este es un párrafo de ejemplo.

Visita Google

Resumen

  • HTML define la estructura de una página web.
  • Las etiquetas son la base de HTML.
  • Una página HTML siempre inicia con <!DOCTYPE html> y se divide en <head> y <body>.

Preguntas de Repaso

    Preguntas de Repaso

    Pregunta 1

    ¿Qué significa HTML?

    • A) HighText Markup Language
    • B) HyperText Markup Language
    • C) Home Tool Markup Language
    • D) Hyperlinks and Text Mark Language

    Pregunta 2

    ¿Cuál etiqueta se usa para el título principal?

    • A) <title>
    • B) <p>
    • C) <h1>
    • D) <head>

    Pregunta 3

    ¿Cuál etiqueta se utiliza para mostrar un párrafo?

    • A) <par>
    • B) <p>
    • C) <h1>
    • D) <br>

    Pregunta 4

    ¿Qué etiqueta define el contenido visible de la web?

    • A) <head>
    • B) <body>
    • C) <html>
    • D) <title>

    Pregunta 5

    ¿Qué etiqueta no necesita cierre?

    • A) <p>
    • B) <h1>
    • C) <img>
    • D) <a>

Esta es la primera lección del curso básico de HTML. En la siguiente, aprenderás a trabajar con enlaces e imágenes.

No hay comentarios:

Publicar un comentario

Políticas de Privacidad