Webpages are made up of html markup. If you click the source button you will see these html elements enclosed in <> characters. All html elements have an opening and closing tag. Notice that the closing tag has a forward slash in it.
Here is what the source of a paragraph element looks like.
<p>This paragraph has an opening and closing tag </p>
After clicking the source button you will see these common tags.
| <p>paragraph text</p> |
| <h2>Title of Page</h2> |
| <h3>Smaller Title</h3> |
| <h6>Smallest Header</h6> |
| <li>List Item<li> |
| <ul><li>Unordered List</li></ul> |
| <ol><li>Ordered List</li></ol> |
The source button looks like this:
Image
This is how the elements actually appear.
paragraph text
Title of Page
Smaller Title
Smallest Header
- Unordered List
- List item
- Last list item
- Ordered List
- List item
- Last list item
To view the html blocks, click the show blocks button that looks like this:
Image
Video file
Complexity
Intermediate