Tienda » BLOG » Primeras etiquetas con HTML5
Primeras etiquetas con HTML5

Primeras etiquetas con HTML5

Primeras etiquetas con HTML5
Primeras etiquetas con HTML5

Descubriendo las etiquetas fundamentales de HTML5: Los cimientos de una Web

ÍNDICE

Título

La etiqueta <title> puede indicar el nombre de la página o sitio web.

A diferencia de las demás etiquetas, la del título se coloca en el encabezado:

<head>

<title>Título de la página o sitio web</title>

</head>

Encabezado

Estas etiquetas <h1>, <h2>, <h3>, <h4>, <h5> y <h6> son utilizadas para identificar la frase que conforman los títulos y subtítulos. Por ejemplo, la etiqueta <h1> sería la indicada para el título principal, con letras más grandes, en cambio <h2> podría indicar un subtítulo con letras más pequeñas. Necesitan cláusula de cierre.

No hay que confundirla con la etiqueta anterior de <title>, ya que esta define el título de la página web, en cambio los encabezados identifican el título de una redacción.

Un ejemplo sería:

<body>

<h1>Título principal</h1>
<h2>Título secundario o subtítulo</h2>
<p>Contenido del párrafo</p>

</body>

Énfasis con negrita y cursiva

Para hacer uso del formato «negrita», utilizaremos la etiqueta <strong>, y para cursiva <em>. Estas sirven para indicar mayor intensidad en una palabra para destacarla del resto, llamando así su atención. Como se puede observar, dentro de una etiqueta podría ir otra. Un ejemplo sería:

<body>

<p> La mejor compañía de videojuegos es <strong> NINTENDO </strong></p>
<p> La primera mascota de <strong> SEGA </strong> fue <em> Alex Kid </em> </p>

</body>

Salto de línea

La etiqueta <br> será útil para establecer un «punto y aparte» en una redacción de texto, cumpliendo la función de la tecla «ENTER». Esta no tiene cláusula de cierre debido a que es una etiqueta vacía, es decir, sin contenido. Un ejemplo sería el siguiente:

<html>

<head>

</head>

<body>

Nintendo<br>
Sega<br>
Microsoft<br>
Sony

</body>

</html>

Como se puede comprobar, la etiqueta <br> no contiene cláusula de cierre.

Párrafos

La etiqueta párrafos podría contener diversos saltos de línea.  Un ejemplo sería:

<body>

<p>Este es mi primer párrafo</p>
<p>Fragmento de un escrito con unidad temática, que queda diferenciado del resto de fragmentos por un punto y aparte y generalmente también por llevar letra mayúscula inicial y un espacio en blanco en el margen izquierdo de alineación del texto principal de la primera línea.<br>

También llamado parágrafo.

</p>

</body>

En el ejemplo anterior podemos comprobar que contiene dos párrafos. Además, el segundo contiene dos saltos de línea.

Vídeo

(*) NOTA: En breve publicaremos un vídeo. En futuros post aprenderemos a generar código con IA.

COMPARTE:

2 comentarios en “Primeras etiquetas con HTML5”

  1. Pingback: Estructura básica de una web con HTML5

  2. Pingback: Enlaces con HTML5

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Carrito de compra
Scroll al inicio