Simon Ombori
Computer Scientist with a lot of interest in data science and blockchain technology. I love to pass on knowledge.

Shallow Dive Into HTML/CSS

Prerequisite

Completion of HTML & CSS Module 1 or understanding of creating a web page with basic HTML elements

Learning outcome

The module build on the basic skills acquired in module 1 to learn how to layout your page to create beautiful websites. Students learn how to work with multiple pages, connect them to the main page, maintain a constant theme throughout the pages .

  • Managing a file directory with multiple folders to hold HTML files, style sheets and images separately
  • Creating web page structure using HTML5 header, main and footer elements to layout the page
  • Inserting comments in the HTML code
  • Styling an unordered list to create a navigation menu in the header section
  • Using the section tag to structure content in the main section of your page
  • Using the div element to create further structure to a web page
  • Creating multiple pages and linking them on the navigation bar
  • Creating hyper links to external websites
  • Creating a HTML5 table and styling it
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
  <title>My first styled page</title>
</head>

<body>

<!-- Site navigation menu -->
<ul class="navbar">
  <li><a href="index.html">Home page</a>
  <li><a href="musings.html">Musings</a>
  <li><a href="town.html">My town</a>
  <li><a href="links.html">Links</a>
</ul>

<!-- Main content -->
<h1>My first styled page</h1>

<p>Welcome to my styled page!

<p>It lacks images, but at least it has style.
And it has links, even if they don't go
anywhere&hellip;

<p>There should be more here, but I don't know
what yet.

<!-- Sign and date the page, it's only polite! -->
<address>Made 5 April 2004<br>
  by myself.</address>

</body>
</html>
Share

You may also like...

1 Response

  1. Avatar Benson Maweu says:

    Kaka, you are doing a wonderful job. Kudos

Leave a Reply