Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,154,193 members, 7,822,025 topics. Date: Thursday, 09 May 2024 at 02:11 AM

Iyenimofe's Posts

Nairaland Forum / Iyenimofe's Profile / Iyenimofe's Posts

(1) (2) (3) (4) (5) (6) (7) (8) (9) (10) (11) (of 11 pages)

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:24pm On Aug 13, 2013
cannonnier:

Go to this n.l link pleace and observe the source of the news www.nairaland.com/1386832/fred-amata-parties-viva-bianca
The link itself- http://www./photos-fred-amata-parties-with-spartacus-star/ is a full address. However, the words "more pix" is the clickable text. The code would thus be:
<a href="http://www./photos-fred-amata-parties-with-spartacus-star/">more pix</a>. So "more pix" is NOT the address but it's a link telling you that- "if you click me, I will take you to the address, www./photos-fred-amata-parties-with-spartacus-star/."

13 Likes 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:17pm On Aug 13, 2013
cannonnier:

This link am always seeing leads to different webpage, and it apear just SOURCE.
Post the link.
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:55pm On Aug 13, 2013
cannonnier:

I notice that in some links shared here on NL you see SOURCE (which is clickable) instead of the full html link.
How does that work.
The full address is used as a link when the destination page is on another website. However, if the destination page is on the same site, the full address wouldn't be needed.
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 3:35pm On Aug 13, 2013
cannonnier:

I notice that in some links shared here on NL you see SOURCE (which is clickable) instead of the full html link.
How does that work.
Do you mean an adress without http:// ?
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:38pm On Aug 12, 2013
Pictorial Representation of Hyperlinks.

3 Likes 1 Share

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:32pm On Aug 12, 2013
Usually, a text link is differentiated from normal text in this way. When the mouse is hovered (moved over) the link, the arrow changes to a hand. By default,
An unvisited link is blue in color and underlined.
A visited link is purple in color and underlined.
An active link is red and underlined.

9 Likes 6 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:18pm On Aug 12, 2013
HTML Hyperlinks
HTML Hyperlinks are words or images that are found on a page (source page), such that if it is clicked, the user will be taken to another point (destination) in the same page or a different page.
Links are created with the anchor <a> tag. The <a> tag is however useless if the destination is not given. This is done with the href (hyperlink reference) attribute. As learnt in a previous session, all attributes have values. The value of the href attribute is the URL of the destination page. Thus, the Hyperlink syntax is:
<a href="url">Content</a>
NOTE: It is the content between the opening and closing tag that is clicked as the link.
Example: <a href="http://www.nairaland.com">Nairaland</a> The text Nairaland will appear as the link and when clicked, will take the user to the adress- http://www.nairaland.com.

6 Likes 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 1:02pm On Aug 12, 2013
Next we move to
PART 4
Hyperlinks and Images.

4 Likes 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:50pm On Aug 12, 2013
So far this is what we have covered in Topic 1- HTML:
PART 1
Session 1- Introduction to HTML
Session 2- Brief History of HTML
PART 2
Session 1- Writing HTML
Session 2- Summary of HTML Syntax
PART 3
Session 1- Basic HTML Page Structure
Session 2- DOCTYPE
Basic HTML Elements
Session 3- <html> tag
Session 4- <head> tag which contains <title>, <base>, <link>, <meta>, <script> and <style> tags.
Session 5- <body> tag which contain the <h1> to <h6> tags, <p>, <hr>, <br> and Text formatting tags.
For futher info, consult the session that needs rectification in previous posts. (OR POST THE QUESTION)

12 Likes 5 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:36am On Aug 12, 2013
tesorunke: A pdf or ms word format wil b more elaborate,wen all info re compiled 2geda.cos of confusion...
No worries, there is something greater than that after we're through with HTML.
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:27pm On Aug 09, 2013
Example of some Text Formatting tags in code and browser view.

8 Likes 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:25pm On Aug 09, 2013
Text Formatting Tags:
There will come a time when you'll need to format some of your text for emphasis, highlighting, e.t.c. You might have come across most of them when using MS Word and even here on Nairaland. The predominant text formatting tags.
The Bold <b> tag: This tag makes the selected text bold.
<b>Text</b>
The Italics tag: This tag makes the selected text italicized
<i>Text</i>
The Subscript <sub> tag: This tag makes shrinks the selected text in relation to other text around it.
<sub>Text<sub>
The Superscript <sup> tag: This tag raises the selected text in relation to other text. This is similar to the way we write indices in Maths.
<sup>Text</sup>
The Computer Code <code> tag: This tag presents the selected text as if it were written by a typewriter. This tag is useful if you want to illustrate a code, when teaching online.
<code>Text</code>

11 Likes 5 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 3:50pm On Aug 09, 2013
Example of the <hr> tag in code and browser view.

3 Likes 7 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 3:43pm On Aug 09, 2013
There are two tags that work in hand with the <h> and <p> tags. These are:
1-The Horizontal Rule <hr>: The <hr> tag crates a horizontal rule in the document. The horizontal rule is created on a new line. It can be used to show the end of a particular section in an article.
2-The Break <br> tag: It sends contents to the next line. It can be used as an alternative to the <p> tag for this function only.
NOTE: The <hr> and <br> tags don't require a closing tag.

