Some Basic HTML and Markdown formatting in STEEM

in #basic8 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
Sort:  

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

Thanks.

Loading...

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!!

Coin Marketplace

STEEM 0.24
TRX 0.11
JST 0.031
BTC 61585.79
ETH 3005.19
USDT 1.00
SBD 3.68