[Week 1](Week 1/Slides.pdf)

* [Simple HTML file](Week 1/examples/simple.html) - Shows the structure of a simple **index.html** file.

* [Non-semantic elements demo](Week 1/examples/elements.html) - Demonstrates the use of non-semantic elements in a web page.

* [Attributes demo](Week 1/examples/attributes.html) - Demonstrates various HTML elements that accept certain attributes.

* [CSS demo](Week1 /examples/index.html) - Demonstrates various CSS styling techniques.

<meta charset="utf-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>Week1 CSS</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Link your external .css file -->

<link rel="stylesheet" type="text/css" media="screen" href="main.css" />

<section>

<div>

<h1 aria-label="" class="cont">This is a header.</h1>

<p class="text">hello</p>

</div>

<div class="cont">

<h1 id="header1">This is a header.</h1>

<p class="text">hrllo</p>

</div>

</section>

h1,p{

background: blue;

text-align: center;

}

h2{

color: green;

}

#header1{

color: dodgerblue;

background: firebrick;

}