¿Qué son las etiquetas en HTML?
En HTML, las etiquetas son elementos fundamentales que se utilizan para
estructurar y dar formato al contenido de una página web. Funcionan como
instrucciones que le dicen al navegador cómo debe interpretar y mostrar el
contenido dentro de ellas. Cada etiqueta comienza con un símbolo menor que
(<) y termina con un símbolo mayor que (>).
Aquí hay una explicación básica de cómo funcionan las etiquetas:
1. Inicio y Fin de Etiqueta:
La mayoría de las etiquetas tienen una forma de apertura y cierre. La
etiqueta de apertura comienza con <nombre> y la etiqueta de cierre
con </nombre>. Por ejemplo, <p> para iniciar un párrafo y </p> para
cerrarlo.
<p>Este es un párrafo.</p>
1. Atributos:
Algunas etiquetas pueden tener atributos que proporcionan información
adicional. Los atributos se colocan dentro de la etiqueta de apertura
y generalmente tienen un nombre y un valor.
<a href="https://www.ejemplo.com">Enlace a Ejemplo</a>
En este ejemplo, href es un atributo de la etiqueta <a> que especifica la
URL a la que enlaza el enlace.
1. Etiquetas Anidadas:
Puedes anidar etiquetas colocando una dentro de otra. Por ejemplo, un
párrafo que contiene un enlace:
<p>Visita mi <a href="https://www.sitio.com">sitio web</a>.</p>
1. Etiquetas Vacías:
Algunas etiquetas no tienen contenido y se llaman etiquetas vacías.
Se cierran en sí mismas con un slash antes del símbolo mayor que.
<img src="imagen.jpg" alt="Descripción de la imagen" />
En resumen, las etiquetas en HTML son bloques de construcción esenciales
que permiten definir la estructura y presentación de una página web. Cada
etiqueta tiene un propósito específico y contribuye a la creación de la
experiencia visual y funcional de la página.
Aquí tienes una explicación breve de algunas
etiquetas HTML fundamentales:
<!DOCTYPE html>:
Define la versión de HTML que estás utilizando. En este caso, HTML5.
<html>:
Es el elemento raíz de un documento HTML. Todo el contenido de la página va
dentro de este elemento.
<head>:
Contiene información meta sobre el documento, como el título de la página,
enlaces a hojas de estilo, y otros metadatos.
<title>:
Define el título de la página que aparecerá en la pestaña del navegador.
<body>:
Contiene el contenido principal de la página, como texto, imágenes, enlaces,
etc.
<h1>, <h2>, ..., <h6>:
Definen encabezados de diferentes niveles, siendo <h1> el más importante y
<h6> el menos importante.
<p>:
Define un párrafo de texto.
<a>:
Crea un enlace (hipervínculo) a otra página web o recurso.
<img>:
Inserta una imagen en la página. El atributo src especifica la fuente (URL) de
la imagen.
<ul>, <ol>, <li>:
<ul> y <ol> son para listas no ordenadas y ordenadas, respectivamente. <li>
define elementos de lista dentro de ellas.
<table>, <tr>, <td>:
<table> crea una tabla, <tr> define una fila, y <td> define celdas dentro de
la tabla.
<form>, <input>, <textarea>, <button>:
<form> define un formulario, mientras que <input>, <textarea>, y <button> son
elementos dentro de un formulario para recopilar datos del usuario.
<div> y <span>:
<div> se utiliza para dividir el contenido en bloques, y <span> para aplicar
estilos o scripts a partes específicas de texto.
<strong> y <em>:
<strong> hace que el texto sea más fuerte (generalmente en negrita), mientras
que <em> enfatiza el texto (generalmente en cursiva).
