paint-brush
The Dead Simple Markdown Guide to HTMLby@typesetting
745 reads
745 reads

The Dead Simple Markdown Guide to HTML

by Typesetting
Typesetting HackerNoon profile picture

Typesetting

@typesetting

Shaping readable and sustainable publications.

August 20th, 2024
Read on Terminal Reader
Read this story in a terminal
Print this story
Read this story w/o Javascript
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

You can use HTML tags in Markdown to gain more control over formatting elements like images and text color. Ensure you use blank lines to separate HTML tags from surrounding Markdown content, and avoid using Markdown syntax inside HTML tags. Be aware that not all Markdown applications support HTML.
featured image - The Dead Simple Markdown Guide to HTML
1x
Read by Dr. One voice-avatar

Listen to this story

Typesetting HackerNoon profile picture
Typesetting

Typesetting

@typesetting

Shaping readable and sustainable publications.

Learn More
LEARN MORE ABOUT @TYPESETTING'S
EXPERTISE AND PLACE ON THE INTERNET.

HTML

Many Markdown applications allow you to use HTML tags in Markdown-formatted text. This is helpful if you prefer certain HTML tags to Markdown syntax. For example, some people find it easier to use HTML tags for images. Using HTML is also helpful when you need to change the attributes of an element, like specifying the color of text or changing the width of an image.


To use HTML, place the tags in the text of your Markdown-formatted file.


This **word** is bold. This <em>word</em> is italic.


The rendered output looks like this:


This word is bold. This word is italic.

HTML Best Practices

For security reasons, not all Markdown applications support HTML in Markdown documents. When in doubt, check your Markdown application’s documentation. Some applications support only a subset of HTML tags.


Use blank lines to separate block-level HTML elements like <div><table><pre>, and <p> from the surrounding content. Try not to indent the tags with tabs or spaces — that can interfere with the formatting.


You can’t use Markdown syntax inside block-level HTML tags. For example, <p>italic and **bold**</p> won’t work.


This guide is a Matt Cone project available on Markdown Guide under the CC BY-SA 4.0 license.


L O A D I N G
. . . comments & more!

About Author

Typesetting HackerNoon profile picture
Typesetting@typesetting
Shaping readable and sustainable publications.

TOPICS

THIS ARTICLE WAS FEATURED IN...

Permanent on Arweave
Read on Terminal Reader
Read this story in a terminal
 Terminal
Read this story w/o Javascript
Read this story w/o Javascript
 Lite
X
Typesetting
Briefly
X REMOVE AD