Como usar las etiquetas básicas de HTML

En el post "Etiquetas básicas de HTML" mencionamos algunas etiquetas, pero como usarlas.

El lenguaje HTML, es con el que están realizadas las paginas en internet. Para crear dichas paginas, es necesario algún editor de texto 'puro' como el block de notas, notepad, notepad++, vim, kate, kwrite. Se crea un archivo en texto y se guarda con la extensión html (ejemplo: archivo.html), dicho archivo debe contener etiquetas o mejor dicho lenguaje HTML en el que el navegador de internet interpreta las etiquetas como se muestra a continuación.

Hay dos tipos de etiquetas las de bloque y las de no-bloque.



NOTA: Esto es una explicación introductoria, si quieres conocer mas, visita los enlaces de 'Para saber mas'.

En bloque

Los que modifican texto entre dos etiquetas, es decir, deben existir dos etiquetas muy similares una que identifica en donde el texto inicia y otra en donde termina.

h1 - Es la etiqueta para identificar el texto que queremos de encabezado.
<h1>Texto de encabezado</h1> obtenemos

Texto de encabezado

<h3>Texto de encabezado</h3> obtenemos

Texto de encabezado

<h6>Texto de encabezado</h6> obtenemos

Texto de encabezado

b - (bold = negrita) muestra el texto en negrita.
Sus etiquetas son <b> y </b> (ambas obligatorias)
Resultado: Sus etiquetas son y (ambas obligatorias)

De esta forma, puedes usar la lista mencionada en Etiquetas básicas de HTML.

La etiqueta div y span pueden modificar la apariencia del texto, de tal forma que las paginas web mas recientes y atractivas usan estas etiquetas frecuentemente. Consultar la sección 'Para saber mas'.

En no-bloque

En esta etiquetas solo es necesario una solo. Ya que por lo general no afectan o modifican la apariencia del texto.

hr - Inserta una linea horizontal.
<hr> resultado

---

<hr /> resultado

---

La diagonal en este ultimo ejemplo es un ajuste al lenguaje que se ha realizado con el fin de estandarizarlo, es de buena practica realizarlo (no estrictamente necesario). Esto se aplica a todos los elementos listados en Etiquetas básicas de HTML.

La etiqueta img tiene otros parámetros que son interesantes saber, por lo que recomiendo consultar los enlaces de 'Para saber mas'.

Para saber mas

Enlaces que puedes consultar para informare sobre este tema.

• Wikilibro de "Lenguaje HTML"
• ¿Que es el HTML?