₦airaland Forum

A mistake I made, i answered excellent about credit card collection and not games... My bad

exellent91: How can i upload game on my website

We've dealt with that in previous posts.

mega jay: pls, how I press # on my laptop, I just forgot

Depends on your keyboard. If its shown with another character, hold down shift and press the key.

idlatest: @Op
pls for d password or is it to change the type="text" to type="password"

Yes

Olyboy16: I've actually coded a forum like nairaland and even coded a chatroom to it and a personal messaging system.
If i'm gona sell or redo somfin like this again 4 sm1, >=!#180k!

Ah! 180k! Gbese!!!
*wondering*How do you manage to stay in business?!!

6)The Submit Button.
The code for this is:
<form action="http://www.mysite.pageforform.asp" method="get">
<input type="submit" name="submit" value="Submit">
When clicked, the form is sent for processing by the server. The action attribute specifies the url and the [b]method[/b]attribute specifies the method by which all these is done. The most popular values for method are "get" and "post"

5)Are you Satisfied With Our Services dropdown with values Very Good, Good, Fair, Bad, Very Bad.
The code for this is:
<select name="dropdown">
<option value="Very Good" selected>Very Good</option>
<option value="Good">Good</option>
<option value="Fair">Fair</option>
<option value="Bad">Bad</option>
<option value="Very Bad">Very Bad</option>
</select>
The dropdown is relatively easy. It allows a user select one item from a list that drop downs if a user clicks on it. It has a nested element called <option>. Whatever value included in the opening and closing <option> tag is an option in the dropdown. The "Very Good" item appears first and is already pre-selected. This is done by adding selected before closing the opening <option> tag.

4)"I have never used a" with checkboxes Phone, Keyboard, monitor and Tablet.
The code for this is:
<input type="checkbox" name="neverused" value="phone">Phone
<br>
<input type="checkbox" name="neverused" value="keyboard">Keyboard
<br>
<input type="checkbox" name="neverused" value="monitor">Monitor
<br>
<input type="checkbox" name="neverused" value="tablet">Tablet
The checkboxes are similar to the radio buttons except that checkboxes allow the user select more than one option. The <br> tags are used so that the a new item will begin on a new line.

3)"I am a Human" with radio buttons Yes and No.
The code for this: <input type="radio" name="human" value="yes">Yes
<input type="radio" name="human" value="no">No
The value for the attribute type in this case is radio. The radio value allows a user select ONLY one options in a list of two or more. The input element also has as the value attribute. This attribute is compulsory or radios and dropdowns. This is because they contain multiple options, and if a user selects on of these, the "value" for the option selected will be sent to the server.

2)The second box/label.
The code for this is: <input type="text" name="lastname" size="6">
The nested elements and the attributes(except name) are the same as "firstname". I included it to show you that if you don't type any text before your code for a label' the name attribute cannot place one for it and what you'll you get is-nothing.

The first item you notice is the:
1)First Name and its box/label.
The code for this is: <input type="text" name="firstname" size="6">
<input- is a nested form element
the type attribute- its value is "text" which shows that whatever displayed here will show as text.
the name attribute-its value "firsname" is what will be sent to the server
the size attribute-its value "6" shows that the box/label will be 6 characters

I will now treat the code for the image above, taking it item by item. After treating all the items, then you'll get the image of the code.

Mini Form

This is an image of a mini form and its code, examine it and then we shall explain/break down the components of the form.

However, how can we put all these technical jargon together to make a form that a "user can use" ?
Lets, practice its Syntax.

Other nested elements include:
2) <textarea>
3)<label>
4)<option>

