Elementos Básicos de HTML
En esta lección, vamos a explorar algunos de los elementos básicos de HTML que se utilizan para estructurar el contenido en una página web.
Listas
HTML permite crear diferentes tipos de listas: ordenadas, no ordenadas y de definición. Aquí tienes ejemplos de cada una:
Listas no ordenadas
Las listas no ordenadas utilizan el elemento <ul>, y cada ítem de la lista se define con el elemento <li>:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Listas ordenadas
Las listas ordenadas utilizan el elemento <ol>, y cada ítem de la lista se define con el elemento <li>:
<ol>
<li>Primer item</li>
<li>Segundo item</li>
<li>Tercer item</li>
</ol>
Listas de definición
Las listas de definición utilizan los elementos <dl> para la lista en sí, <dt> para el término que se va a definir y <dd> para la definición del término:
<dl>
<dt>HTML</dt>
<dd>Lenguaje de marcado de hipertexto.</dd>
<dt>CSS</dt>
<dd>Hojas de estilo en cascada.</dd>
</dl>
Tablas
Las tablas se utilizan para mostrar datos en forma tabular. Los elementos básicos para crear una tabla son <table>, <tr> (fila), <th> (encabezado de celda) y <td> (celda de datos):
<table>
<tr>
<th>Nombre</th>
<th>Edad</th>
</tr>
<tr>
<td>Juan</td>
<td>25</td>
</tr>
<tr>
<td>Ana</td>
<td>28</td>
</tr>
</table>
Imágenes
El elemento <img> se utiliza para insertar imágenes en una página web. Necesita al menos el atributo src (fuente) y, opcionalmente, el atributo alt (texto alternativo):
<img src="ruta/a/tu/imagen.jpg" alt="Descripción de la imagen">
Resumen
En esta lección, hemos aprendido a utilizar listas, tablas e imágenes en HTML. Estos elementos son fundamentales para estructurar y presentar contenido de manera clara y organizada en una página web. En la próxima lección, exploraremos los formularios y cómo interactuar con los usuarios a través de ellos.
No hay comentarios:
Publicar un comentario