Introducción a HTML - Curso de HTML para principiantes paso a paso

¿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>

¿Quieres más?

Si estás interesado en el mundo de la programación y el desarrollo web, te recomiendo que te suscribas a mi canal de youtube donde tienes mucho más contenido gratuito

IR AL CANAL

¿Quieres convertirte en desarrollador web? [GRATIS]

Déjame aquí tu mejor email y te mandaré un curso para que puedas empezar en el desarrollo web totalmente GRATIS!

¡Prometo no enviarte SPAM! Sólo cosas relevantes que te interesen.