Manuscript for HTML Tutorial #10

Listed below is the manuscript of all textual instructions used in HTML Tutorial #10 - Controlling Presentation with Inline Style. Most of this text is displayed inside the yellow balloons used to guide viewers as they watch the lessons.

Students and instructors may find it helpful to have a hard copy of these balloon instructions. You may print this web page to use as an aide in following, referencing, or demonstrating the web design series.

Manuscript Table of Contents

Entire HTML Tutorial Series

Tutorial #10 - Controlling Presentation with Inline Style

Lesson #10: Inline Style. In the last lesson, we used the <b> & <i> tags to affect the presentation of some of our text. However, those two tags are an exception to the rule. For the most part, presentation should be controlled by using styles.
There are three ways to apply style to your page:
1. Inline Style
2. Internal Style Sheets
3. External Style Sheets
For this lesson, we will look at the most basic, yet least efficient method: inline style
Click the play button to begin the tutorial.
Let's use inline style to make these italic words red.
We can affect everything inside of a tag set, by adding the style attribute to its opening tag.
An attribute is something we add to a tag in order to control its properties.
Attributes should always be followed by an equal sign, and a pair of quotation marks.
Inside of the quotations, we will specify the value of our attribute.
So basically what we're saying here, is that we want to change the style of our italic text, by declaring its color as red.
Let's see how it looks in a browser.
As you can see here, all the words contained inside of the italic tag set have become red.
We can apply the same style to an entire paragraph.
Inline style works well if you only need to change one unique item.
But what if we wanted to change the color of all our paragraphs? Would we have to add the style attribute to each one of them? Actually, there's a more efficient way to affect the style of multiple items on a page. We can use an Internal Style Sheet, which we will learn about in Lesson #11.

<<<Tutorial #9

Tutorial #11>>>