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(op): 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-biancaThe 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(op): 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(op): 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.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(op): 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.Do you mean an adress without http:// ? |
| Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 10:38pm On Aug 12, 2013 |
Pictorial Representation of Hyperlinks. 3 Likes 1 Share
|
| Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 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(op): 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(op): 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(op): 12:50pm On Aug 12, 2013*. Modified: 11:38pm On Aug 18, 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(op): 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(op): 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(op): 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(op): 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(op): 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(op): 11:41am On Aug 09, 2013*. Modified: 12:11pm On Aug 12, 2013 |
[quote author=+@ctive]Also, can you kindly, expatiate on the <base> tag, I do not see the usefulness of it.[/quote]Twill be treated in the Links class. [quote author=+@ctive]@op, do we have to store each and every declaration in our memory? I like the simplicity of the declaration for HTML 5.[/quote]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!  8 Likes 1 Share |
| Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 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.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(op): 8:49pm On Aug 08, 2013 |
[quote author=*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.[/quote]Nice Idea! Just give me some time to check it out. 1 Like |
| Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 8:46pm On Aug 08, 2013 |
Aafulenu: Thank u:-) Its our job- imparting knowledge. Just do the learning! 2 Likes |
| Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 8:44pm On Aug 08, 2013 |
[quote author=+@ctive]Great job @op. When will exams be coming up?[/quote]  3 Likes |
| Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 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(op): 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(op): 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(op): 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(op): 5:50pm On Aug 07, 2013 |
<h1> to <h6> tags 8 Likes 4 Shares
|
| Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 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(op): 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(op): 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(op): 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(op): 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(op): 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(op): 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(op): 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 |
