tailieunhanh - HTML in 10 Steps or Less- P4

HTML in 10 Steps or Less- P4:Welcome to HTML in 10 Simple Steps or Less. Our mission in writing this book is to provide a quick and accessible way for you to learn Hypertext Markup Language — the lingua franca of the World Wide Web. We hope this book provides a resource that beginning and intermediate HTML coders can use to improve their Web development skills. It is also our hope that it fills multiple roles as both a teaching tool and a reference once you expand your skills. | 36 Part 2 Task Applying Logical Styles The physical styles you learned about in Task 16 apply a specific appearance to text. Logical style tags format text according to the text s meaning without implying a specific appearance. This sounds like two different things but because the HTML standard leaves the rendering of logical styles up to the browser logical styles to date produce the same effect on text as physical styles. note Logical styles are favored over the deprecated physical styles not only in XHTML but also in HTML 4 and . 1. To place emphasis on a chosen word place the text between em and em tags em Emphasis em looks i italic i 2. To place stronger emphasis on a chosen word use the strong and strong tags strong Strong strong looks b bold b 3. To define a section of text as a code sample use the code and code tags code Code code looks like tt teletype tt 4. To define a sample of literal characters use the samp and samp tags samp Sample samp looks like tt teletype tt too. 5. To define text as it should be typed by a user for example in an instructional manual use the kbd and kbd tags short for keyboard kbd Keyboard kbd also looks like tt teletype tt . 6. To define text as a variable name for example in a programming language use the var and var tags var Variable var looks i italic i . 7. To format text as a term definition use the dfn and dfn tags dfn Definition dfn also looks i italic i . 8. To define a citation as out of a book use the cite and cite tags cite Cite cite is another logical style that looks i italic i . Figure 17-1 shows the results of the code listed in Listing 17-1. Please purchase PDF Split-Merge on to remove this watermark. Working with Text 37 html head title Logical Styles title head body P em Emphasis em looks i italic i . br strong Strong strong looks b bold b . br code Code code looks like tt teletype tt . br samp Sample samp looks like tt teletype tt too. br kbd Keyboard kbd also looks like tt teletype tt . br