1 Formatting: Is What You See What You Get? Inline Styles Physical Styles Logical Styles Special Characters Turning of Formatting Deprecated Font-Handling Techniques Review Questions Exercise

2 Objectives Use of font properties in Web page designs. Utilize some physical HTML elements in Web page design. Incorporate some special character codes into HTML documents Know how to override text formatting within an HTML document

3 Inline Styles Physical styles: describe the way the text is to look in a browser bold Darker typeface italic Slanted typeface underline text Line drawn under text superscript Halfline above text bottom subscript Halfline below text bottom teletype (*)Monospaced typeface computer code (*)Monospaced typeface keyboard (*)Monospaced typeface big text (*)Default is 3; 1-7 small text (*)Default is 3; 1-7 strikethrough (*)Line drawn through text strikethrough (*)Line drawn through text

4 Inline Styles Logical styles: not only changes appearence of text, but also explain why the text was set off from the body of the page. long quote Longer than 40 words (cite) abbreviation (*)WWW, URL, or W3C acronym (*)NASA, BASIC, or FBI ( ) address (*)Atatürk Bulvarı No:167 citation (*)1937 by Robert Frost emphasized text (*)Enroll by june 30th deleted text (*)Removed from page (cite, datetime) inserted text (*)Added to page (cite, datetime) quote (*)Less than 40 words (cite) sample output (*)Printer output strongly emphasized text (*) Warning!... variable values (*)Last_name = ikinci definition (*)Large black object

5 Special Characters Certain characters--such as the brackets ( ) and the ampersand (&)--have a special meaning within the HTML scripting

6 Some Examples

7

8

9 Turning Off Formatting preformatted text Description: identifies preformatted text that the browser is instructed not to alter. Attributes:.....width

10 Deprecated Font-Handling Techniques Font of Text Description: changes the color, typeface, or size of font. Attributes: color, face, size....