< !DOCTYPE html>
< html lang="en">
< meta charset="UTF-8">
< meta http-equiv="X-UA-Compatible" content="IE=edge">
< meta name="viewport" content="width=device-width, initial-scale=1.0">
< link rel="stylesheet" href="css/style.css">
< title>The websites browser title shown to viewers in the tab.< /title>
Optionally add image here as above with an < img> element to create a banner to span top of website.
< p>Additional information pertinant to the title.< /p>
< p>Typical header contents include: One or more heading elements, Logo or Icon, Authorship information, Search bar, Navigational links, Etc.< /p>
< p>The main content on the website will be between header and footer. The body can have as many additional containers inbetween the header and footer as necessary, they can be div, section, article, nav, main, Etc.< /p>
< img src="img/your-saved-images-name-here.file-type-like-png" alt="This is text that is used to describe the photo if it doesn't load and only visable when the image doesn't load, or it will be read to a person if they are vision impaired and using a screen reader.">
< p>Containers can have multiple different containers inside or around them. This is show on this study template as seen by the borders around each element, this is a perfect display of nesting.< /p>
< p>This is an example of a hyperlink to Google like this.< /p>
< p>To create that hyperlink we will use an < a> tag like this:< /p>
< a href="www.google.com">Google< /a>
< p>Typical footer contents include: Authorship information, Copyright information, Contact information, Sitemap, Back to top links, Related documents, Etc.< /p>