Example: Using semantic elements
This example shows the use of some of the semantic elements.
Typically the default styling of these elements does not make them look distinct. To remove the reference to the style file and see the default styling, make the link element into a comment. To make a line in an HTML document into a comment, put <!--
at the beginning of the line and -->
at the end of the line.
In the upcoming module on positioning, we will see how to position the various elements on the page.
Image: (right) Ivor Traber
Note:
Hints:
- undefined
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
<!DOCTYPE html>
<html lang="en">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
header {
color: white;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX