⚡ EJEMPLOS DE ETIQUETAS ⚡

>> SYSTEM LOADING... HTML KNOWLEDGE UNLOCKED <<

🎯 ETIQUETA DE LISTA

en esta lista el orden no importa

<ul>
  <li>Manzana</li>
  <li>Banana</li>
  <li>Uva</li>
</ul>

<ul></ul> son las etiquetas de la lista

<li></li> son los que añaden los elementos de la vista

En esta lista los elementos llevan un orden

<ol>
  <li>Primero</li>
  <li>Segundo</li>
  <li>Tercero</li>
</ol>

<ol></ol> son las etiquetas de la lista ordenada

<li></li> son los que añaden los elementos de la vista

Ensta lista se utiliza para terminos y definiciones

<dl>
  <dt>HTML</dt>
  <dd>Lenguaje de marcado para páginas web</dd>
  <dt>CSS</dt>
  <dd>Lenguaje para dar estilo</dd>
</dl>

<dl></dl> da el formato de lista

<dt></dt>determina el elemento

<dd></> define cada elemento

🧮 COMO HACER TABLAS

<table>
  <tr>
    <th>Nombre</th>
    <th>Edad</th>
    <th>Ciudad</th>
  </tr>
  <tr>
    <td>Ana</td>
    <td>20</td>
    <td>México</td>
  </tr>
  <tr>
    <td>Carlos</td>
    <td>25</td>
    <td>Madrid</td>
  </tr>
</table>

<table>: crea la tabla

<tr>: define una fila

<th>: crea una celda de encabezado

<td>: crea una celda normal de datos

🕹️ ELEMENTOS MULTIMEDIA

Para poner elementos multimedia en HTML, se usan etiquetas como <img>, <audio>, <video> y <iframe>. Cada una sirve para un tipo distinto de contenido.

1. Insertar imágenes

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

<img> inserta una imagen.

src indica la ruta del archivo.

alt es un texto alternativo por si la imagen no carga.

2. Insertar audio

html<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  Tu navegador no soporta audio.
</audio>

<audio> inserta sonido.

controls muestra los controles de reproducción.

<source> define el archivo de audio.

3. Insertar video

html<video controls width="500">
  <source src="video.mp4" type="video/mp4">
  Tu navegador no soporta video.
</video>

<video> inserta un video.

controls muestra los controles.

width define el tamaño.

4. Insertar contenido externo

html<iframe src="https://www.youtube.com/embed/ID_DEL_VIDEO" width="560" height="315"></iframe>

Ejemplo completo

html<!DOCTYPE html><html lang="es"><head>  <meta charset="UTF-8">  <title>Multimedia</title></head><body>  <h1>Mi página multimedia</h1>  <img src="paisaje.jpg" alt="Paisaje bonito" width="300">  <audio controls>    <source src="musica.mp3" type="audio/mpeg">  </audio>  <video controls width="400">    <source src="pelicula.mp4" type="video/mp4">  </video></body></html>

Resumen rápido

Etiqueta	Uso
<img>	Imágenes
<audio>	Audio
<video>	Video
<iframe>	Contenido externo

💾 Si quieres, te puedo hacer una página HTML completa con imágenes, audio y video.

domingo, 20 de septiembre de 2026

⚡ EJEMPLOS DE ETIQUETAS ⚡

🎯 ETIQUETA DE LISTA

🧮 COMO HACER TABLAS

🕹️ ELEMENTOS MULTIMEDIA

1. Insertar imágenes

2. Insertar audio

3. Insertar video

4. Insertar contenido externo

Ejemplo completo

Resumen rápido

No hay comentarios.:

Publicar un comentario

🦇 Viste a tu Hello Kitty

👗 Vestidos

👜 En la Mano

🎀 Moños y Más

🖤 ¡Tu diseño es hermoso!