Web Designing 101 Class



I tried using the a tag


Alright. great work @Angie.

Let us add a navigation bar to the top of the page now.

Add this piece of code to your page. Put it above your About Life section.

  <li><a href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li><a href="#contact">Contact</a></li>
  <li><a href="#about">About</a></li>

After that, delete the lists you created and add the code below to your mycss.css.

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;

li {
    float: left;

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;

li a:hover {
    background-color: #ddd;


No worries it’s fine, this class work should show you how to use the <a> tag in combination with <ul> and <li>



awesome! so now we have a navbar – lool not the bootstrap kind (you’ll understand when we get there @Angie)

So our website is finally coming together.


Please what tag was used to get the horizontal List (nav bar)?




Quick note. The attribute href in <a> tag is used to link the list item to another website or another web page or div.


The ul tag.

As you can see, we created a <ul>, within it, we added <li> which is the list item and then we added <a> tag to the <li> to create links to the list item.

The rest we styled in our CSS.

Get it ?


Aha! I missed the .


Missed the < a > …


I want us to discuss forms but it’s almost 5 pm.

So here is your assignment for the weekend:

Create a simple website called Anelaw LTD. The company is a legal services provider.

On the website, I want to see info about what they do in an About Us page containing a table with the following columns:

Client Name | Type of Case | Judgement

Deadline is Monday 9th April, 2018.


Enclose your html code in </> to display it




Dont do to me, what they did to you noww…
Deadline, Monday??:disappointed_relieved::disappointed_relieved:


trust me it gets easier from here.


Thanks a lot @NaijaLander.
I truly appreciate your time and efforts!!

Enjoy your weekend dear!


Your welcome. Have an awesome weekend !


Hi @Angie, would you like to take a class today ?


@Angie, kindly paste a screen shot of your assignment.