Las 11 etiquetas HTML principales que todo bloguero y propietario de sitios web debe conocer

Anuncio

La red mundial conoce muchos idiomas y está codificada en varios idiomas diferentes. Sin embargo, el único idioma que se puede encontrar en todas partes y que existe desde la invención de las páginas web es el HyperText Markup Language, mejor conocido como HTML. Como su nombre lo indica, HTML no es una programación, sino un lenguaje de marcado. Los marcadores son interpretados por los navegadores para visualizar contenido en sitios web. En su forma más simple, HTML se utiliza para formatear texto, incrustar archivos multimedia y organizar contenido en una página web. En otras palabras, HTML describe páginas web y, según esta descripción, el navegador crea una "imagen".

Gracias a los creadores de sitios web gratuitos, ya nadie necesita meterse con la codificación de HTML. Sin embargo, en ocasiones, las etiquetas HTML pueden ser útiles, por ejemplo, para realizar cambios rápidos en un sitio web, agregar hipertexto en un comentario o formatear texto para una publicación en el foro. En este artículo quiero mostrarle algunas etiquetas, posiblemente al azar, pero definitivamente útiles y simples para el uso diario.

Antes de comenzar, permítame presentarle algunas reglas básicas que con suerte harán que las etiquetas HTML sean más fáciles de entender:

• HTML utiliza etiquetas de marcado, que están entre corchetes angulares, como este:
• Las etiquetas que se parecen a la del ejemplo anterior se denominan etiquetas de inicio. Cada etiqueta de inicio debe ir seguida de una etiqueta de finalización en algún momento, como esta:
• Algunas etiquetas no describen el contenido. Sin embargo, para cumplir con los estándares actuales, aún deben finalizar. En consecuencia, unen la etiqueta de inicio y fin, como esta:
  

Formato de texto

Las etiquetas HTML suelen ser sencillas. Las etiquetas para poner el texto en negrita, cursiva o subrayado se derivan de la palabra respectiva.

Entrada:negrita
Salida: negrita

Entrada:itálico
Salida:itálico

Entrada:subrayada
Salida:subrayada

Entrada:tachar texto
Salida:tachar texto

Crear hipertexto

Las URL simples pueden parecer bastante feas. Agregar el hipervínculo a un texto, es decir, crear un hipertexto, es mucho más elegante y ahorrará espacio, especialmente si el enlace es muy largo.

Entrada:Hacer uso de
Salida:Hacer uso de

Como puede ver, esta etiqueta HTML es un poco más complicada, así que veámosla en detalle. La etiqueta real es y los elementos adicionales son atributos que especifican características adicionales. El atributo href = especifica el enlace y título = define la información sobre herramientas al pasar el mouse. Asegúrese de utilizar comillas para encerrar el enlace y el título, de lo contrario, podría terminar con un enlace roto.

Incrustar imágenes

Una imagen puede decir más de mil palabras. Deberíamos usarlos más a menudo. Y así es como puede insertar uno manualmente usando HTML:

Entrada:
Salida:

Analicemos también esta etiqueta. De nuevo, la etiqueta real es y los atributos requeridos son src = y alt =. El primero apunta a la ubicación de la imagen, es decir, su URL, y el segundo proporciona un texto alternativo, que se muestra en caso de que se bloquee la visualización de las imágenes o se rompa el enlace. Nuevamente, use comillas para evitar enlaces rotos.

los La etiqueta también es un ejemplo de una etiqueta que no necesita ser "finalizada" y, por lo tanto, se cierra con el guión hacia adelante en la etiqueta inicial, es decir más bien que .

Saltos y párrafos

Para crear un texto estructurado, debe utilizar saltos de línea y párrafos. Y estas son las etiquetas que necesita saber:

Entrada:

Salida: Esta etiqueta crea un salto de línea. Tenga en cuenta que esta es otra etiqueta que une las etiquetas de inicio y fin en una.

Entrada:

Texto dentro de tu párrafo.

Salida: A diferencia de la etiqueta anterior, la etiqueta de párrafo tiene una etiqueta de inicio y fin estándar. El texto entre las dos etiquetas está envuelto en un párrafo, lo que significa que hay una línea vacía antes y después.

Liza

Básicamente, hay dos tipos de listas: listas ordenadas y no ordenadas, mejor conocidas como listas numeradas y con viñetas. Para crear cualquiera, necesita conocer dos etiquetas diferentes, pero solo tres en total. Veamos primero los ejemplos:

Entrada:

1. Artículo uno


2. Artículo dos

Salida:

1. Artículo uno
2. Artículo dos

Entrada:

• Artículo uno


• Artículo dos

Salida:

• Artículo uno
• Artículo dos

Para crear una lista ordenada, use la etiqueta y para una lista desordenada, inserte el etiqueta. En ambos casos, el

La etiqueta se utiliza para definir un elemento dentro de la lista.

Ahora que ha visto lo simple y lógico que es HTML, es posible que desee ir más allá de lo básico y aprender un poco más. Para obtener más sugerencias HTML, consulte estos artículos:

• 5 pasos para comprender el código HTML básico 5 pasos para comprender el código HTML básicoHTML es la columna vertebral de cada página web. Si es un principiante, permítanos guiarlo por los pasos básicos para comprender HTML. Lee mas
• 5 consejos HTML para crear un sitio web gratuito de carga rápida 5 consejos HTML para crear un sitio web gratuito de carga rápida Lee mas
• 7 efectos HTML geniales que cualquiera puede agregar a su sitio web 8 efectos HTML geniales que cualquiera puede agregar a su sitio webNo tiene que saber CSS o PHP para construir un sitio elegante. Usa estos trucos HTML geniales para generar efectos increíbles. Lee mas

¿Te sientes un poco más seguro al usar etiquetas HTML ahora? Si ha estado habitualmente haciendo "codificación manual", ¿qué etiquetas cree que faltan?

Créditos de imagen: kentoh