Etiquetas y elementos HTML
index.html
<h1>Título principal</h1>
<h2>Subtítulo</h2>
<h3>Encabezado menor</h3>
Etiquetas de encabezado (h1-h6)
Las etiquetas de encabezado se utilizan para definir títulos y subtítulos en una página web. Van desde <h1> (el nivel más importante) hasta <h6> (el menos importante):
Párrafos y saltos de línea
🔹<p>: Define un párrafo de texto.🔹<br>: Inserta un salto de línea.
<p>Este es un párrafo.</p>
<p>Otro párrafo con un<br>salto de línea.</p>
Listas ordenadas y no ordenadas
🔹<ul>: Lista no ordenada (con viñetas).
🔹<ol>: Lista ordenada (con números).
🔹<li>: Elemento de lista.
<ul>
<li>Elemento 1</li>
<li>Elemento 2</li>
</ul>
<ol>
<li>Primero</li>
<li>Segundo</li>
</ol>
Enlaces (hipervínculos) y anclas
Los enlaces se crean con la etiqueta <a> y se utilizan para navegar entre páginas:
<a href="https://example.com" target="_blank" rel="noopener">Visita Example</a>
Las anclas permiten saltar a una sección específica de la misma página:
<a href="#seccion">Ir a la sección</a>
<h2 id="seccion">Sección</h2>
Imágenes y atributos de la etiqueta img
La etiqueta <img> se utiliza para insertar imágenes. Atributos comunes:
🔹src: URL de la imagen.
🔹alt: Texto alternativo (importante para accesibilidad).
<img decoding="async" src="imagen.jpg" alt="Descripción de la imagen">
Tablas y estructura de datos tabulares
Las tablas se crean con la etiqueta <table> y se estructuran con:
🔹<tr>: Fila de la tabla.
🔹<td>: Celda de la tabla.
🔹<th>: Celda de encabezado.
<table>
<tr>
<th>Columna 1</th>
<th>Columna 2</th>
</tr>
<tr>
<td>Dato 1</td>
<td>Dato 2</td>
</tr>
</table>
Formularios y elementos de entrada
Los formularios permiten recopilar datos de los usuarios. Los elementos principales son:
🔹<form>: Contenedor del formulario.
🔹<input>: Campo de entrada.
🔹<label>: Etiqueta para un campo.
🔹<button>: Botón interactivo.
<form action="/submit" method="post">
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre">
<button type="submit">Enviar</button>
</form>
Cuestionario HTM y CCS
+ 50
Resuelve los cuestionarios para tratas de poner a prueba todos los conceptos aprendidos.
¿Qué etiqueta se utiliza para definir el título principal en una página web?
¿Qué etiqueta se usa para insertar un salto de línea dentro de un párrafo?
¿Cuál es la función principal de la etiqueta <a>?
¿Qué atributo es obligatorio en la etiqueta <img> para mejorar la accesibilidad?
¿Qué etiqueta se utiliza para crear una fila en una tabla?