Estructura HTML básica para publicar en Steemit.com y/o Busy.org
Mejora la presentación de tus publicaciones con etiquetado .html
1. Estructura básica inicial
- Titulo principal >> no necesita etiquetarse, recuadro dedicado para ello en Steemit.com
- Campo de creación html >> uso de etiquetas como sigue:
- para justificar todos los párrafos.
- para escribir y separar párrafos e imágenes
- para insertar una imagen
- para enlazar la imagen o texto
- para centrar lo que este entre estas etiquetas
- cierra la etiqueta de apertura.
- Etiquetas >> Son un máximo de 5 palabras clave que se relacionen con la publicación, son separadas por un espacio.
2. Campo de creación: algunos detalles
Para justificar el texto
Para los párrafos
Aquí se introduce textoPara los títulos y subtítulos
Títulos y subtítulosPara imágenes y centrado
Para enlazar texto e imágenes
Texto enlazadoPara poner la línea divisoria
Para hacerlo mejor
bueno pues, si desea mejorar la presentación de sus publicaciones, se puede aventurar al aprendizaje de otras etiquetas y códigos html. El lenguaje de marcado Markdown puede parecer más sencillo y practico en un principio, pero para lograr mejores presentaciones creo necesario manejar hmtl. No se limiten, hay mucho por descubrir, como se puede apreciar, una vida no basta, por eso hay tantas.
div: Etiqueta inicial con mando para justificar todos los párrafos de la publicación. cierra al final de todo con /div
p: Cada párrafo o línea de texto se introduce entre estas etiquetas para que sean separados adecuadamente.
h1,2,3,4,5,6: si la publicación incluye títulos y subtítulos pueden ser utilizadas estas etiquetas. Muestra:
H Uno
H Dos
H Tres
H Cuatro
H Cinco
H Seis
Para incluir imágenes solo basta escribir: > img src="url" < no necesita cierre, además muestro el uso de la etiqueta para centrar, puede ser utilizado para cualquier cosa, y siempre dentro de la etiqueta p para que se cree una separación adecuada entre el texto y las imágenes.
Ahora bien, como se recomienda citar la fuente de las imágenes o fotografías se utiliza la siguiente etiqueta:
Se puede colocar la etiqueta > a < antes o después de la imagen. Ejemplo:
Si lo que se desea además en enlazar la imagen, es decir, que al pulsar sobre ella se abra alguna página se coloca la imagen en el entre las etiquetas > a <, en el ejemplo anterior donde dice texto enlazado. Por ejemplo:
. Se vería así, permitiendo también, pulsar en la imagen a diferencia de la anterior:
Nota: la etiqueta > a < puede ser incluida en cualquier parte del texto que se desee enlazar. Por ejemplo:
líneas del párrafo palabra o frase del párrafo enlazada siguen las líneas del párrafo...
Basta poner la etiqueta hr donde desea que aparezca la línea divisoria como la ven en la presente publicación.
3. Uso de etiquetas
Como ha de saber la mayoría la página permite un máximo de 5 etiquetas separadas por un espacio, las cuales deben estar relacionadas con el tema tratado en la publicación, organizadas en orden consecutivo de acuerdo a su relevancia, en esta ocasión he utilizado las siguientes:
No nos lamentemos ni nos preocupemos, vamos a ocuparnos.
Feliz día.
Atentamente, Kevin Chavez Castillo.