create account

Some Basic HTML and Markdown formatting in STEEM by magnebit

View this thread on: hive.blogpeakd.comecency.com
· @magnebit · (edited)
$0.11
Some Basic HTML and Markdown formatting in STEEM
Some basic HTML and Markdown formatting in Steem.  Feel free to add your own.

<b>Empty Line</b>
HTML Format: &lt;br>

<b>Bold:</b>
HTML Format: &lt;b>something&lt;/b>
HTML Result: <b>something</b>
or
Markdown Format: \*\*something**
Markdown Result: **something**
Note, if you want two asterisk in front of a word, then put a slash in front of each asterisk \\\*\\\* to make text.

<b>Emphasized:</b>
HTML Format: &lt;em>This text is emphasized&lt;/em>
HTML Result: <em>This text is emphasized</em>
 or
Markdown Format: \*something*
Markdown Result: *something*
Note, if you want an asterisk in front of a word, then put a slash in front of each asterisk \\\* to make text.

<b>Headers:  </b>
HTML Format: &lt;h1>Introduction1&lt;/h1>
HTML Format: &lt;h2>Introduction2&lt;/h2>
HTML Results:
<h1>Introduction1</h1>
<h2>Introduction2</h2>
Markdown Format:   (Must start the line)
\# Introduction1
\## Introduction2
Markdown Results: 
# Introduction1
## Introduction2

<br>
<b>Quoting something:</b>
HTML Format: &lt;blockquote>This is a quote that you are distinguishing from your text.&lt;/blockquote>
HTML Results:<blockquote>This is a quote that you are distinguishing from your text.</blockquote>
Markdown Format: (Must start the line)
\> This is a quote that you are distinguishing from your text.
Markdown Results:
> This is a quote that you are distinguishing from your text.

<br>
<b>Links:</b>
HTML Format: &lt;a href="/@mctiller">Link to mctiller&lt;/a>
HTML Results: <a href="/@mctiller">Link to mctiller</a>
Markdown Format: \[Link to mctiller](/@mctiller).
Markdown Results:[Link to mctiller](/@mctiller).

<br>
<b>Images:</b>

HTML Format: 
&lt;img src="https://tse3.mm.bing.net/th?id=OIP.Mdceff51c4d9ec416b9185e635da4e5efo0&pid=15.1&P=0&w=326&h=105">
HTML Results:
<img src="https://tse3.mm.bing.net/th?id=OIP.Mdceff51c4d9ec416b9185e635da4e5efo0&pid=15.1&P=0&w=326&h=105">

