This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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. /* |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<ul> | |
<li>W3Schools</li> | |
<li>Codeacademy</li> | |
<li>W3C</li> | |
<li>... and plenty more sites around the interwebs!</li> | |
</ul> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<ol> | |
<li>W3Schools</li> | |
<li>Codeacademy</li> | |
<li>W3C</li> | |
<li>... and plenty more sites around the interwebs!</li> | |
</ol> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
## 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. |