Descubriendo las etiquetas HTML5: Los fundamentos de una Web
ÍNDICE
- Primeras etiquetas HTML5: Título
- Primeras etiquetas HTML5: Encabezado
- Énfasis con negrita y cursiva
- Salto de línea
- Párrafos
Primeras etiquetas HTML5: 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, como se puede apreciar en el siguiente código:
<head> <title>Título de la página o sitio web</title> </head>
Primeras etiquetas HTML5: 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.
Pingback: Estructura básica de una web con HTML5
Pingback: Enlaces con HTML5