HTML

🏷️ ETIQUETAS HTML COMUNES Y ÚTILES

Etiqueta	Uso	Ejemplo
`<html>`	Raíz de un documento HTML	`<html> ... </html>`
`<head>`	Información del documento (no visible)	`<head> <title>Mi Página</title> </head>`
`<body>`	Contenido visible	`<body> ... </body>`
`<title>`	Título del navegador	`<title>Mi Sitio</title>`
`<h1>` a `<h6>`	Encabezados	`<h1>Título Principal</h1>`
`<p>`	Párrafo	`<p>Hola, soy un párrafo.</p>`
`<br>`	Salto de línea	`Hola<br>¿Cómo estás?`
`<hr>`	Línea horizontal	`<hr>`
`<a>`	Enlaces	`<a href="https://google.com">Google</a>`
`<img>`	Imagen	`<img src="imagen.jpg" alt="Descripción">`
`<ul>`	Lista no ordenada	`<ul><li>Uno</li><li>Dos</li></ul>`
`<ol>`	Lista ordenada	`<ol><li>Primero</li><li>Segundo</li></ol>`
`<li>`	Elemento de lista	`<li>Item</li>`
`<div>`	Contenedor genérico	`<div>Contenido</div>`
`<span>`	Contenedor en línea	`<span>Texto</span>`
`<strong>`	Texto en negrita semántica	`<strong>Importante</strong>`
`<em>`	Texto en cursiva semántica	`<em>Enfatizado</em>`
`<button>`	Botón interactivo	`<button>Haz clic</button>`
`<input>`	Campo de entrada	`<input type="text">`
`<label>`	Etiqueta de un input	`<label>Nombre:</label>`
`<form>`	Formulario	`<form>...</form>`
`<textarea>`	Área de texto grande	`<textarea></textarea>`
`<select>` + `<option>`	Menú desplegable	`<select><option>Opción 1</option></select>`
`<iframe>`	Incrustar página web	`<iframe src="https://www.youtube.com"></iframe>`
`<audio>`	Audio embebido	`<audio controls src="audio.mp3"></audio>`
`<video>`	Video embebido	`<video controls src="video.mp4"></video>`

Puedes usar el atributo style="" dentro de la etiqueta para cambiar el estilo.

<p style="color: red;">Texto rojo</p>

<p style="font-size: 24px;">Texto grande</p>

<p style="font-family: 'Arial';">Texto con Arial</p>

<p style="color: blue; font-size: 20px; font-family: 'Verdana';">Texto personalizado</p>