Markdown can be written in a basic text editor (don't use Word) like TextEdit for Mac (save as plain-text) or Notepad on Windows. It's an easy way to write text that easily translates into HTML. The web is written in HTML, so think of it like quick-start web development tool for content editors. When you write in Markdown, you save the document with the file extension .md. More often than not, you'll never need to save a Markdown document, because you'll be using an online tool.
- Basic:
- Italics: _surround by_
- bold: **I will complete these lessons!**
- Italics & bold: **_"Of course," she whispered. Then, she shouted: "All I need is a little moxie!"_**
- part of phrase both bold and Italics: If you're thinking to yourself, **_This is unbelievable_**, you'd probably be right.
- Headers: # - You can't really make a header bold, but you can italicize certain words
- # Header one
- ##Header two
- ###Header three
- ####Header four
- #####Header five
- ######Header six
- Links:
- Inline Link: The first link style is called an inline link. To create an inline link, you wrap the link text in brackets ( [ ] ), and then you wrap the link in parenthesis ( ( ) ).
- For example, to create a hyperlink to www.github.com, with a link text that says, Visit GitHub!, you'd write this in Markdown:
- [Visit GitHub!](www.github.com)
- In the box below, make a link to www.google.com, with link text that says "Search for it."
- [Search for it.](www.google.com)
- You can add emphasis to link texts, if you like. In the box below, make the phrase "really, really" bold, and have the entire sentence link to www.dailykitten.com. You'll want to make sure that the bold phrasing occurs within the link text brackets.
- [You're **really, really** going to want to see this.](www.dailykitten.com)
- Although it might make for an awkward experience, you can make links within headings, too. For this next tutorial, make the text a heading four, and turn the phrase "the BBC" into a link to www.bbc.com/news:
- ####The Latest News from [the BBC](www.bbc.com/news)
- Reference Link: The other link type is called a reference link. As the name implies, the link is actually a reference to another place in the document. Here's an example of what we mean:
- Here's [a link to something else][another place].
- Here's [yet another link][another-link].
- And now back to [the first link][another place].
- [another place]: www.github.com
- [another-link]: www.google.com
- Images: The difference is that an image is prefaced with an exclamation point ( ! ), followed by the same two brackets, and a pair of parentheses containing the image URL. Within the image brackets, you can place some "alt text," which is a phrase or sentence that describes the image for the visually impaired.
- Images also have two styles, just like links. To create an inline image, you'll use the same syntax as an inline link.
- Q: In the box below, turn the link to an image, and fill out the alt text brackets to say "A representation of Octdrey Catburn":
- 
- Q: In the box below, we've started placing some reference images; you'll need to complete them, just like the last lesson. Call the first reference tag "First Father", and make it link to http://octodex.github.com/images/founding-father.jpg; make the second image link out to http://octodex.github.com/images/foundingfather_v2.png.
- ![The first father][First Father]
- ![The second first father][Second Father]
- [First Father]: http://octodex.github.com/images/founding-father.jpg
- [Second Father]: http://octodex.github.com/images/foundingfather_v2.png
- Paragraph:
- To create a block quote, all you have to do is preface a line with the "greater than" caret (>). You can also place a caret character on each line of the quote. This is particularly useful if your quote spans multiple paragraphs.
- Hard Break: To move to next time : give a line break. (If you forcefully insert a new line, you end up breaking the togetherness).
- Soft Break: Soft Break: add 2 space at end of line.
- List:
- Unordered List: *<single space> word
- * Flour
- * Cheese
- * Tomatoes
- Ordered List:
- 1. One
- 2. Two
- 3. Three
- Sublist: Notice extra space before asterisk.
- * Calculus
- * A professor
- * Has no hair
- * Often wears green
- * Castafiore
- * An opera singer
- * Has white hair
- * Is possibly mentally unwell
