Ever wondered how to make ur own site's HTML by urself? Here we start by the basics:)
1) It may take u a long time to learn , but be patient, eventually u'll be an expert;)
2) Please note that in order for the following codes to be functional, u must remove the stars (*) from them..
First Step : U must know that HTML idea is based on TAGS, which must be opened without slash like this <*blah>, and closed with slash like this <*/blah>:)
Second Step : So what tags do we have here? U must start with <*HTML> (remove the star), and the last thing in ur code must be <*/HTML>
Third Step : Title: So, ur page must have a title, right?? LOL, oK, what's title? For example the title for this page is *...NOHA...VERSION...etc.*, u can c it
at the top of the browser, c it? OK, it has its tags, here they go: <*title> BLAH BLAH <*/title> :)
Fourth Step : Body: For the browser to read ur code properly, u gotta place these tags: <*body> and <*/body>, after and b4 the <*HTML> AND <*/HTML> tags respectively..
Fifth Step : Heading: That's like the subject line, its tags: <*h1>blah<*/h1>, and u may repeat the same for other sizes, there're h2, h3 and h4, the smallest is h4
u mustn't 4get closing the tags! Ex. <*h4>blah blah<*/h4>
Sixth Step : Font: So what about writing?! OK, 4 writing u gotta choose a color, Ex.: <*font color=green>, and a font face, Ex.: <*font face=fixedsys> (fixedsys is the
font I used 4 writing this site:) ), also choosing a font size is important, Ex.: <*font size=1> (which I used for this page too). Each of these tags must end the same as the others,
after typing in ur words ( after the previous tag), u have to type <*/font> when u finish.. U can make ur text go BOLD or ITALIC or UNDERLINED, by the following tags respectively:
<*b><*/b> or <*i><*/i> or <*u><*/u>, u can use several of these 2gether, but be sure that their sequence will be corresponding, ex.: <*b><*i>blah blah<*/i><*/b>
Seventh Step : Background: The default background is the white one, in order to change the color, place the following tag: <*body bgcolor="colorhere">, in the top of ur HTML code,
after the title, replacing the (colorhere) part with the code of ur color, for the codes, have a look at our hex color page in this tutorial..
U can also put a background image with this tag: <*body background="URLhere">, replace the (URLhere) part with the URL address of ur image.
Eighth Step : Images: Wanna have an image in ur site? OK, here's the tag: <*img src="URLhere">, place it where u wanna the image 2 be, replace the (URLhere) part with the location
of ur pic./image..
Ninth Step : Align: U have to decide where to put ur paragraphs and images in the page, for example, in this page the align is central (center). Here is the tag: <*p align=alignhere>
replace the (alignhere) part with the position, there is: (Left/Right/ and Center), end ur tag after the paragraph or the image with: <*/p>
Tenth Step: Breaks: Yea, like pressing (enter) in normal editing.. Insert <*br> where u wanna the break 2 be:)
Eleventh Step : Those r 4 the basics, now u can try the steps above in a text editor, for example: NOTEPAD, then copy and paste ur code to ur server, or web space, after revising it to
preview ur page..
Tip: Don't forget to upload ur images to ur server/web space, and make sure u type the URLs correctly, with NO SPACES in between, please remember to remove the stars (*)
from the above tags!!
Last but not least:) U'll find interesting codes to decorate ur page with in the cute codes page! Feel free to contact me if u needed anything!
