Sunteți pe pagina 1din 3

intermediate web design typography (h1) Modifying Text on Website (h2) It is possible to use the generic HTM tags!

We can go one step further by creating "## rules for each of the tags! These Tag selector rules will effect all instances of that HTM tag ist of HTM $lements %ocument Head (h&)

base ' %ocuments base () head ' information about head lin* ' in* to a related resource meta ' %ocument metadata style ' +n embedded style sheet title ' the document,s title

ists (h&)

dl ' defintion list ol ' ordered list ul ' unordered list dt ' + definition list term li ' + list item

Text (h&)

a ' +n anchor abbr ' +n abbre-iation acronym ' +n +cronym bold ' .old Text (dont use/ use strong) h1/h2/h&/h0/h1/h2 hr ' a hori3ontal line b ' bold text bdo ' .idrectional text o-erride bloc*4uote ' + long 4uotation br ' + line brea* cite ' + reference to a source code ' + code fragment del ' %eleted content em ' emphasi3e text ins 'inserted content i ' italici3ed text

*bd ' text for user to enter p ' + paragraph pre ' preformatted text 4 ' a short 4uotation sample ' sample output text small ' smaller text strong ' stronger text emphasis sub ' + subscript sup ' + superscript tt ' Teletype or monospace text -ar ' + -ariable

$mbedded "ontent (Images and 5b6ects) (h&)



area ' area element img ' an embedded image map ' image map container ob6ect ' + generic embedded ob6ect param ' 5b6ect resource parameter

7orms (h&)

button fieldset form input label ' + form control label legend ' + fieldset caption optgroup ' + group of select choices option ' + select element choice select ' + menu of choices textarea ' + multiline field for text

h1'h2 elements (h&)


The h1-h6 elements represent content headings of varying degrees of importance. The h1 is the most important, and the h6 is the least. Each heading describes the content aor functionality that follows, whether its an article, a sign-up form, a module with a group of links, the title above an embedded video and so on. Your h1-h6 headings are among the most important elements in any T!" document, because they are integral to defining your page#s outline. $lan them without regard for how you want them to look% focus on what headnig hierachu is appropriate for your content. This benefits both &E' and accessibility. &earch engines weigh your headings heavily, particularly the likes of h1. &creen reader users often navigate a page by headings, too, because it allows them to (uickly assess a page#s content without having to listen through every piece of content.

)y default, headings typically render at a si*e comparable to its importance and in bold. owever, as previously noted, don#t use a particular heading level +ust because you want it to look a certain way. You can control all of that with ,&&.