Skip to content

Instantly share code, notes, and snippets.

View adriculous's full-sized avatar
💕
Stay safe everyone!

Adrianne Padua adriculous

💕
Stay safe everyone!
View GitHub Profile
@adriculous
adriculous / gist:c82a4fb336db9d34d475ce03a41206d9
Created April 13, 2016 04:48
Markdown for Writers and Hobbyists (Part 3) - Markdown with code sample
A `div` tag is an HTML general container tag that doesn’t really have any specific functions unless they are being defined with
other attributes, such as CSS styling. You can find more info here at W3Schools and various sources around the internet. Google is
everybody’s best friend.
Here’s an example of a `div` tag code in action:
<div class="container">
<div class="my-message">
<p>This is a sample of a section of a site using this tag. Pretty cool, huh?</p>
</div>
@adriculous
adriculous / gist:60ce590e4fc033d65bfc3190c97778b9
Created April 13, 2016 04:54
Markdown for Writers and Hobbyists (Part 3) - Code Block HTML Output
A <pre>div</pre> tag is an HTML general container tag that doesn’t really have any specific functions unless they are being defined
with other attributes, such as CSS styling. You can find more info here at W3Schools and various sources around the internet.
Google is everybody’s best friend.
Here’s an example of a <pre>div</pre> tag code in action:
<code>
<div class="container">
<div class="my-message">
<p>This is a sample of a section of a site using this tag. Pretty cool, huh?</p>
@adriculous
adriculous / gist:a05333c5c4cc26d26cfa7dd06fd281b8
Created April 13, 2016 04:58
Markdown for Writers and Hobbyists (Part 3) - Simple Markdown Links
http://www.w3schools.com /* for the W3Schools link */
http://www.google.com /* for the Google link */
/* You can also add a greater than sign (<) and less than sign (>) around the link as an option too, like this */
<http://www.w3schools.com> /* for the W3Schools link */
<http://www.google.com> /* for the Google link */
@adriculous
adriculous / gist:9b9476ad6805f2150985af2fd9db5545
Created April 13, 2016 05:01
Markdown for Writers and Hobbyists (Part 3) - Inline Links Markdown
A `div` tag is an HTML general container tag that doesn’t really have any specific functions unless they are being defined with other
attributes, such as CSS styling. You can find more info here at [W3Schools](http://www.w3schools.com) and various sources around the
internet. [Google](http://www.google.com) is everybody’s best friend.
/* You can also add a title attribute to it too, like this below */
A `div` tag is an HTML general container tag that doesn’t really have any specific functions unless they are being defined with
other attributes, such as CSS styling. You can find more info here at [W3Schools](http://www.w3schools.com "W3Schools") and various
sources around the internet. [Google](http://www.google.com "Google") is everybody’s best friend.
@adriculous
adriculous / gist:fda9fc66e969e733a98cd360a718a2f3
Created April 13, 2016 05:02
Markdown for Writers and Hobbyists (Part 3) - Reference Links Markdown
A `div` tag is an HTML general container tag that doesn’t really have any specific functions unless they are being defined with
other attributes, such as CSS styling. You can find more info here at [W3Schools][1] and various sources around the internet.
[Google][1] is everybody’s best friend.
[1]: http://www.w3schools.com "W3Schools"
[2]: http://www.google.com "Google"
/* The "W3Schools" and "Google" (title attribute texts) part of the above reference Markdown code is optional. /*
@adriculous
adriculous / gist:dc5efc10e1e031a8297fd41667ec38c5
Last active July 18, 2019 01:56
Markdown for Writers and Hobbyists (Part 3) - Links HTML Output
A <pre>div</pre> tag is an HTML general container tag that doesn’t really have any specific functions unless they are being defined with other attributes, such as CSS styling. You can find more info here at <a href="http://www.w3schools.com">W3Schools</a> and various sources around the internet. <a href="http://www.google.com">Google</a> is everybody’s best friend.
@adriculous
adriculous / gist:041ef876525fa1c9b0fdf324a65ef07e
Created April 13, 2016 05:12
Markdown for Writers and Hobbyists (Part 3) - Unordered Lists HTML Output
<ul>
<li>W3Schools</li>
<li>Codeacademy</li>
<li>W3C</li>
<li>... and plenty more sites around the interwebs!</li>
</ul>
@adriculous
adriculous / gist:47183f1210e40dfe6f87db4240f25857
Created April 13, 2016 05:18
Markdown for Writers and Hobbyists (Part 3) - Ordered Lists HTML Output
<ol>
<li>W3Schools</li>
<li>Codeacademy</li>
<li>W3C</li>
<li>... and plenty more sites around the interwebs!</li>
</ol>
@adriculous
adriculous / gist:3312eefea1773ff0f861a764bce0ae86
Last active July 18, 2019 01:42
Markdown for Writers and Hobbyists (Part 3) - Horizontal Rules Markdown
/* Using the <hr> HTML tag */
<hr>
You can learn more about HTML in the following sites:
- W3Schools
- Codeacademy
- W3C
- … and plenty more sites around the interwebs!
<hr>
@adriculous
adriculous / gist:880c0fdb288516a9cd51d66a0af984ee
Created April 13, 2016 05:32
Markdown for Writers and Hobbyists (Part 3) - Inline HTML Sample
## Can Markdown do everything and then automatically convert to HTML?
Not really. Sometimes we would need to mix in a few HTML tags along with Markdown whenever we try to style some text in a certain way. Like this, for example:
<p style="padding-left:30px;>**The NINPOJineous**</p>
<p style="padding-left:60px;>It’s the site that we’re on!</p>
You see that text above? We need to use some HTML to create this style because Markdown can’t style that on its own.