Introducción a HTML - ¿Qué es HTML?

Logo de Cuarzo.dev
Cuarzo.dev

Recibe cada lunes y jueves un correo para ayudarte a impulsar tus habilidades de programación. Ofreciéndote consejos, tutoriales, recursos gratuitos, noticias relevantes y una comunidad comprometida. También tenemos memes 😏

Suscríbete Gratis

Si tienes alguna duda con el curso o te quedas en algún punto donde no sepas avanzar te puedes unir gratis a nuestra comunidad de discord y preguntar tus dudas, que la comunidad estará encantada de ayudarte.

Únete al discord

¿Qué es HTML?

HTML es el lenguaje de marcado estándar para crear páginas web.

  • HTML significa Hyper Text Markup Language (Lenguaje de Marcado de Hipertexto)
  • HTML describe la estructura de una página web
  • HTML consiste en una serie de elementos
  • Los elementos HTML le dicen al navegador cómo mostrar el contenido
  • Los elementos HTML están representados por etiquetas
  • Las etiquetas HTML etiquetan piezas de contenido como "títulos", "párrafo", "tabla", etc.
  • Los navegadores no muestran las etiquetas HTML, pero las usan para representar el contenido de la página

See the Pen HTML | 1.1 - Introducción by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Ejemplo explicado

  • <!DOCTYPE html> define que el documento es HTML5
  • <html> es el elemento raíz de la página
  • <head> contiene información sobre el documento
  • <title> título del documento
  • <body> contiene los elementos visibles
  • <h1> define el titular de la página
  • <p> define un párrafo

HTML Tags

Las etiquetas HTML son nombres de elementos rodeados de corchetes angulares:

<tagname>El contenido va aquí...</tagname>

  • Las etiquetas HTML normalmente vienen en pares como <p> y </p>
  • La primera etiqueta en un par es la etiqueta de inicio o apertura, la segunda etiqueta es la etiqueta final o de cierre
  • La etiqueta final se escribe como la etiqueta de inicio, pero con una barra diagonal insertada antes del nombre de la etiqueta

Navegadores

El propósito de un navegador web (Chrome, Edge, Firefox, Safari) es leer documentos HTML y mostrarlos. El navegador no muestra las etiquetas HTML, pero las usa para determinar cómo mostrar el documento.

La declaración <!DOCTYPE>

  • La declaración <! DOCTYPE> representa el tipo de documento y ayuda a los navegadores a mostrar las páginas web correctamente.
  • Solo debe aparecer una vez, en la parte superior de la página (antes de las etiquetas HTML).
  • La declaración <! DOCTYPE> no distingue entre mayúsculas y minúsculas.
  • La declaración <! DOCTYPE> para HTML5 es: <!DOCTYPE html>

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares
Koding Beats