8 Likes 6 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:41am On Aug 09, 2013
+@ctive:
Also, can you kindly, expatiate on the <base> tag, I do not see the usefulness of it.
Twill be treated in the Links class.
+@ctive:
@op, do we have to store each and every declaration in our memory? I like the simplicity of the declaration for HTML 5.
Just save the declarations in a .txt file and when you need any of it, copy and paste.

NICE ONE WITH THE <thanks> tag... But eh! I hope others know it doesn't exist and you just made it up! smiley

8 Likes 1 Share

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 7:27am On Aug 09, 2013
brownlord: Walks into thread with my analog computer, what am i seeing, web design class, running back to gate computer school to collect my 10k. @op, i carry my mama, take beg my late papa to take tell you thank you for this good work.

Sit down quietly in front sit, as a good student, following the explanation carefully, no more NYSC and politics thread. i don collect prefect for this class
What you're going to Sokoto to learn is right in your sokoto.

5 Likes

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 8:49pm On Aug 08, 2013
*dhtml:

What have you learnt that you want to write exam? olodo!
@op, you can check out that my textpad app and let us know if your students can use it - or if i need to take it back to the drawing job. It was your post that made me feel like contributing it now - i have created my own tutorial threads in the past and will support those taking similar steps.
Nice Idea! Just give me some time to check it out.

1 Like

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 8:46pm On Aug 08, 2013
Aafulenu: Thank u kiss kiss
:-) Its our job- imparting knowledge. Just do the learning!

2 Likes

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 8:44pm On Aug 08, 2013
+@ctive:
Great job @op. When will exams be coming up?
cheesy

3 Likes

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:28pm On Aug 08, 2013
Example of the <p> element in code and browser view.

4 Likes 1 Share

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:55pm On Aug 08, 2013
Aafulenu: Quick question, whats d best format? Html 4, html 5 or xhtml?
The main difference between HTML 4.01 and XHTML 1.0 is that HTML 4.01 is more "forgiving" e.g you can ommit certain closing tags. So its good for a beginner. XHTML 1.0 does not do this. This gives an advantage of dependability and thus is widely used by webmasters. HTML5 is straight foward (as you can see in its DOCTYPE). However, it is not supported in old browsers. But features not supported will degrade to its older counter parts. I use XHTML 1.0 though. You can use any according to the above stated explanation. All oft their advantages and disadvantages...

6 Likes 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:04pm On Aug 08, 2013
The Paragraph <p> tag-
The <p> tag is used to create a new paragraph in an HTML page. The <p> tag is somewhat compulsory as all items (text, images, e.t.c) lay within it. The code for inserting a paragraph is:
<p>content</p>
When a new <p> element is inserted after a previous <p> tag, a line of white space is left and its contents start on the line after.

8 Likes 3 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:09pm On Aug 07, 2013
The headings should be used as headings and as headings alone. DO NOT use headings to make text bigger (that's the work of another tag) as search engines use headings to determine the structure of your page and it will help in SEO.

9 Likes 1 Share

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:50pm On Aug 07, 2013
<h1> to <h6> tags

7 Likes 3 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:42pm On Aug 07, 2013
The <h1> tag is the largest of the <h1> to <h6> tags, with <h2> being smaller than <h1>, <h3> is smaller than <h2> and so on. The <h6> tag is the smallest among his "brothers."
Thus, you may use <h1> as the main heading of a page, <h2> as a subheading and so on.
To appreciate the difference between this tags, consider this image. The first line of text was written as an <h1>, the second <h2>, the third <h3> and so on.
NOTE: Writing the <h2> to <h6> tags is the same process of the <h1> tag, except that 1 in <h1> is replaced with 2, 3, 4, 5 or 6.

7 Likes 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:25pm On Aug 07, 2013
Input in your text editor:
<h1>Your Text</h1>
And "Your Text" will be highlited as your heading. Example: The HTML code <h1>Why Learn Web Design?</h1> will appear like this in a Web browser:

2 Likes 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:01pm On Aug 07, 2013
The Headings- <h1> to <h6> tags:
These tags are used to signify headings of a document. Headings in a Web page are used in the same way you'll use an heading when writing a physical article (in paper and pen).
To create a heading:

4 Likes 1 Share

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:49pm On Aug 07, 2013
The <body> element nests other tags that control the way webpage contents appear to the visitor/viewer. The elements within the <body> and </body> ARE VISIBLE to the viewer unlike those found in the <head> section. The basic elements in the <body> section are:

3 Likes 1 Share

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:26pm On Aug 07, 2013
Having completing the head section, we shall now move to Session 2: The <body> element.

4 Likes 3 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:20pm On Aug 07, 2013
Will give this in a Web browser : (The one used in this image is Google Chrome)

2 Likes 2 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:17pm On Aug 07, 2013
PICTORIAL ILLUSTRATION:
The code in this image:

5 Likes 3 Shares

Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:40pm On Aug 06, 2013
Other elements included in the <head> section are:
The <base> element:
It is used to create a base or default URL for all link on the page.
The <link> element:
It links the document to an external document. E.g a style sheet(for beautifying a page).
The <meta> element:
It provides keywords, document description, author of document, e.t.c. The meta tag elements are very useful for Search Engine Optimization (SEO), thus they will be discussed in full later.
The <script> element:
It is used to attach a client-side script like JavaScript in the document.
The <style> elements:
It is used to include CSS rules in the document.

NOTE: The elements above will be treated later when we apply them as to their respective uses.

15 Likes 2 Shares

(1) (2) (3) (4) (5) (6) (7) (8) (9) (10) (11) (of 11 pages)

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 50
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.