Inline styles are the recommended way for you to create different looking fonts on a webpage. This tutorial shows you how to use the Format Font dialog.
Assuming you have started HotDog, close all the open documents.
From the Window menu, select "Close All".
Now, start afresh by creating a new document by doing one of the following:
Pressing <CTRL> + N.
Click
on the "File" toolbar.
Add the following text to your document, between the BODY tags:
This is my sample Text.
Save your document:
From the File menu, click "Save As..."
Use the Save As dialog to navigate to the "HTMLFiles" directory (under the HotDog6 directory).
In the "File Name" box enter the name "InlineStyleDemo".
Click "Save".
Select the text you want to format:
In your document, double click the word "sample" to select it.
Do one of the following:
Press F2
From the Format menu, click "Font".
Font tags are special tags (such as the <B> tag) that can be used to change the appearance of text. The World Wide Web Consortium recommends that people now use styles (or inline styles) to change the appearance of text.
To Change to the Inline Style Section of the Font Dialog:
On the left side of the "Format Font" window, click "Font".
Use the boxes under "Inline Font Styles" to change the appearance of your text. A preview of your text (in this case "sample") appears at the bottom right of dialog. This preview displays to you how your text will appear on a users browser once inserted into your document.
Click "OK" to insert the font changes into your document.
Your HTML text will now appear something like:
This is my <SPAN STYLE="{font-size : small; color : fuchsia; text-decoration : underline;}" >sample</SPAN> Text.
The text in red above defines your style.
To preview your text in a browser:
Press F9.
NOTE |
Styles are not supported by older browsers (version 2 browser generally). You may want to also include Font Tags (see step 4 above) as well for backwards compatibility. |