Web Technology Notes

!doctype – (document type definition) describes markup language syntax html – contains the web page document head – contains information that describes things about the web page document title – text displays in title bar of window meta – describes the character encoding body – contains text and elements that display in the web page document

Line Break element  Stand-alone tag  Called a void element in HTML5
...text goes here This starts on a new line...
 Causes the next element or text to display on a new line – even if the text is on the same line in the file

HorizontalRuleelement  Stand-alone tag

 Configures a horizontal line on the page
 Used to indicate a thematic break at the paragraph level

Indicate the context and meaning of the text. Displays inline with the text
• CommonLogicalStyleTags  causes text to "stand out" from surrounding text. Usually bold.
This is important
 causes text to be emphasized in relation to other text on the page. Usually italics.
Please note

1. Inline (style for one element) [we’ll cover this one last]
2. Embedded (style for all elements in page)
3. External Style Sheets (style for elements in multiple pages)

p { font-family: Arial, Helvetica, sans-serif; }

• text-align property
Configures the alignment of text h1 { text-align: center; }
• text-indentproperty Configures the indentation of the first line of text in an element p { text-indent: 5em; }

Font-size property
• Configures the size of the text p { font-size: 90%: }

Font-weight property
• Configures the boldness of text li {font-weight: bold; }

Font-style property
• Configures the style of the text
#footer { font-style: italic; }

line-height property • Modifies the height of a line of text p { line-height: 120%;