some basic html syntax to help format your text
Once you finish typing your article, the finishing touches are very important. This makes your article/blog look more attractive to the reader and more matured. sometimes, using very good fonts makes the reader understand what you are really trying to explain in your article. The act of you trying to beautify your text and adding good fonts is called formating. creating an article with good formating draws the readers attention more and also enhance the readability of your article.
in this article, i would be pointing out some html syntax you can use in steemit to format your text. this would definatly help you present your article to the community proffesionally.
Paragraph
A paragraph is the joining together a group of closely related sentence to form an idea. So, in writting an article, you are trying to share an idea with the community which means you have to start with a paragraph. The html syntax to start a paragrahph is shown in the image below![](https://steemitimages.com/640x0/https://steemitimages.com/DQmb6QkRvfYWBAyqs4WUXnyVqc4qgd4HvouAc33sgivvSPN/Top%20(17).png)
quotation
This is used to sometimes reference someones words or used when trying to repeat a word of another person. We can easily say when trying to make reference to another article. The syntax to use is in the image below.
![](https://steemitimages.com/DQmRMbDmwm7aydzaWqP6xYy8nJNR2MSmPr81bMacvCP2Yud/Top%20(19).png)
quotation is something very important you have to take note of when writing a blog/article. When trying to make reference to another article, you have to enquote it to show that they are not your words or writing and that you are making reference to another post. Not enquoting a text that are not yours may be seen as plagiarism and your post could be flaged for that.
<blockquote>"Insert text here"</blockquote>
Looks like this:
"Insert text here"
Wrap text around an image
![](https://steemitimages.com/640x0/https://steemitimages.com/DQmNem7h4xJiHHTD8bH9rANpu5RgF4DaHJF3L9CHNVk5SWQ/Top%20(20).png)
This syntax is used to wrap a text around an image just as shown in the screenshot below
The following example taken from @inquiringtimes's blog. click here to view.
<div class="pull-left"><img src="https://www.sec.gov/files/sec-logo.png" /></div>
Basically, the SEC is a United States Governing body which "protects investors". Like it or not, it is best to pay attention to what they say, because their decisions effect all of us in the Crypto world. Partially, because they can restrict the freedoms of American citizens. They can also go after foreign entities which violate their standards if they trade in the United States. It will likely be a big opportunity for cryptos who <em>do</em> register with the SEC.
looks like this:
![](https://steemitimages.com/640x0/https://www.sec.gov/files/sec-logo.png)
Basically, the SEC is a United States Governing body which "protects investors". Like it or not, it is best to pay attention to what they say, because their decisions effect all of us in the Crypto world. Partially, because they can restrict the freedoms of American citizens. They can also go after foreign entities which violate their standards if they trade in the United States. It will likely be a big opportunity for cryptos who do register with the SEC.
Centratlizing text
<center> Your text in here </center>
Looks like this:
Recommendation
For sometimes now, i have been using hackmd.io to edit my article before posting to the steemit community. A very big thank you to @inquiringtimes who told me about this tool. The hackmd.io is an online tool which is used to edit your text in html and also for colaboration, this simply means that two (2) or more users can edit an article simultaniously in real time.
This is what i do to help new users edit there article before submiting it to the community. This is my own way of helping others in the community. so, feel free to contact me anytime in discord channel if you need any help.
![](https://steemitimages.com/DQmWTWkrQ4d1h6UgenL63CF89jFMotNTaUz3LruoPBAedG6/screenshot.png)
A screenshot of what hackmd.io looks like
![hr2](https://steemitimages.com/640x0/http://i.imgur.com/e5YQbMD.png)
![wit-list](https://steemitimages.com/640x0/http://i.imgur.com/588qGsE.jpg)
![pal-sig-anim](https://steemitimages.com/0x0/http://i.imgur.com/yBWPwqm.gif)
![hr2](https://steemitimages.com/640x0/http://i.imgur.com/e5YQbMD.png)
Reference and Futher reading
- Steemit Markdown Basics for Beginners
- Steemit Beginner Tips : Basic Guide on how to Adjust and Edit Fonts in Post
- hackmd.io Realtime collaborative markdown editor
- Click Here to view this article on hackmd.io
- bacground image used in this article by @son-of-satire
Will take a look at hackmd.io thanks for useful tip @knowledges
i am very glad you found it very usefull @joanstewart :)
Cool! This will be of help to me... Many thanks!! :)
I am glad it is helpful to you and hopefully, to others as well
Congratulations! This post has been upvoted from the communal account, @minnowsupport, by knowledges from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews/crimsonclad, and netuoso. The goal is to help Steemit grow by supporting Minnows and creating a social network. Please find us in the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.
Very useful post. It will helpful to me.
i am glad it's useful to you