HTML Forms
Forms are an integral part of a website. HTML forms are used to derive information from a user(who usually inputs it into various little boxes/fields) and this information is processed by a server. HTML forms are defined with the <form> and </form> tags.
What is interesting about the <form> element is that it can nest other elements within it. These elements include <input>, <textarea>, <option>, <select>, <label>, e.t.c. Of all these nested elements, the <input> element is most used in an element, and thus, it could be sais of it that it is the most important of its "peers".
1)The <input> elemnt allows users to input data. The <input> element has numerous attributes used to utilize its functionality. The basic attributes include:
a)type :This is the <input> element's most important attribute. It controls the data inputed from normal text to password or to controls. The specific format is given by specifying the value. The value could be "text","password","checkbox","radio", e.t.c
b)size :This attribute specifies how wide a box/field is. The value is in digits(1,2,3,4,etc), thus if the size attribute has a value of 6, it would appear 6 characters long.
c)maxlength :This specifies the maximum number of characters a box/field can allow. Its value is also in digits.
d)name :This specifies a name by which the selected input can be referred to. Its value is usually the name of that field. e.g first name, last name, username, password, etc.

Sorry, for the absence got held back by the Anti Spam Bot. But we're back now and we can move on to Forms

You'll explore the power of colors when we move to CSS but for now we move to the next part- Forms. After Forms we'll move to CSS.

A combination of rgb(0,0,0) will give BLACK and rgb(225,225,225) WHITE. Apart from combining 0 or 225 throughout, the combination of 1 to 224 throughout will produce different shades of GREY. You can create different shades of a color(e.g blue) by keeping the value of the other two(in this case red and green) at 0 and then varying the value of the selected color (blue) from 225 to 1.

Creating HTML Colors: An alternative to using the color name is to use the HEX or RGB values.
Before we expantiate, lets delve into a little Physics. All colors stem from the combination of two or more primary colors-red, green and blue(RGB). The color formed depends on the ratio of combination of the colors and the intensity of a color in the combination.
Back to HTML
The Hexadecimal notation allows a maximum of two values for R, G or B to sum to six values(hex). The lowest and highest possible values are 00 and FF respectively. So, blue would be #0000FF (The # sign must precede any HEX combo).
The rgb method works in a similar way. However, here the lowest value is 0 and the highest, 225.Also, instead of the # form, it is : rgb(0,0,0) where the first digit(s) is for r, the 2nd, g and the last b.
I prefer the rgb method to the HEX because of its simplicity and thus would use it as the mode of example in the next post.

tamotech: pls explain how to open notepad content on browser because my notepad content appear same way on browser as i open my browser

1)Check if you included the DOCTYPE with no errors.
2)Ensure you included the opening and closing <html> tags.
3)Make sure the file is saved with a .html or .htm extension.

When linking Images you need to link it absolutely. To do this you need to understand the heirachy of the file. The following instructions apply if you want to upload an image from your desktop and not when you have uploaded your site to a webhost.
NOTE: I imagine you are using a Windows OS.
The link of your image depends on where you store your image. It could be something like what @jjagz mentioned. If you specify only the file name (e.g image.jpg), your browser would be unable to locate the image and what you'll have is a broken link. So the src value of your image would be the full adress of your image on your computer which you can get in the adress bar of the window displaying your image.

jjagz: you'll have to get d address location on ur computer for example c:\desktop\mypictures e.t.c. Just copy d address off windows explorer. My ogas at d top...please expantiate

Something like that.

HTML color can be defined with their color names. We have white, black, blue, yellow, green, red, orange, navy, gray, maroon, silver, olive, lime, aqua, fuchsia, teal and purple. These are 17 out of the 141 color names in HTML/CSS.

HTMLColors
I have never come across a website without color. Color is an integral part of HTML coding. There used to be what we refered to as browser safe colors. This was introduced when some monitors could only display a maximum of 256 colors. But that is past tense as modern day computers can display million of colors. So sticking to this 256 colors will be limiting your creativity.

The next part is 6- Colors

Pictoral illustration of the <th> and the <caption> of tag.

There are also 2 important tags nested in the <table> tag.
1-<th> (Table Header): This is used to input the head or title of a column in a table. Example: If you create a table classifying things into the masculine and feminine categories, what will be on the uppermost row will be "Masculine" and "Feminine". Text included within the <th> tag will be centralised in its cell and be bolder than the other text.
2-The <caption> tag: This tag is used to specify the caption of a table. The caption is used to describe the contents of the table.

As you may notice in the picture of the HTML table in code form, an attribute-border, was specified.
The border attribute is used to specify the thicknes of the outermost line in pixels. If you do not specify this attribute, or you set its value at 0, the table will be borderless.