Markdown Format: 
\![pubDomain]\(https://tse3.mm.bing.net/th?id=OIP.Mdceff51c4d9ec416b9185e635da4e5efo0&pid=15.1&P=0&w=326&h=105 "Public Domain")
Markdown Results:
![pubDomain](https://tse3.mm.bing.net/th?id=OIP.Mdceff51c4d9ec416b9185e635da4e5efo0&pid=15.1&P=0&w=326&h=105 "Public Domain")

<br>
<b>Image link:</b>  A image that is also a link

HTML Format: &lt;a href="https://images.search.yahoo.com">
  &lt;img src="https://tse3.mm.bing.net/th?id=OIP.Mdceff51c4d9ec416b9185e635da4e5efo0&pid=15.1&P=0&w=326&h=105">
&lt;/a>
HTML Results:   (Click on image)
<a href="https://images.search.yahoo.com">
  <img src="https://tse3.mm.bing.net/th?id=OIP.Mdceff51c4d9ec416b9185e635da4e5efo0&pid=15.1&P=0&w=326&h=105">
</a>

Markdown Format: 
\[\!\[PubDomain](https://tse3.mm.bing.net/th?id=OIP.Mdceff51c4d9ec416b9185e635da4e5efo0&pid=15.1&P=0&w=326&h=105)](https://images.search.yahoo.com)

Markdown Results:   (Click on image)
[![PubDomain](https://tse3.mm.bing.net/th?id=OIP.Mdceff51c4d9ec416b9185e635da4e5efo0&pid=15.1&P=0&w=326&h=105)](https://images.search.yahoo.com)

<br>
<b>Video:</b>  On Youtube, just right-click and "Copy Video URL"
Format:  
<p>https: //youtu.be/nanOevuxpdM</p>
Results:
https://youtu.be/nanOevuxpdM

<br>
<b>Table:</b>
HTML Format:
&lt;table style="width:100%">
  &lt;tr>&lt;td>Jack&lt;/td>&lt;td>Dumpty&lt;/td>&lt;td>53&lt;/td>&lt;/tr>
  &lt;tr>&lt;td>Jill&lt;/td>&lt;td>Dumpty&lt;/td>&lt;td>12&lt;/td>&lt;/tr>
&lt;/table>
HTML Results:
<table style="width:100%">
  <tr><td>Jack</td><td>Dumpty</td><td>53</td></tr>
  <tr><td>Jill</td><td>Hills</td><td>5</td></tr>
</table>
<br>
Markdown Format:

\| FName | LName | Age
\| ------------- |:-------------:| -----:
\|Jack | Dumpty | 53
\|Jill | Hills | 5

Markdown Results:
| FName | LName | Age
| ------------- |:-------------:| -----:
|Jack | Dumpty | 53
|Jill | Hills | 5
πŸ‘  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
properties (23)
authormagnebit
permlinksome-basic-html-formatting-in-steem
categorybasic
json_metadata{"tags":["markdown","html","basic"],"image":["https://tse3.mm.bing.net/th?id=OIP.Mdceff51c4d9ec416b9185e635da4e5efo0&pid=15.1&P=0&w=326&h=105"],"links":["/@mctiller","https://tse3.mm.bing.net/th?id=OIP.Mdceff51c4d9ec416b9185e635da4e5efo0&pid=15.1&P=0&w=326&h=105","https://images.search.yahoo.com","https://youtu.be/nanOevuxpdM"]}
created2016-07-03 17:31:45
last_update2016-07-04 01:09:45
depth0
children7
last_payout2016-08-19 20:18:18
cashout_time1969-12-31 23:59:59
total_payout_value0.082 HBD
curator_payout_value0.026 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length3,732
author_reputation4,957,809,430,246
root_title"Some Basic HTML and Markdown formatting in STEEM"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id51,461
net_rshares794,718,052,661
author_curate_reward""
vote details (42)
@chrislegaspi ·
Awesome. Thank you.
properties (22)
authorchrislegaspi
permlinkre-magnebit-some-basic-html-formatting-in-steem-20160815t041630342z
categorybasic
json_metadata{"tags":["basic"]}
created2016-08-15 04:16:30
last_update2016-08-15 04:16:30
depth1
children0
last_payout2016-08-19 20:18:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length19
author_reputation442,567,014,747
root_title"Some Basic HTML and Markdown formatting in STEEM"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id811,242
net_rshares0
@kaz-jp · (edited)
For Japanese, I also created a article explains how to write markdowns. It has quoted some ways from this article. Thank you for your contribution.
properties (22)
authorkaz-jp
permlinkre-magnebit-some-basic-html-formatting-in-steem-20170608t032633352z
categorybasic
json_metadata{"tags":["basic"],"app":"steemit/0.1"}
created2017-06-08 03:26:33
last_update2017-06-08 08:08:24
depth1
children0
last_payout2017-06-15 03:26:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length147
author_reputation596,411,396
root_title"Some Basic HTML and Markdown formatting in STEEM"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id4,378,204
net_rshares0
@knownassam ·
Thank you for this post! Highly appreciated!!
properties (22)
authorknownassam
permlinkre-magnebit-some-basic-html-formatting-in-steem-20170911t051854115z
categorybasic
json_metadata{"tags":["basic"],"app":"steemit/0.1"}
created2017-09-11 05:18:57
last_update2017-09-11 05:18:57
depth1
children0
last_payout2017-09-18 05:18:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length45
author_reputation6,368,465,444,882
root_title"Some Basic HTML and Markdown formatting in STEEM"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id14,521,888
net_rshares0
@talanhorne ·
I was wondering how to embed YouTube videos here. I'd been having such shoddy luck with it.

Thanks.
πŸ‘  ,
properties (23)
authortalanhorne
permlinkre-magnebit-some-basic-html-formatting-in-steem-20160703t220124726z
categorybasic
json_metadata{"tags":["basic"]}
created2016-07-03 22:01:24
last_update2016-07-03 22:01:24
depth1
children3
last_payout2016-08-19 20:18:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length100
author_reputation50,099,191,018,703
root_title"Some Basic HTML and Markdown formatting in STEEM"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id51,783
net_rshares5,398,420,421
author_curate_reward""
vote details (2)
@ladyluck ·
##  [Size Your Text πŸ“‘and Photos πŸ“Έ How many you want - micro sizing ](https://steemit.com/stylinggiude/@ladyluck/size-your-text-and-photos-how-many-you-want-micro-sizing)
##### There are many tricks to size text and images of your steemit posts. Just click link see how I can make them.
https://steemitimages.com/DQmQw4VdSWpjX8qKjMsfhLV4UcfkvX58Py2ujUKpABoCumg/Capture.JPG


<div class="pull-left"> 
<h1> size your text 160% </h1>
<h2> size your text 140%</h2>
<h3> size your text 120%</h3>
<h4> size your text  110%</h4>
<h5> size your text  100%</h5>
<h6> size your text  90%</h6>
</div>
<div class="pull-left"> 
<h1><sub>size your text</sub> </h1>
<h2><sub>size your text </sub></h2>
<h3><sub>size your text </sub></h3>
<h4><sub>size your text </sub></h4>
<h5><sub>size your text </sub></h5>
<h6><sub>size your text </sub></h6>
</div>
<div class="pull-left"> 
<h1><sub><sub>size your text</sub></sub> </h1>
<h2><sub><sub>size your text </sub></sub></h2>
<h3><sub><sub>size your text </sub></sub></h3>
<h4><sub><sub>size your text </sub></sub></h4>
<h5><sub><sub>size your text </sub></sub></h5>
<h6><sub><sub>size your text </sub></sub></h6>
</div>

<div class="pull-left"> 
<h1><sub><sub><sub>size your text</sub></sub></sub> </h1>
<h2><sub><sub><sub>size your text </sub></sub></sub></h2>
<h3><sub><sub><sub>size your text </sub></sub></sub></h3>
<h4><sub><sub><sub>size your text </sub></sub></sub></h4>
<h5><sub><sub><sub>size your text </sub></sub></sub></h5>
<h6><sub><sub><sub>size your text <br /> <br /> <br /> <br /> <br /></sub></sub></sub></h6>
</div>
 
-----
<center><h1> Long<sup>Long<sup>Long<sup>Long<sup>Long<sup>Long<sup>Long<sup>Long<sup>Long</sup>Long</sup> Long</sup>Long</sup>Long</sup>Long</sup>Long</sup>Long</sup>Long</h1><h1>TEXT1<sub><sup>TEXT1<sub><sup>TEXT1<sub><sup>TEXT1</sup></sub></sup></sub></sup></sub></h1>
</center>

 --- 
#  You may also like my other posts

 [![img](https://i.imgur.com/QnUQTtF.png)](https://steemit.com/steemit/@ladyluck/how-get-more-readers-for-your-old-steemit-posts-boost-your-views)  <h6>[ How get more readers for Your old steemit posts? Boost πŸš€πŸš€your views ](https://steemit.com/steemit/@ladyluck/how-get-more-readers-for-your-old-steemit-posts-boost-your-views)</h6><hr />  

  [![img](https://i.imgur.com/UJSPiXW.jpg )](https://steemit.com/steemit/@ladyluck/add-your-popular-posts-to-sidebar-of-each-blog-post-markdown-trick)  <h6>[Add Your Popular Posts to sidebar of each blog post - Markdown Trick](https://steemit.com/steemit/@ladyluck/add-your-popular-posts-to-sidebar-of-each-blog-post-markdown-trick)</h6><hr /> 
 [![img](https://i.imgur.com/PjfSOmu.jpg)](https://steemit.com/steemit/@ladyluck/i-try-to-make-my-post-like-my-profile) <h6>[I try to make my post like my profile <br/><br/>](https://steemit.com/steemit/@ladyluck/i-try-to-make-my-post-like-my-profile)</h6><hr />
πŸ‘  , ,
properties (23)
authorladyluck
permlinkre-talanhorne-re-magnebit-some-basic-html-formatting-in-steem-20171010t171137488z
categorybasic
json_metadata{"tags":["basic"],"image":["https://steemitimages.com/DQmQw4VdSWpjX8qKjMsfhLV4UcfkvX58Py2ujUKpABoCumg/Capture.JPG","https://i.imgur.com/QnUQTtF.png","https://i.imgur.com/UJSPiXW.jpg","https://i.imgur.com/PjfSOmu.jpg"],"links":["https://steemit.com/stylinggiude/@ladyluck/size-your-text-and-photos-how-many-you-want-micro-sizing","https://steemit.com/steemit/@ladyluck/how-get-more-readers-for-your-old-steemit-posts-boost-your-views","https://steemit.com/steemit/@ladyluck/add-your-popular-posts-to-sidebar-of-each-blog-post-markdown-trick","https://steemit.com/steemit/@ladyluck/i-try-to-make-my-post-like-my-profile"],"app":"steemit/0.1"}
created2017-10-10 17:11:39
last_update2017-10-10 17:11:39
depth2
children2
last_payout2017-10-17 17:11:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length2,848
author_reputation135,192,347,115
root_title"Some Basic HTML and Markdown formatting in STEEM"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id17,316,744
net_rshares2,463,315,977
author_curate_reward""
vote details (3)
@friendly-fenix ·
Nice article, it helps with these "how to articles"!

[![FF sign of approval](https://i.imgsafe.org/0c/0cd3eb56b0.gif)](https://steemit.com/@friendly-fenix)
properties (22)
authorfriendly-fenix
permlinkre-ladyluck-re-talanhorne-re-magnebit-some-basic-html-formatting-in-steem-20180106t143207859z
categorybasic
json_metadata{"tags":["basic"],"image":["https://i.imgsafe.org/0c/0cd3eb56b0.gif"],"links":["https://steemit.com/@friendly-fenix"],"app":"steemit/0.1"}
created2018-01-06 14:32:09
last_update2018-01-06 14:32:09
depth3
children1
last_payout2018-01-13 14:32:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length156
author_reputation6,283,336,485,983
root_title"Some Basic HTML and Markdown formatting in STEEM"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id27,536,924
net_rshares0