Tepp Räisänen Liike/OAMK 2011 XHTML Elements Tepp Räisänen Liike/OAMK 2011

About the Elements An element consists of Beginning tag Element contents End tag (if not an empty element) Many elements can be used as nested structures Elements have specific roles, e.g. h2 = second-level heading

Empty Elements Some elements are used as empty elements (without any content between tags) The end tag of the element is not written An empty element can be a simple command (<br />) or information can be declader in the attributes ( <img />)

Block Elements vs. Inline Elements Block elements can contain both block & inline elements p, form, table… Inline elements can only contain other inline elements a, b, i… Some elements can be used in both ways applet, button, script

Block Elements vs. Inline Elements Block elements appear within their parent elements: as rectangular objects which do not break across lines; with block margins, width and height properties which can be set independently of the surrounding elements. Conversely, inline elements are treated as part of the flow of document text they cannot have margins, width or height set, and do break across lines.

Attributes Attributes can be used for declaring information about an element An attribute consists of a name and a value The value is written inside quotes and assigned using =-symbol, e.g. alt=”my picture”

Attributes To use attributes one must know the valid attributes for a specific element Only the core attributes are available for all the elements (with a few exceptions): class, id, style, title dir, lang