Etiquetas y elementos HTML

Contenido

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):

				
					<h1>T铆tulo principal</h1>
<h2>Subt铆tulo</h2>
<h3>Encabezado menor</h3>
				
			

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

htmlycssResuelve 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?