HTML Basic Structure
Bare Bones of the Page
- Document Type Declaration: HTML
- Head: Container for metadata (data about data)
- Body
- Headings
- Paragraphs
HTML Elements
An HTML element is defined by a start tag, some content, and an end tag. HTML elements with no content are called empty elements or void tags.
| Tag | Meaning |
|---|---|
| h1 through h6 | Heading 1 (largest): Heading 6 (smallest) |
| p | Paragraph |
| a | Link |
| img | Image |
| ul vs ol | Unordered List (bullets) vs Ordered List (numbers) |
| li | List item |
| tr, th, td | Table row, Table heading, Table data |
| nav | Defines a set of navigation links |
| div | Defines a block–level section in the document |
| span | Defines an inline section in the document |
| hr (empty) | Thematic break (line dividing sections) |
| br (empty) | Line break (start new line) |
HTML Attributes
HTML attributes provide additional information about HTML elements.
Examples
- a href= specifies the URL of the page linked
- img sr= source file attribute specifies the path to the image displayed
- img alt= specifies alternate text that will show if image fails to display
- p title= specifies text that will display when mouse hovers over
- div class= specifies a class for an HTML element (multiple HTML elements can share the same class)
- div id= specifies unique ID for an HTML element (cannot have more than one element with the same ID)