HTML and CSS terminology for the DOM

1. Understanding HTML and terminology
Html Attribute Name
Html Tag Name
Html Attribute Value

2. Understanding HTML and terminology
“Class” and “ID” are also Attribute Names

3. Understanding HTML and terminology
Class value 1 Class value 2 Class value 3

4. Understanding HTML and terminology
Opening Tag
Closing Tag

5. Understanding HTML and terminology
Text Value
Nested content

6. Understanding HTML and terminology
Parent Elements Key Element
Child Elements

7. Understanding HTML and terminology
Sibling Elements

8. Understanding HTML and terminology
Summary:
• Html DOM consists of: HTML Tags, HTML Attributes and Attribute values
• “Class” and “ID” are also HTML attribute names
• “Class” attribute can have several values and each value is separated by space
• HTML tags usually come in pairs of Opening and Closing tag. Closing tag has the same
name and forward slash
• Value in between angle brackets (>here<) is a plain text
• Elements above the “key” web element are Parent Elements
• Elements Inside of the “key” web element are Child Elements
• Elements placed at the same level side by side are Sibling Elements