Sea protagonista de la Web

Virtualnauta > Manual HTML > Etiquetas Básicas

Etiquetas básicas de HTML

Headings

Nos definen el tamaño de un título o cabecera.

<h1> nos dá el tipo de letra más grande.

<h6> nos dá el tipo de letra más pequeño.

HTML agrega automaticamente un espacio antes y después de cada título.

Código

<html>
<head>
<title>Headings</title>
</head>

<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>

Resultado

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Párrafos

Los párrafos se definen con la etiqueta <p>.

Código

<html>
<head>
<title>Párrafos</title>
</head>

<body>
<p>Este es el primer párrafo.</p>
<p>Y este es el segundo párrafo.</p>
</body>
</html>

Resultado

Este es el primer párrafo.

Y este es el segundo párrafo.

Comentarios

La etiqueta  se utiliza para insertar un comentario dentro del código que estamos escribiendo. El mismo es ignorado por el navegador al momento de leerlo. Los comentarios nos sirven para explicar mejor el código y son de gran ayuda en el momento que necesitemos editarlo.

* Note que el signo de exclamación se coloca solo al principio del código.

Salto de línea

El salto de línea está definido con la etiqueta <br>. Es utilizado cuando queremos terminar una línea sin necesidad de terminar con el párrafo. La etiqueta <br> obliga a saltar de línea dondequiera que la ubiquemos.

Código

<p>Esto es <br> un salto de lí<br>nea.</p>

Resultado

Esto es
un salto de lí
nea.

La etiqueta <br>no tiene cierre.

Trazar una línea

La etiqueta <hr> nos permite trazar una línea horizontal como las que separan las distintas secciones de este tutorial.

La etiqueta <hr> no tiene cierre.

Código

<hr>

Resultado