1. HTML B OOT C AMP Chapter 4 Text Basics Kirkwood Continuing Education © Copyright 2016, Fred McClurg All Rights Reserved

2. The Tag Description: Defines a HTML division. General purpose block content container. Example: This header is red So is this paragraph 2 Chapter 04: Div Tag

3. The Tag Description: Useful for defining inline content. Example: This text is red in color. 3 Chapter 04: Span Tag

4. Common Attributes Description: A number of tags support the following attributes. 4 AttributeDescription alignleft, center, right, justify (No HTML5 support. Use CSS) id Unique value used by CSS and links title Title associated with div that is displayed when when mouse passes over element class Apply style to multiple common elements style Create inline style event Respond to user related event such as mouse click

5. The Tag Description: Defines a paragraph Syntax: Four score and seven years ago... Ending tag may be omitted. Best practice: Don’t omit ending tags. 5 Chapter 04: Paragraph Tag

6. Heading Tags Description: Defines six document headings Syntax: Heading One Heading Two Heading Three Heading Four Heading Five Heading Six 6 Chapter 04: Heading Tags

7. Heading Tags Web accessibility best practices: should be reserved for the page title. Every page should have an tag. More than one is discouraged. should be used for major headings.,,, should be used for sub-headings. 7

8. Centered Headings Center tag (deprecated): Ben Hur Heading tag with align attribute (also deprecated): Chariots of Fire 8 Chapter 04: Center Tags

9. More Centered Headings Heading tag with style attribute (recommended): The Robe 9 Chapter 04: Center Tags

10. Still More Centered Headings Heading tag with class attribute (also recommended):.centerText { text-align: center; } The Hiding Place 10 Chapter 04: Center Tags

11. Student Exercise Create a HTML document containing the following: 1. Six headers through. 2. One paragraph after each header. 3. Use a Lorem ipsum generator for random paragraph text: a. Consider using: http://lipsum.comhttp://lipsum.com b. Specify 50 words for each paragraph. c. Don't start each paragraph with “Lorem ipsum dolor sit amet”. 11

12. Content-based style considers the intent or the purpose of the content. The following are frequently used: Content-Based Style Tags Tag NameDescription Citation referencing a book or magazine title Represents computer source code Presents text with (italic) emphasis Indicates text typed on the keyboard Presents a strong (bold) emphasis 12 Chapter 04: Content-Based Tags

13. Physical-Based Style Tags Physical-based tags change the style of the content. Using CSS styling is strongly recommend instead. The following are frequently used: Tag NameDescription Bold face ( preferred) (no) Increases/decreases the size of the text (CSS preferred) Italic or oblique typeface ( preferred) Subscript displayed half size and lower Superscript displayed half size and higher Monospaced typewriter font (CSS preferred) 13 Chapter 04: Physical-Based Tags

14. The Tag Description: Inserts a line break in the text. HTML Syntax: XHTML Syntax: Example: What is greater than God, more evil than the devil, the dead eat it, but if the living eat it, they die? 14 Chapter 04: Br Tag

15. The Tag Description: Creates a region of non-breaking text. Example: The find command is the Swiss army knife of Linux commands. With a single command, you can search for a string inside all HTML files on a web site. For example: find. -name "*.html" - exec grep -l Waldo {} \; 15 Chapter 04: Nobr Tag

16. The Tag Description: Preserves the formatting of a text block. Example: main () { printf ( "Hello World\n" ); } 16 Chapter 04: Pre Tag

17. The Tag Description: Preserves the formatting of a text block just like except that it does not format embedded HTML tags. Not supported in HTML5. Example: main () { printf ( "Hello World\n" ); } 17 Chapter 04: Xmp Tag

18. The Tag Description: Tag to display contact information. Example: Kirkwood Continuing Education 6301 Kirkwood Blvd. SW Cedar Rapids, IA 52404 18 Chapter 04: Address Tag

19. The Tag Description: Indents the left and right margins of the text. Example: Our constitution was made only for a moral and religious people. It is wholly inadequate to the government of any other. — John Adams, 1854 19 Chapter 04: Blockquote Tag