Banner that reads, Adam Eidson's Coding Playground
html Container < /html>

< !DOCTYPE html>

< html lang="en">

< head> Container < /head>

< 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>

< body> Container < /body>
< header> Container < /header>

Optionally add image here as above with an < img> element to create a banner to span top of website.

< h1>Welcome message/title displayed at top of webpage.< /h1>

< 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>

< section> Container < /section>

< h1>The majority of the website content is located here.< /h1>

< 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>

< section class="photo"> < /section> A picture of the word Content.

< h2>To add an image you will need:< /h2>

< 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.">

< section class="containers"> < /section>

< h2>A random bar of text to highlight containers.< /h2>

< 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>

< section class="hyperlink"> < /section>

< h2>This section will cover adding Hyperlinks.< /h2>

< 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>

< footer> Container < /footer>

< h2>The website can include any typical footer type information down here.< /h2>

< p>Typical footer contents include: Authorship information, Copyright information, Contact information, Sitemap, Back to top links, Related documents, Etc.< /p>