| Semantic HTML |
- |
- Introduces meaning to elements/attributes
- Elements tell what they do and what content should go in it<html> tags
|
| Element Placements |
e.g.<header>, <footer>, <nav> |
- Element tells what it does or where it should be placed
|
| Section Element |
<section> |
- Defines elements like chapters or headings with same theme
|
| Title Element |
<title> |
- Contains title of an HTML document
- Displayed in the browser's title bar
- Contained inside <head> element
|
| Heading Element |
<h1> - <h6> |
- HTML can use six levels of heading elements
- Ordered from biggest (<h1>) to lowest (<h6>)
|
| Div Element |
<div> |
- Container that divides an HTML document into sections
- Short for "division"
|
| Paragraph Element |
<p> |
- Contains & displays a block of text
|
| Line Break Element |
<br> |
- Creates a line break in text
- Requires no closing tag
|
| Span Element |
<span> |
- Inline container for text
- Can be used to group text for styling purposes
|
| Strong Element |
<strong> |
- Highlights important, serious, or urgent text
- Browsers will normally render text in bold by default
|
| Emphasis Element |
<em> |
- Emphasises text
- Browsers will normally italicize text by default
|
| Ordered List Element |
<ol> |
- Creates list of items in sequential order
- Items will appear numbered by default
|
| Unordered List Element |
<ul> |
- Creates list of items in no particular order
- Items will appear with bullet points by default
|
| List Item Element |
<li> |
- Creates list item inside ordered/unordered lists
|
| Anchor Element |
<a href="..."> |
- Creates hyperlink that can point to other webpages, files on the same server, a location on the same page, or any other URL
- The hyperlink reference attribute (href) determines location the anchor element points to
|
| Target Attribute |
<a target="..."> |
- Specifies where a hyperlink should be opened
- Nested inside <a> opening tag
|
| Video Element |
<video src="..." controls> |
- Embeds media player for video playback
- src attribute contains URL of video
- controls attribute displays video controls in the media player
|
| Image Element |
<img src="..." alt="..."> |
- Embeds image in documents
- src attribute contains URL of image
- Requires no closing tag
- alt attribute contains alternative text if image fails to render
|