12.09.2015 Views

Boot Camp

Web Authoring Boot Camp - StudioBast

Web Authoring Boot Camp - StudioBast

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Text Coding<br />

10<br />

Text Coding<br />

Now, on the nitty-gritty of handling the text formatting options you have with HTML/<br />

XHTML. While we have looked at the basic tags, let’s get into more detail and see how<br />

coding text content works.<br />

Body Section Heading Elements<br />

The six heading elements, H1 through H6, represent section headings. Although the order<br />

and occurrence of headings is not constrained by the HTML DTD, documents should not<br />

skip levels (for example, from H1 to H3), as converting such documents to other representations<br />

is often problematic.<br />

The headings default to a bold version of whatever the default font of a visitor’s computer<br />

is, usually Times or related serif.<br />

H1: Bold, very-large font (approximately 24pt), centered, block-level. One or two blank<br />

lines above and below. Good for website identifier title in the banner segment.<br />

I am Heading 1.<br />

H2: Bold, large font (approximately 18pt), flush-left, block-level. One or two blank lines<br />

above and below. Good large subhead for web page identifier title in the body segment.<br />

I am Heading 2.<br />

H3: Italic, large font (approximately 14pt, slightly indented from the left margin, blocklevel.<br />

One or two blank lines above and below. Good smaller subhead for web page subsection<br />

headings in the banner segment.<br />

I am Heading 3.<br />

H4: Bold, normal font (approximately 12pt), indented more than , block-level. One<br />

blank line above and below. Good smaller subhead for web page subsection headings in<br />

the banner segment.<br />

I am Heading 4.<br />

H5: Italic, normal font (approximately 10pt), indented as , block-level. One blank<br />

line above. Good for small font uses, like image captions, footer address info, etc.<br />

91

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!