Join James Williamson for an in-depth discussion in this video The style element, part of HTML Essential Training.
In our last exercise we discussed why it was a bad idea to…style HTML elements directly using inline styles.…It's a lot more efficient to have styles that can affect an entire page or…an entire site all at once.…So to introduce that concept we're going to take a look at using the style…element and move our styles into the head of our document.…To do this, we're going to work with the style.htm which is…found in the 07_03 directory.…And again, you can see we're sort of picking up where we left off.…We had a heading two on the page.…
And currently its using inline styling to make itself red and…change its font weight to normal.…So I want to move that up so that any h2's that might be on this page are effected by…that and I'm not having to do this inline styling for every single one of them.…Again, we're going to do this in the head of the document,…remember the head is where those sort of invisible things that…help make the page work go and we're going to do a style tag.…So we're going to go ahead and open up a style tag and…
- 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.