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:a3d3749a167339bb182a03160069f0d6
Created April 12, 2016 20:44
Markdown for Writers and Hobbyists (Part 2) - Text Emphasis HTML
<p>A <strong>drabble</strong> is a very quick short fiction written in only about 100 words (or less) in length, according to Wikipedia.
It's a very short version of flash fiction, so to speak.</p>
<p>An example of a drabble is what we call <em>55 Fiction</em>.</p>
@adriculous
adriculous / gist:7bcc6b2109579b5d47b36ad8ff4b81b5
Created April 12, 2016 20:50
Markdown for Writers and Hobbyists (Part 2) - Nested Blockquotes HTML
<blockquote>
<p>The quick brown fox jumps over the lazy dog?</p>
<blockquote>
<p>... or is the wolf simply hungry?</p>
</blockquote>
</blockquote>
@adriculous
adriculous / gist:3b12c99655abea2a302f020d772b7068
Last active April 12, 2016 20:52
Markdown for Writers and Hobbyists (Part 2) - Blockquotes HTML
<blockquote>
<p>The quick brown fox jumps over the lazy dog?<br>
... or is the wolf simply hungry?</p>
</blockquote>
@adriculous
adriculous / gist:f08ee8d0a82b45fed4d48ff0a5be6016
Last active April 12, 2016 20:53
Markdown for Writers and Hobbyists (Part 1) HTML
<h1>Yo, Yo, YO! Welcome to mah HOOOD~!!</h1>
<h2>(Translation: Welcome to my site~!!)</h2>
<p>What's with all the dashes and the equal signs underneath the top text? Can someone explain to me?
</p>
<p><strong>SOMEONE is very curious now!</strong><br>
<em>Well, not that curious...</em></p>
@adriculous
adriculous / gist:e8a0c18a01745d1237b83f03024b8b44
Created April 13, 2016 04:23
Markdown for Writers and Hobbyists (Part 3) - Sample div code (within the sample)
<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>
</div>
@adriculous
adriculous / gist:4da57440f5074f08d28f6d9c1d1b1baa
Created April 13, 2016 04:31
Markdown for Writers and Hobbyists (Part 3) - Plain Text Sample
What’s a div tag?
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:11f92b0ed1ba3699f1bf1f531bdacedc
Last active April 13, 2016 04:36
Markdown for Writers and Hobbyists (Part 3) - Headers HTML
# What's a div tag?
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: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:421d0bb29ca06446acdebfecc04c8d76
Last active April 13, 2016 04:55
Markdown for Writers and Hobbyists (Part 3) - Inline Code Sample HTML
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: