Join James Williamson for an in-depth discussion in this video Externalizing styles, part of HTML Essential Training.
So far we've worked with styles that are embedded directly into the page.…While that's great for controlling styling for a specific page,…it's still rather inefficient in terms of styling an entire site.…So in this exercise we're going to focus on externalizing our styles and…then applying them to multiple pages.…So I'm going to be working with the external.htm file found in…the 07_06 directory.…And little later on in this exercise we'll be working with page 2.htm as well.…So currently we're sort of picking up where we left off.…
We have some styles supplied in the head of the document.…And we have our fairly simple page with the heading one, couple of paragraphs.…You know you will notice that we have a link on the page to page 2.…And that page 2, if I open that up, has no styles applied to it whatsoever.…It says nothing up in the head.…And that is a link back to page one.…So gives you an idea of kind of the structure that we're working with.…Okay.…So what we would like to have happen.…Is we would like to have the styles that are currently in the head of this document…
- Why is HTML important?
- Exploring an HTML document
- Formatting content
- Displaying images
- Using nav, article, and div elements
- Linking to pages and downloadable content
- Creating lists
- Controlling styling (fonts, colors, and more)
- Writing basic scripts
Skill Level Beginner
1. Introducing HTML
2. Basic Page Structure
3. Formatting Page Content
4. Structuring Content
5. Creating Links
6. Creating Lists
7. Controlling Styling
8. Basic Scripting
Next steps2m 16s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.