Cuadro Descriptivo de los Códigos Más Comunes en HTML
Etiqueta Descripción Ejemplo de Uso
<html> Define el <html>...</html>
documento
HTML.
<head> Contiene <head><title>Mi Página</title></head>
metadatos y
enlaces a estilos o
scripts.
<title> Define el título de <title>Mi Sitio Web</title>
la página web (se
muestra en la
pestaña del
navegador).
<body> Contiene el <body>Contenido aquí</body>
contenido visible
de la página.
<h1> a <h6> Encabezados de <h1>Título Principal</h1>
diferentes
tamaños.
<p> Define un párrafo. <p>Este es un párrafo de ejemplo.</p>
<a> Crea un enlace a <a href="[Link] a
ejemplo</a>
otra página.
<img> Inserta una <img src="[Link]" alt="Descripción
de la imagen">
imagen en la
página.
<br> Salto de línea (no Texto en línea<br>Texto en otra línea
tiene etiqueta de
cierre).
<hr> Línea horizontal <hr>
divisoria.
<ul> Lista desordenada <ul><li>Elemento 1</li><li>Elemento
2</li></ul>
(con viñetas).
<ol> Lista ordenada <ol><li>Paso 1</li><li>Paso 2</li></ol>
(numerada).
<table> Define una tabla. <table><tr><td>Dato</td></tr></table>
<tr> Fila de una tabla. <tr><td>Celda</td></tr>
<td> Celda de una <td>Contenido</td>
tabla.
<th> Celda de <th>Título</th>
encabezado en una
tabla.
<form> Crea un <form action="[Link]"><input
type="text"></form>
formulario para
ingresar datos.
<input> Campo de entrada <input type="text" placeholder="Escribe
aquí">
en un formulario.
<button> Botón interactivo. <button>Enviar</button>
<div> Contenedor <div class="caja">Contenido</div>
genérico para
estructurar
contenido.
<span> Contenedor en <span style="color:red;">Texto
rojo</span>
línea para estilos
específicos.
<iframe> Inserta otra página <iframe
src="[Link]
web dentro de la
actual.
<meta> Proporciona <meta charset="UTF-8">
información sobre
el documento.