Introducción a HTML

Introducción a HTML

STEAM Community
Jesus Barros

Introducción a HTML

HTML (HyperText Markup Language) es el lenguaje de marcado estándar para crear páginas web. Es una tecnología que se utiliza para dar formato a los contenidos web. En su esencia, HTML es un lenguaje muy sencillo compuesto de elementos, que se pueden aplicar a piezas de texto para darles un significado diferente en un documento. Estructura un documento en secciones lógicas e incrusta contenido como imágenes y vídeos en una página 5.

Elementos en HTML

Los elementos en HTML son los bloques de construcción de una página web. Un elemento HTML se define con una etiqueta de apertura, un contenido y una etiqueta de cierre. Por ejemplo, el elemento <p> se utiliza para definir un párrafo:

<p>Este es un párrafo.p>

En este ejemplo, <p> es la etiqueta de apertura, Este es un párrafo. es el contenido y </p> es la etiqueta de cierre.

Etiquetas de encabezado

Las etiquetas de encabezado se utilizan para definir los encabezados. Hay seis niveles de encabezados en HTML, desde <h1> (el encabezado más importante) hasta <h6> (el encabezado menos importante). Por ejemplo:

<h1>Encabezado de nivel 1h1> <h2>Encabezado de nivel 2h2> <h3>Encabezado de nivel 3h3>

Etiquetas de párrafo

La etiqueta <p> se utiliza para definir un párrafo:

<p>Este es un párrafo.p>

Etiquetas de lista

Las etiquetas de lista se utilizan para definir listas ordenadas (<ol>) y listas no ordenadas (<ul>). Cada elemento de la lista se define con la etiqueta <li>:

<ul> <li>Elemento de lista 1li> <li>Elemento de lista 2li> ul> <ol> <li>Elemento de lista 1li> <li>Elemento de lista 2li> ol>

Etiquetas de enlace

La etiqueta <a> se utiliza para definir un enlace. El atributo href se utiliza para especificar la URL del enlace:

<a href="https://www.example.com">Este es un enlacea>

Etiquetas de imagen

La etiqueta <img> se utiliza para incrustar una imagen en una página web. El atributo src se utiliza para especificar la URL de la imagen:

<img src="https://www.example.com/image.jpg" alt="Esta es una imagen">

El atributo alt se utiliza para proporcionar un texto alternativo para la imagen, que se muestra si la imagen no se puede cargar.

Estos son solo algunos ejemplos básicos de los elementos y etiquetas en HTML. Hay muchos otros elementos y atributos en HTML que puedes utilizar para crear páginas web más complejas y atractivas 5.