Html text formatting

AGENDA The following topics will be used in the body of your document: Headers Paragraph tags Line Break tag Text formatting

HEADERS Headings or Headers are used to set apart the words of a title in a larger font size than the rest of the text The syntax is <hn>…..</hn> where n is the value from 1 to 6 There are 6 heading tags starting with <h1> as the largest through <h6> as the smallest.

Header Example <h1>This is the title</h1><h3>This is a subtitle</h3>This is plain text. This will render as follows: This is the title This is a subtitle This is plain text

Headings Headings are block elements. Each heading will automatically appear by itself on a line, followed by a blank line. You don’t need a line break. Headings have pre-set font sizes Headings inherit the font colour set with the text attribute of the body tag. Do not use headings to format regular text.

Header Attributes It is very common for headers (titles) to be centered on a page. You use the align=center for this. You can also use align=right if you want the header or title to be right aligned The syntax is: <h1 align=center>Georgian Bay Boats and Cottages</h1>

THE PARAGRAPH Paragraphs are used to group concepts and make it easier for people to read. Paragraphs are divided from each other by a single line. The paragraph element was developed to accommodate this Syntax for a paragraph is ……

Using Paragraph Tags Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec facilisis euismod purus. Etiam euismod. Ut rutrum malesuada sapien. Fusce auctor. Fusce ac wisi et orci luctus tincidunt. Sed wisi. Sed nec dolor. Suspendisse vehicula urna in urna. Nam at nisl . Phasellus sem. Morbi augue orci, molestie non, placerat ut, adipiscing id, erat. Phasellus tempor accumsan dolor. Pellentesque porttitor, nibh quis ullamcorper ullamcorper, quam quam sagittis neque, sed viverra mauris massa sit amet odio.

Aligning Paragraphs By default, most page elements are aligned to the left margin of the screen. By using the align attribute in the paragraph tag we can change the alignment of each paragraph to either the center or to the right. Syntax is ………. Syntax is …………

LINE BREAKS Browsers read your code exactly as you write it and ignore all but one blank space as well as the carriage return (enter key) Therefore, you must instruct the browser where it is to break the text and wrap it into a new line. To do this we use the tag Note the space between the br and the /

Line Breaks Osprey Fishing Tours Box 123 Parry Sound Call 1-705-555-1234 for information Because of the tag we don’t need a at the end of the last line. Remember automatically inserts a space.

OTHER TEXT FORMATTING ELEMENTS Bold element Syntax is …… Sometimes written as ….. The rain in Spain Falls mainly On the plain .

OTHER TEXT FORMATTING ELEMENTS Italic element Syntax is …… The rain in Spain Falls mainly On the plain .

OTHER TEXT FORMATTING ELEMENTS Underline element The syntax is …… The is underlined This is underlined

NESTING TEXT FORMATTING ELEMENTS Nesting Correct: plain Incorrect: plain Correct: The rain in Spain Incorrect The rain in Spain The rain in Spain Falls mainly On the plain

OTHER TEXT FORMATTING ELEMENTS Font element The syntax is….. FONT ATTRIBUTES Face indicates the typeface syntax is where n is the font name

OTHER TEXT FORMATTING ELEMENTS Size sets the size of the text enclosed in the font tags Syntax is ….. where n is the size 1 through 7 Color sets the color of the text enclosed in the font tags Syntax is where n is the Hex code or a color name.

The Nested Font Tag My text Will render as: My text

Html text formatting

More Related Content

What's hot

Viewers also liked

Similar to Html text formatting

More from derekoei

Recently uploaded

Html text formatting