Etiquetas básicas de HTML

Las etiquetas más simples y de uso más común en HTML.


Etiquetas Básicas

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.

<h1> al ser usado como título de una página Web, es de suma importancia ya que es uno de los parámetros que Google y demás buscadores tiene en cuenta, a la hora de indexar un sitio web.

Ejemplo

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>.

Ejemplo

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.

<!-- Esto es un comentario. -->

* Nota 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 cortar una línea sin necesidad de terminar con el párrafo. La etiqueta <br> obliga a saltar de línea dondequiera que la ubiquemos.

Ejemplo

Código
Esto es <br> un salto de lí<br>nea.
Resultado
Esto es
un salto de lí
nea.

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.

Ejemplo

Código
<hr>
Resultado


Tabla con las etiquetas básicas

EtiquetasDescripciónEj.
<h1> a <h6> Define el tamaño de los encabezados Ejemplo de las etiquetas <h1> a la <h6>
<p> Define un párrafo Ejemplo del uso de la etiqueta <p> </p>
<!-- --> Define un comentario Ejemplo del uso de los comentarios en un código HTML
<br> Define un salto de línea Ejemplo del uso de un salto de línea dentro del código HTML
<hr> Define una línea horizontal Ejemplo de como definir una línea horizontal dentro del código


<<< Elementos y etiquetas de HTML Dar forma a los textos >>>

Alojamiento Web

¡OFERTA ESPECIAL! . COM SOLO $ 7.99 * por año. ¡Registrarse suyo hoy y por varios años!