Linking It All Up2:40 with Treasure Porth
In this lesson, you will learn how to link up the new resume page to the profile site.
We have some links in the main navigation of the profile page. 0:00 But if you click on them nothing happens. 0:04 In the html, there's a pound symbol or hash symbol in the href. 0:07 These links don't go anywhere. 0:12 Of course, that's not what we want. 0:13 We want these links to take us to new webpages. 0:15 So let's link Experience to the Resume page we just created. 0:18 To link it up, you have to put the file path to resume.html into the href. 0:22 A file path is where the browser can find the file on the web server. 0:28 Resume.html and index.html are in 0:31 the same root folder, so we just need to type the name of the file to link to it. 0:36 Delete the pound symbol and type resume.html. 0:41 [BLANK] Refresh, click to see if this works and great it works. 0:47 Let's also write a link from scratch. 0:54 We can add a link to the resume page here. 0:57 In the unordered list in the background section. 1:00 Delete the text in the last list item, here where it says fourth list item and 1:04 replace it with, to learn more, view my resume. 1:08 We'll make view my resume a clickable link that will lead to the resume page. 1:12 Start by placing anchor tags around the text that you wanna make clickable. 1:17 So, around view my resume. 1:22 Now add the href, which, just like the experience link in the main nav, 1:27 will point to resume.html. 1:32 Let's go back and click on this and see if it works. 1:45 And there you go. 1:53 It takes us just where we wanted to go. 1:54 And that's how you can link your different web pages together to form 1:56 a complete site. 1:59 For practice, try adding a link back to the homepage on this resume page. 2:00 You can also create new pages for the other links in the main navigation bar and 2:05 link all those pages together. 2:09 Congratulations, you've learned the fundamentals of HTML and CSS. 2:11 You're familiar with the basic structure of a web page. 2:15 You learned how to create web pages from scratch and 2:18 link them together to create whole websites. 2:20 Now that you have the basics down, building and 2:23 experimenting with your own websites is a great way to keep learning. 2:25 There are many more courses here at Treehouse to help you delve deeper into 2:29 html, css, and web development in general. 2:33 So, until next time, have fun, learn a lot, and keep coding. 2:36
You need to sign up for Treehouse in order to download course files.Sign up