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

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 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 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 subrayada se derivan de la palabra respectiva.

Entrada: negrita
Salida: negrita

Entrada: itálico
Salida: itálico

Entrada: testado
Salida: testado

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 echemos un vistazo 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 adjuntar 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 que mil palabras. Deberíamos usarlos más a menudo. Y así es como puede insertar uno manualmente usando HTML:

Entrada:

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

Liza

Básicamente, existen dos tipos de listas: listas ordenadas y no ordenadas, mejor conocidas como listas numeradas y con viñetas. Para crear cualquiera de los dos, debe 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 usa 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ásico 5 pasos para comprender el código HTML básico HTML es la columna vertebral de cada página web. Si es principiante, déjenos guiarlo por los pasos básicos para comprender HTML.
  • 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 5 consejos HTML para crear un sitio web gratuito de carga rápida
  • 7 efectos HTML geniales que cualquiera puede agregar a su sitio web 7 efectos HTML geniales que cualquiera puede agregar a su sitio web 7 efectos HTML geniales que cualquiera puede agregar a su sitio web ¡No se desespere! No tiene que saber CSS o PHP para construir un sitio elegante. Algún buen HTML antiguo y saber cómo copiar y pegar servirá.

  ¿Te sientes un poco más seguro sobre el uso de etiquetas HTML ahora? Si ha estado 'codificando manualmente' de forma rutinaria antes, ¿qué etiquetas cree que faltan??

  Créditos de imagen: kentoh