Web Designing 101 Class


#61

This is the result

My First Webpage

About Funsho

Funsho is a quiet person. He enjoys reading books on history and sociology, he is single and enjoys the company of women, he is a Christian deist

At the moment, there is a growing power vacuum in Nigeria . The civil war is how Nigeria transitioned into the modern world. The inheritors of the power vacuum left by the old guard at the time were army generals and civilians who helped win the war, today, those army generals are either dead, dying or in semi-retirement, namely; Segun Obasanjo, Ibrahim Babangida, Theo Danjuma, Muha Buhari, Abdul Abubakr, to name a few, the direction the nation took after the civil war can either be directly or indirectly linked to decisions made by these men, as they approach the latter years of their lives, they interfere less in the daily running of the country’s affairs, this is where the power vacuum comes in; someone or another batch of politicians, technocrats (we pray and hope), army generals must take their place to determine the nation’s destiny.


#62

The tag has an attribute called “src”, we equate this attribute to the location of the image we want to display.

It also has the following attributes:

alt - the caption of our image when we hover over the image with our cursor
width - the width of the image
height - the height of the image


#63

The image must be online, right? For example, I cant use my picture saved on my laptop?


#64

Quick Note

<tagname attritube-name = "attribute-value"></tagname>

This is the basic structure of an HTML tag.


#65

Nooo. You can definitely use an image on your laptop. Do this:

Create a folder in your Web Designing Class folder, call it “Images”

In the src attribute of your tag, put “/Images/<name-of-image-with-extension” eg:

<img src="/Images/myimage.jpg" alt="a caption" width="104" height="142">


#66

You place the images you want to put on your website in this folder. @Angie


#67

Also do this:

Create two more folders in your web folder, call the first one ‘css’, the second one ‘js’.


#68

For an online picture, do I copy and paste the weblink in the first quote? What address did you put in the second quote?


#69

Yes, the weblink is the link to the image I want to display. For this class, I recommend you use an image in your laptop.

The second quote does not have to be an address.


#70


#71

Awesome!.

Now let us examine how to display buttons on our webpage.

This is the code for displaying a button:

<button>Click me</button>

The text between the button tag is displayed on our button. This is the result:

btn


#72


#73

@Angie, a more suitable way to create a button is to use the <input> tag. We will examine more of this in our next class. Now let us learn to to display a simple list.


#74

Good Job!


#75

Thank you so much @NaijaLander!!


#76

This is how you display a list in HTML.

 <ul>
  <li>Money</li>
  <li>Peace</li>
  <li>Love</li>
</ul> 

Add this to your paragraph as a list of things you like. This is the result:

  • Money
  • Peace
  • Love

#77

I am doing something wrong


#78

@Angie Class Work

 <!DOCTYPE html>
<html>
<body>

<h2>About Stuff</h2>
<p>At the moment, there is a growing power vacuum in <a href = "https://ynaija.com/referring-to-nigeria-as-naija-is-worrisome-noa/">Nigeria</a>. The civil war is how Nigeria transitioned into the modern world. The inheritors of the power vacuum left by the old guard at the time were army generals and civilians who helped win the war, today, those army generals are either dead, dying or in semi-retirement, namely; Segun Obasanjo, Ibrahim Babangida, Theo Danjuma, Muha Buhari, Abdul Abubakr, to name a few, the direction the nation took after the civil war can either be directly or indirectly linked to decisions made by these men, as they approach the latter years of their lives, they interfere less in the daily running of the country’s affairs, this is where the power vacuum comes in; someone or another batch of politicians, technocrats (we pray and hope), army generals must take their place to determine the nation’s destiny. </p>

<img src="https://static.ynaija.com/wp-content/uploads/2017/02/21220248/Naija-690x368.jpg"/> </br>

These are a list of things I love:

<ul>
<li>Money</li>
<li>Peace</li>
<li>Love</li>

</ul>

</body>
</html>

#79

Yes. Your</html> closing tag is missing.


#80

About Stuff

At the moment, there is a growing power vacuum in Nigeria. The civil war is how Nigeria transitioned into the modern world. The inheritors of the power vacuum left by the old guard at the time were army generals and civilians who helped win the war, today, those army generals are either dead, dying or in semi-retirement, namely; Segun Obasanjo, Ibrahim Babangida, Theo Danjuma, Muha Buhari, Abdul Abubakr, to name a few, the direction the nation took after the civil war can either be directly or indirectly linked to decisions made by these men, as they approach the latter years of their lives, they interfere less in the daily running of the country’s affairs, this is where the power vacuum comes in; someone or another batch of politicians, technocrats (we pray and hope), army generals must take their place to determine the nation’s destiny.

These are a list of things I love:

  • Money
  • Peace
  • Love

Create a web page similar to this @Angie. Send the screenshot. That’s the class work for today.