Web Technology Notes

Only available on StudyMode
  • Topic: Typography, HTML, Markup language
  • Pages : 2 (279 words )
  • Download(s) : 126
  • Published : February 28, 2013
Open Document
Text Preview
!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%; }
tracking img