https://cdn.steemitimages.com/DQmVpQG8i6qDLiBQXCA1SqJEKbHX3dkC7ydtiRWo9XL4B6f/ht2.png
New in Steemit?
Do you want to learn how to use HTML codes to bring your posts to life?
In this simple guide you’ll find some
basic codes needed to modify how your posts look.
All you need to do is copy and paste this codes wherever you need them and replace the sample text with the desired one.
TEXT FORMAT
To add an italic effect.
\desired text here\
To add a bold effect.
\desired text here\
To add both italic and bold effects.
\\desired text here\\
To change the size of the text.
To make headers.
To emphasize a paragraph.
Gigant.
\desired text here\
A bit smaller.
\desired text here\
We keep on going smaller.
\desired text here\
Even more.
\desired text here\
Small.
\desired text here\
Tiny.
\desired text here\
TO INSERT LINKS
Go to @gabrielalentes’s profile.
[Go to @gabrielalentes’s profile.](https://steemit.com/@gabrielalentes/)
\[text to be shown here]\(desired link here)
PARAGRAPH AND IMAGES FORMAT
In case of an image, insert the link of the image instead of a paragraph.
To justify the paragraph. To justify the paragraph. To justify the paragraph. To justify the paragraph. To justify the paragraph. To justify the paragraph. To justify the paragraph. To justify the paragraph. To justify the paragraph. To justify the paragraph. To justify the paragraph. To justify the paragraph. To justify the paragraph.
\desired text here\
To center the paragraph. To center the paragraph. To center the paragraph. To center the paragraph. To center the paragraph. To center the paragraph. To center the paragraph. To center the paragraph. To center the paragraph. To center the paragraph. To center the paragraph. To center the paragraph. To center the paragraph.
\desired text here\
To create different columns. To create different columns. To create different columns. To create different columns. To create different columns. To create different columns. To create different columns. To create different columns.
To create different columns. To create different columns. To create different columns. To create different columns. To create different columns. To create different columns. To create different columns. To create different columns.
\desired text in column 1 here\
\desired text in column 2 here\
ADD IMAGES’ CAPTIONS
https://cdn.steemitimages.com/DQmTJ6PksWyCxpaPVoSpYrMzfapT7wTJLfA6xYjGd634LQj/CAPTIONS.jpg
desired text here
\link of the desired image here\
\desired text here\\
MIXING THINGS UP A LITTLE BIT
By using the code:
<div class=pull-left><center>link of primary image<br/><em>This example caption has words with an <i>italic effect</i>, <b>bold effect</b> and <i><b>both.</b></i></em></center></div>
<div class=pull-right><h1>This title is aligned to the right of the primary image, without being centered.</h1>
<h3><center>This subtitle is aligned to the right of the primary image, being centered.</center></h3>
<div class="text-justify">This paragraph is aligned to the right of the primary image and justified. Even with an <i>italic effect</i>, <b>bold effect</b> and we will even insert a secondary image.</div>
<div class=pull-right><center>link of the secondary image<br/><em>This secondary image is aligned to the right of the text, that is at the same time aligned to the right of the primary image.</em></center></div>
<div class=pull-left>This paragraph is aligned to the left of the secondary image, without being justified.</div>
<div class=pull-left><div class="text-justify">This paragraph is justified. This paragraph is justified. This paragraph is justified.</div>
We’ll have:
https://cdn.steemitimages.com/DQmUWDgUcEjAmg4tn3Ws6WGpuHgRuDos2twES8oXuz3s7Pp/PRIM.jpg
This example caption has words with an italic effect, bold effect and both.
This title is aligned to the right of the primary image, without being centered.
This subtitle is aligned to the right of the primary image, being centered.
This paragraph is aligned to the right of the primary image and justified. Even with an italic effect, bold effect and we will even insert a secondary image.
https://cdn.steemitimages.com/DQmRJN43t54TRZAPoj5MSurB4o1hBZnHQbS3Jm43ak8KPJD/SCON.JPG
This secondary image is aligned to the right of the text, that is at the same time aligned to the right of the primary image.
This paragraph is aligned to the left of the secondary image, without being justified.
This paragraph is justified. This paragraph is justified. This paragraph is justified.
Replies (2)
Congratulations @gabrielalentes! You received a personal award!
You can view your badges on your Steem Board and compare to others on the Steem Ranking
Vote for @Steemitboard as a witness to get one more award and increased upvotes!
Congratulations @gabrielalentes! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s) :
Your next target is to reach 50 replies.
You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word
STOPSupport the HiveBuzz project. Vote for our proposal!