Uno de los rasgos mas importantes de HTML son las etiquetas. Sirven para crear y posicionar el contenido de nuestra página web.
Las etiquetas h sirven para poder crear titulos. Van desde el h1 al h6. A medida que el numero de h baja, también baja la importancia del titulo. Esto significa que h1 se utiliza para los titulos principales y h6 para los de menos importancia
<h1> —> La etiqueta que indica el titulo principal de la página. Solo debe haber una por página.
<h2> —> Para subtitulos
Y asi hasta llegar al h6. Deben usarse para poder marcar jerarquia en el contenido. Ejemplo:
<h1>Este es el titulo de la página</h1>
<h2>Acá algo de subtitulo</h2>
<h3>Aca va un titulo separador</h3>
La etiqueta p sirve para marcar un parrafo dentro del documento. Ej:
<p>Esta es la página oficial del Club Atlético River Plate. Bienvenidos!</p>
De esta forma, en el documento se creará un parrafo que contenga esa frase.
El div es el separador de elementos mas generico que brinda HTML. Sirve para agrupar elementos que tengan relación entre si. Un ejemplo de su uso:
Creamos una seccion de una pagina que contenga los mediocampistas de River
<div>
<h2>Estos son los mediocampistas de River</h2>
<p>Nicolas De la Cruz</p>
<p>Juanfer Quintero</p>
<p>Enzo Perez</p>
</div>
ATENTI
No es recomendable el abuso de divs, es lo contrario a desarrollar con una estructura semantica. Leer estructura semantica para mas informacion al respecto. Sin embargo, los divs son utiles para cuestiones referidas al diseño de la interfaz web.
Es un contenedor en linea, sirve para agrupar elementos en una misma linea. Suele utilizarse para poder marcar secciones de texto con estilos diferentes. Ejemplo: