1
Recently, there’s been a lot of talk about markdown as an alternate way to format text.
I decided to do a little research and see what all the talk was about and I was actually quite glad of what I found; markdown is simple markup language that makes it easier for writers to write good content for the web without having to worry about the HTML code in their articles.
The benefit of using markdown is that you can write substantially cleaner articles and it also makes it easier for anyone reading your articles to be able to read it, without actually opening the page in a browser.
How to write markdown
Writing markdown is the simplest thing you can imagine:
Bold and italic text
To create italic text you just need to surround the text by one star:
This is *italic text.*
Which will produce:
This is italic text.
And to create bold text you insert two stars:
And this is **bold text.**
Which will produce:
And this is bold text.
Headings
To create headings in markdown all you need to is add a hash sign before your content. One hash sign is the equivalent of an <h1>, two means an <h2> and so on until <h6>:
# this is an heading 1
## this is an heading 2
### this is an heading 3
#### this is an heading 4
##### this is an heading 5
###### this is an heading 6
Paragraphs
Writing paragraphs is as simple as writing your text, and if you want to add another another paragraph you just need to press enter and in the next line a new paragraph will be added:
One paragraph
And here is another paragraph
Is the equivalent of:
<p>One paragraph</p>
<p>And here is another paragraph</p>
Blockquotes
To create blockquotes you need to add a angled bracket (>) before the text you want, like so:
> Somebody said this quote some years ago
Which is the same as:
<blockquote>
<p>Somebody said this quote some years ago</p>
<blockquote>
Links
Creating links is very simlar to HTML, you first place the text you want the user to see inside square brackets and then place the link location inside a pair of parentheses:
[Webdesigner Depot](https://www.webdesignerdepot.com)
Which is the equivalent of:
<a href=”https://www.webdesignerdepot.com”>Webdesigner Depot</a>
Images
Images use the same basic syntax as links, but in images the text you place in square brackets will be the alt text and you also need to place an exclamation mark before everything to make markdown know that what you are writing is an image and not a link:
Is the same as:
<img src=”http://example.com/myimage.jpg” alt=”My image” />
Unordered Lists
To create a simple unordered list you only need to create the list items, you don’t need to worry about opening and closing the list. All you need to do is to add a line break, then add an asterisk before each item:
* One list item
* Another list item
* And a third one
Is the equivalent of:
<ul>
<li>One list item</li>
<li>Another list item</li>
<li>And a third one</li>
</ul>
Ordered Lists
Like the unordered lists you only need to concern yourself with the actual list items, there’s no opening or closing. To use an ordered list you just need to use numbers instead of asterisks:
1 One list item
2 Another list item
3 And a third one
Is the equivalent of:
<ol>
<li>One list item</li>
<li>Another list item</li>
<li>And a third one</li>
</ol>
Conclusion
Markdown is a really good backup if you write articles for the web and you are not a savvy HTML developer, it really facilitates the creation of content for the web. There is even a WordPress Plugin that allows markdown in posts and comments and automatically converts it to HTML.
Have you learnt to use markdown? What benefits have you found over other forms of markup? Let us know in the comments.
Featured image/thumbnail, blogging image via Shutterstock.
A Closer Look at WordPress 6.7: “Rollins”
The WordPress 6.7 release, named “Rollins” honors jazz legend Sonny Rollins, renowned for his improvisational mastery and innovative contributions to jazz. His iconic compositions, like “St. Thomas” and “Oleo,” reflect…
Why Responsive Design is Failing Modern Users
Yet, despite its widespread adoption, modern users are increasingly frustrated. Why? Because the once-revolutionary approach is failing to keep up with the evolving demands of today’s digital landscape. In this…
The Importance of Title Tags: Tips and Tricks to Optimize for SEO
When it comes to on-page SEO, there’s one element that plays a pivotal role in both search engine rankings and user engagement: the HTML title tag. Often overlooked, this small…
How to Reduce The Carbon Footprint of Your Website
On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG of CO2 annually. Reducing your website’s carbon footprint is…
How to Plan Your First Successful Website
Planning a new website can be exciting and — if you’re anything like me — a little daunting. Whether you’re an experienced freelancer, a team of hardened developers, or a…
Rock Solid WordPress Security: Keeping Your Business Safe
WordPress is the web’s favourite CMS (content management system), renowned for its low-entry level and vast array of themes and plugins. WordPress’s open-source nature allows for endless flexibility, catering to…