Web Designing 101 Class


#182


#183

I tried using the a tag


#184

Alright. great work @Anelaw.

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.

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

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

#185

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


#186


#187

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

So our website is finally coming together.


#188

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


#189

:joy::joy:


#190

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


#191

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 ?


#192

Aha! I missed the .
Thanks!


#193

Missed the < a > …


#194

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.


#195

Enclose your html code in </> to display it

image


#196

Chai.

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


#197

trust me it gets easier from here.


#198

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

Enjoy your weekend dear!


#199

Your welcome. Have an awesome weekend !


#200

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


#201

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