Some Basic HTML and Markdown formatting in STEEM

in basic •  3 years ago  (edited)

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:
pubDomain



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)
PubDomain



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:

JackDumpty53
JillHills5

Markdown Format:

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

Markdown Results:

FNameLNameAge
JackDumpty53
JillHills5
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

I was wondering how to embed YouTube videos here. I'd been having such shoddy luck with it.

Thanks.

Loading...

Awesome. Thank you.

  ·  2 years ago (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.

Thank you for this post! Highly appreciated!!