HTML Recap

The code for this week's session contains:

  • A recap of HTML elements such as
    • Headings,
    • Paragraphs,
    • Links,
    • Images,
    • Lists,
    • Bolds and Italics,
    • And divs;
  • And some basic CSS properties, including:
    • Font colo(u)r, size and weight,
    • Text-align,
    • Background colour,
    • Border properties,
    • And width and height.

The source code for this week is as follows:

<!DOCTYPE html>

<html>
  <head>
    <style>
	
h1 {
  color: blue;
  font-weight: 100;
  font-size: 40px;
  text-align: center;
}

p a {
  font-size: 70px;
}

div {
  background-color: green;
  height: 50px;
  width: 200px;
  border: 5px dashed aqua;
}
	
	</style>
  </head>
 
  <body>
  
    <a href="home.html">Home</a>
	<a href="about.html">About</a>
	<a href="cookies.html">Cookies!</a>
	<a href="contact.html">Contact Us</a>
	
	<p><a href="codecademy.com">Codecademys</a></p>
  
    <h1>HTML at CoderDojo Mallow</h1>
	<p><i>Fun</i> <b>fun</b> <i><b>fun</b></i></p>
	
	<ul>
	  <li>A</li>
	  <li>B</li>
	</ul>
	
	<ol>
	  <li>A</li>
	  <li>B</li>
	</ol>
	
	<img src="coderdojo.jpg"/>
	
	<div>
      <a href="http://www.google.com">Google</a>
	</div>
	
  </body>
</html>