Linking

cassidoo · cassidoo · commit 385c3e282494 · 2014-02-04T01:44:57.000-06:00
diff --git a/Linking/home.html b/Linking/home.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html>
+	<head>
+		<title> My Website </title>
+		
+	</head>
+	<body>
+		<div class="header">This is a header</div>
+		<div class="menu">
+			<a href = "homepage.html">Home</a><br>
+			<a href = "aboutpage.html">About</a><br>
+			<a href = "contactpage.html">Contact</a><br>
+		</div>
+		<div class="content">
+			"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
+		</div>
+		<div class="footer"></div>
+	</body>
+</html>
diff --git a/Linking/main.css b/Linking/main.css
diff --git a/README.md b/README.md
@@ -1030,6 +1030,22 @@ Duh.
 
 ###The `<link>` Tag, Comments, and other Developer Joys
 
+Let's just say you want to reuse your styles across your website on every page.  It makes sense.  It'd be kind of annoying to have drastic changes on every page.
+
+That's where the `<link>` tag comes in!  The `<link>` tag is an empty tag (like <br> and <img>), so it has no end tag, and it's used to link to external stylesheets!
+
+What the heck is an external stylesheet?  Well, put simply, it's CSS, in its own file.
+
+You write the `<link>` tag like this:
+
+	<link rel="stylesheet" type="text/css" href="main.css">
+
+Let's take a look at those attributes.  The `rel` attribute is for *relationship*.  It specifies the relationship between the current document and the linked document, which will almost always be `stylesheet`.  I've never actually seen it in action with anything other than `stylesheet`, but if you really want to know other values you can look it up.
+The `type` attribute will also pretty much always be `text/css`.  If it's ever anything else when you want to use it with CSS, I will be quite surprised.
+And finally, `href`.  You remember this one, I hope!  It's just like our `<a>` tag.  It is the URL of the stylesheet.
+
+Let's check out this `<link>` tag in action.  Open up the Linking folder and open home.html, and paste the `<link>` line above on the line below the `<title>` tags in the `<head>`.  Voila!  That's it.  Refresh your browser and check out the magic.
+
 Psh like I'm going to write this before I eat another cookie.  Break time.
 
 ## Wut
