Big Erns’ Basic Semantic Styles – Download (8.76 K)

Styles featured in this document…

paragraph styles

h1(%) – header, level 1

h2(%) – header, level 2

h3(%) – header, level 3

p(%) – unstyled text

pre – preformatted text

body – relative size text

blockquote – long quote or passage

class styles

cite – citation

q – quotation

del – deleted (strikethru)

samp – sample computer code

kbd – keyboard (computer) text

em – emphasized (italic) text

strong – emphasized (bold) text

%-Sized Header h1

This is %-sized paragraph text, blah blah blah, with strong, and em, and emstrong styling.

%-Sized Header h2

This is %-sized paragraph text, blah blah blah, with strong, and em, and emstrong styling.

%-sized Header h3

This is %-sized paragraph text, blah blah blah, with strong, and em, and emstrong styling.

This is a blockquote. Styles create a visual appearance, while semantic tags identify types of information. Sighted humans can visually reason types of information from their appearance, however visually challenged humans (and browsers) may not be able to. Additionally, non-human readers like output devices and search engines can't make such visually-reasoned decisions about the content of a site.

This is a citation, and this is not. This is a short quotation, and this text has been deleted.

This is preformatted text, preserving ordinary spaces (     ) and line breaks. This means that lines wrap only at line breaks. <br/> 
Good for showing some code examples.

<div>
   <p class="code">This is a sample of my code style, also for showing code examples, while allowing line wrapping, butusing non-breaking spaces and soft-breaks instead of hard returns.</p>
</div>

This is {sample: computer-code;} text. This is keyboard text (cmnd-d).

This is an address:
PO Box 76
Yucaipa, CA 92399