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
# 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](http://www.w3schools.com) and various sources around the internet. [Google](http://www.google.com) 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
/* The code we will be using is this: ![alt text](image URL) */ | |
![Sakura Kinomoto & Syaoran Li](http://ninpojineous.adrimarie.us/wp-content/uploads/2016/04/sakura_syaoran_letsbuild.jpg) | |
/* Say the title text that we want to put in is "Sakura & Syaoran." This is how we're going to write it with the optional title attribute text in the below syntax. We add it in quotation marks after the URL of the image. This is the code: ![alt text](image URL "title") */ | |
![Sakura Kinomoto & Syaoran Li](http://ninpojineous.adrimarie.us/wp-content/uploads/2016/04/sakura_syaoran_letsbuild.jpg "Sakura & Syaoran") |
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
/* Say we have two images to add in the example instead of just one. We can use anything as our ID to add in our content. Let's pretend there are two images. The code we will be using is this: ![alt text][ID] */ | |
![Sakura Kinomoto & Syaoran Li][S&S] | |
![Tomoyo Daidouji & Eriol Hiiragizawa][T&E] | |
[S&S]: http://ninpojineous.adrimarie.us/wp-content/uploads/2016/04/sakura_syaoran_letsbuild.jpg | |
[T&E]: http://example.com/images/tomoyo_eriol.jpg | |
/* Same thing if we have the optional title attribute text on both those images */ |
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
<img src="http://ninpojineous.adrimarie.us/wp-content/uploads/2016/04/sakura_syaoran_letsbuild.jpg" alt="Sakura Kinomoto & Syaoran Li" /> | |
/* and then with the optional title attribute */ | |
<img src="http://ninpojineous.adrimarie.us/wp-content/uploads/2016/04/sakura_syaoran_letsbuild.jpg" alt="Sakura Kinomoto & Syaoran Li" title="Sakura & Syaoran" /> |
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
| Manga | Anime | | |
| ------------------------------------------------------- | ------------------------------------------------------------------------ | | |
| 12 volumes | 72 episodes & 2 movies | | |
| 19 cards captured | 52 cards captured | | |
| Sakura has no rival except Syaoran | Sakura has Meiling as another rival for Syaoran | | |
| The story ends with Sakura and Syaoran in middle school | The story ends with Sakura and Syaoran capturing the final card together | | |
/* What if we want our headers centered? It would look like this using colons */ | |
| Manga | Anime |
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
As a fan of the Sakura and Syaoran couple, my two favorite quotes are the following: | |
> "I don't want to be your master. I want to be your friend." - Sakura | |
> "Even if I lose this feeling, I'm sure that I'll just fall in love with you all over again." - Syaoran | |
This coming May 2016 will be the series' 20th Anniversary since its first release of the manga's first volume. I'd like to *really* celebrate it as a long-time fan! |
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
I'd like to \*really\* celebrate it as a long-time fan! |
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
![Sakura Kinomoto & Syaoran Li](http://ninpojineous.adrimarie.us/wp-content/uploads/2016/04/sakura_syaoran_letsbuild.jpg) | |
**Cardcaptor Sakura** is my favorite manga/anime series of all time. I love this series because it features the most common themes and cliches that we normally see in the everyday shoujo (girls) manga stories. It has the very adorable magical girl genre, a girl being the hero of our story, cute creatures as the hero's guardians and advisers, comedy, romance, implication of love between two boys, implication of love between two girls, adventure, and most of all, a pure and sweet innocent love between our girl hero and our boy hero. | |
But there are a few differences in the original manga and its anime version. When a story becomes popular but the manga series is short, the anime extends the story with many fillers. Here are a few: | |
**The manga and anime differences in Cardcaptor Sakura** | |
| Manga | Anime |
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
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Emmet Test</title> | |
</head> | |
<body> | |
div>ul>li*5 <!-- This line right here. Looks like CSS, huh? --> | |
</body> | |
</html> |
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
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Emmet Test</title> | |
</head> | |
<body> | |
<div> | |
<ul> | |
<li></li> |