Etiquetas HTML básicas para los bloggers y los que tienen un sitio web

Cuando desee crear un blog o sitio web, como se vio en artículos anteriores, no es necesario pagarle a un profesional porque, si tiene tiempo y no necesita funciones avanzadas especiales, simplemente use uno de esos programas en línea gratuitos que le permiten crear un sitio web sin código HTML.
Incluso si estas herramientas en línea son cada vez más potentes y fáciles de usar, no puede tener un sitio sin siquiera saber el ABC del HTML o el lenguaje de programación principal con el que se generan los sitios web.
HTML ( HyperText Markup Language ) en realidad no es un lenguaje de programación, es decir, un lenguaje para comunicar instrucciones a una computadora, sino un lenguaje de marcado, es decir, una forma de escribir texto formateado para la web.
Los navegadores como Firefox o Internet Explorer leen este código HTML y muestran lo que está escrito de manera ordenada, con todos los objetos dispuestos según lo previsto por quienes crearon el sitio.
En otras palabras, HTML describe las páginas web y, según esta descripción, el navegador crea una imagen.
Dado que esto no es una guía de HTML, para lo cual tomaría más de un artículo, lo que quiero compartir son las reglas básicas para comprender mejor las etiquetas HTML y poder usarlas cuando sea necesario, en su foro, en un blog o para hacer cambios en un sitio web.
HTML utiliza etiquetas que se utilizan para describir el comportamiento de un texto, encerrado entre corchetes, como este:
La palabra dentro del paréntesis es la etiqueta de apertura y cada etiqueta de apertura debe ir seguida de una etiqueta de cierre como esta:
1) El formateo de texto en los sitios web ahora se realiza utilizando CSS, otro lenguaje de marcado que le permite describir el diseño gráfico de una página web, para recuperar estilos en HTML.
Sin embargo, puede usar algunas etiquetas de formato básicas cuando sea necesario:
HTML: negrita (también puede usar fuerte en lugar de b)
Como se ve en los navegadores: negrita
HTML: cursiva (también puedes usar en lugar de i)
Como puedes ver: cursiva
HTML: subrayado
Como puede ver: subrayado
HTML: tachado (también puede usar strike en lugar de s)
Como puedes ver: tachado
2) La creación de enlaces de hipertexto le permite describir URL o direcciones de sitios, sin tener que especificar la dirección completa, fea de ver, especialmente si el enlace es muy largo.
HTML: Navigaweb.net
Como puedes ver: Navigaweb.net
Esta etiqueta HTML es un poco más complicada: la etiqueta real para especificar hipervínculos es mientras que los otros elementos adicionales son atributos que especifican características adicionales.
El atributo href = especifica la dirección mientras que el título = define lo que aparece cuando se pasa el mouse sobre la palabra.
En HTML usamos comillas para encerrar los valores de los atributos, mientras que en xHTML (también usado por el editor de Blogger) usamos el apóstrofe '.
3) Agregar imágenes o fotos es una de las cosas más importantes que debe saber, también porque a menudo, en los sitios que alojan fotos, se proporciona HTML para usar en blogs o foros o en otros sitios.
HTML:
Como se ve:
En este caso, la etiqueta real es mientras que los atributos requeridos son src = y, opcionalmente, alt = que describe la imagen en palabras.
Nuevamente, use comillas para evitar enlaces rotos.
Como puedes ver, la etiqueta se cierra con a /> sin repetir la palabra img .
Puede agregar el atributo float = "left" o float = "right" para formatear una imagen hacia la izquierda o hacia la derecha, de modo que quede envuelta en texto.
Para hacer un hipervínculo a una imagen, puede usarlo como código:
HTML:
Como se ve:
4) Párrafos y saltos de línea
Para crear texto estructurado y ajustar, debe usar etiquetas para crear saltos de línea y párrafos.
En HTML, después de una línea, puede escribirlo
ir al fondo
Esto se abre y se cierra al mismo tiempo para que no tenga que repetirlo.
Para crear párrafos, en el sentido de que hay una línea vacía antes y después, debe encerrar el texto escrito entre las etiquetas HTML

y


5) Las listas se pueden hacer de manera ordenada como listas numeradas o sin ordenar con listas con viñetas.
La lista numerada se ve así:
HTML

  1. Artículo uno

  2. Artículo dos


Resultado:
  1. Artículo uno
  2. Artículo dos
La lista con viñetas usa una etiqueta diferente en lugar de
    se usa
      :

      • Artículo uno

      • artículo dos


      Resultado:
      • Artículo uno
      • Artículo dos
      De cualquier manera, la etiqueta
    • Se utiliza para definir un elemento dentro de la lista.
      Conclusión: Una etiqueta no hace más que indicar una posición o una selección del documento, especificando el tipo de magia que debe hacerse.
      Algunas etiquetas están presentes en cada página web y encierran las secciones: ... indica el principio y el final de la página, ... es el encabezado del documento, donde se indican tiol, descripción, CSS y script y ... que es cuerpo de la página
      Aunque estas son solo nociones preliminares, todos aquellos que manejan un sitio y también aquellos que navegan en Internet participando en foros y blogs deben saberlo.
      Para aprender más sobre HTML, en otro artículo, informé sobre los mejores sitios con guías para HTML y CSS, con ejemplos y editores en línea para hacer las pruebas .
      Para ver el HTML de una página, simplemente presione el botón derecho del mouse en cualquier lugar y vea el HTML.
      Si usa Google Chrome, puede usar la función " Inspeccionar página " para ver qué código se ha usado en un punto en particular para que pueda inspirarse y reproducirlo en su sitio.
      En esta página puede descargar una tabla con las etiquetas HTML básicas para bloggers .
      Sin embargo, en el sitio de referencia HTML, están todas las etiquetas con las propiedades y atributos que las acompañan, todo en una página.

Deja Tu Comentario

Please enter your comment!
Please enter your name here