HTML Elements

Los elementos HTML son los bloques de construcción fundamentales de una página web. Aquí, más detalles sobre los elementos HTML, incluyendo ejemplos de su uso y cómo se estructuran:

Elementos Básicos:
- <html>: Define el inicio y el fin de un documento HTML.
- <head>: Contiene metadatos de la página, como el título, enlaces a hojas de estilo y scripts.
- <body>: Contiene el contenido visible de la página.
Encabezados:
- <h1>, <h2>, <h3>, <h4>, <h5>, <h6>: Define títulos y subtítulos en orden descendente de importancia. <h1> es el más importante y <h6> el menos importante.
Ejemplo:
```
<h1>Título Principal</h1>
<h2>Subtítulo</h2>
```
Párrafos:
- <p>: Se utiliza para estructurar el texto en párrafos.
Ejemplo:
```
<p>Este es un párrafo de ejemplo.</p>
```

Listas:

<ul>: Crea una lista no ordenada (viñetas).
<ol>: Crea una lista ordenada (números).
<li>: Define elementos de la lista.

Ejemplo:

<ul>
  <li>Elemento 1</li>
  <li>Elemento 2</li>
</ul>

<ol>
  <li>Primer elemento</li>
  <li>Segundo elemento</li>
</ol>

Enlaces:
- <a>: Crea hipervínculos a otras páginas web o recursos.
Ejemplo:
```
<a href="https://www.ejemplo.com">Enlace a Ejemplo</a>
```
Imágenes:
- <img>: Permite mostrar imágenes en la página web.
Ejemplo:
```
<img src="imagen.jpg" alt="Descripción de la imagen">
```

Formularios:

<form>: Permite a los usuarios enviar datos.
<input>, <button>, <select>, <textarea>: Elementos para recopilar información.

Ejemplo:

<form action="procesar.php" method="post">
  <label for="nombre">Nombre:</label>
  <input type="text" id="nombre" name="nombre">
  <input type="submit" value="Enviar">
</form>

Tablas:

<table>: Crea tablas.
<tr>: Define filas en una tabla.
<th>: Define encabezados de columna.
<td>: Define celdas de datos.

Ejemplo:

<table>
  <tr>
    <th>Encabezado 1</th>
    <th>Encabezado 2</th>
  </tr>
  <tr>
    <td>Dato 1</td>
    <td>Dato 2</td>
  </tr>
</table>

Elementos Semánticos:

<header>, <nav>, <article>, <section>, <footer>, entre otros: Ayudan a definir la estructura y el significado del contenido.

Ejemplo:

<header>
  <h1>Encabezado de la Página</h1>
</header>
<article>
  <h2>Artículo Principal</h2>
  <p>Contenido del artículo.</p>
</article>
<footer>
  <p>Pie de página</p>
</footer>

Comentarios:
- : Se utilizan para agregar notas o comentarios en el código fuente que no se mostrarán en la página web.

Ejemplo:

<!-- Este es un comentario -->

Atributos:
- Los elementos HTML pueden tener atributos que proporcionan información adicional o configuración. Por ejemplo, el atributo src en <img> se usa para especificar la fuente de una imagen.

Ejemplo:

<img src="imagen.jpg" alt="Descripción de la imagen">

Caracteres Especiales y Entidades HTML:
- Para incluir caracteres especiales en tu página, como <, >, &, o caracteres acentuados, se utilizan entidades HTML, por ejemplo, < para <.

Estos son algunos de los elementos HTML más comunes. Puedes combinarlos y anidarlos para crear páginas web completas y bien estructuradas.