Some basic HTML and Markdown formatting in Steem. Feel free to add your own.
Empty Line
HTML Format: <br>
Bold:
HTML Format: <b>something</b>
HTML Result: something
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.
Emphasized:
HTML Format: <em>This text is emphasized</em>
HTML Result: This text is emphasized
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.
Headers:
HTML Format: <h1>Introduction1</h1>
HTML Format: <h2>Introduction2</h2>
HTML Results:
Introduction1
Introduction2
Markdown Format: (Must start the line)
# Introduction1
## Introduction2
Markdown Results:
Introduction1
Introduction2
Quoting something:
HTML Format: <blockquote>This is a quote that you are distinguishing from your text.</blockquote>
HTML Results:
This is a quote that you are distinguishing from your text.
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.
Links:
HTML Format: <a href="/@mctiller">Link to mctiller</a>
HTML Results: Link to mctiller
Markdown Format: [Link to mctiller](/@mctiller).
Markdown Results:Link to mctiller.
Images:
HTML Format:
<img src="https://tse3.mm.bing.net/th?id=OIP.Mdceff51c4d9ec416b9185e635da4e5efo0&pid=15.1&P=0&w=326&h=105">
HTML Results:
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:
Image link: A image that is also a link
HTML Format: <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>
HTML Results: (Click on image)
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)
Video: On Youtube, just right-click and "Copy Video URL"
Format:
https: //youtu.be/nanOevuxpdM
Results:
Table:
HTML Format:
<table style="width:100%">
<tr><td>Jack</td><td>Dumpty</td><td>53</td></tr>
<tr><td>Jill</td><td>Dumpty</td><td>12</td></tr>
</table>
HTML Results:
Jack | Dumpty | 53 |
Jill | Hills | 5 |
Markdown Format:
| FName | LName | Age
| ------------- |:-------------:| -----:
|Jack | Dumpty | 53
|Jill | Hills | 5
Markdown Results:
FName | LName | Age |
---|---|---|
Jack | Dumpty | 53 |
Jill | Hills | 5 |
I was wondering how to embed YouTube videos here. I'd been having such shoddy luck with it.
Thanks.
Awesome. Thank you.
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.
Thank you for this post! Highly appreciated!!