Welcome Guest ( Log In | Register )




                Web Hosting

 
 Reply to this topicNew Topic
Basic Html Tutorial, Made it myself, hope you like it.
chappill
post Sep 2 2008, 09:33 PM
Post #1


Newbie [ Level 1 ]
Group Icon

Group: Members
Posts: 8
Joined: 17-July 08
Member No.: 31,508
HTML stands for hyper text markup language. It is a basic coding language used on almost every website.
There are some tags in HTML which must be used, whilst others are enhancing, but not essential.

Below I shall list the essential tags and there uses:

<HTML></HTML> This tells the browser that the language between the tags is going to be HTML so it knows how to read it.
Inbetween those tags come <BODY></BODY> These tags tell the browser that all the content that you wish to be displayed is in there.
They are the only essential tags for HTML! The list is short but if you only use them your site would look something like this:
http://www.vpc-hack.net/tut/basic/html
(site currently down =[)

Below I shall list some of the other tags that can be used:

<HEAD></HEAD> These tags will give you the ability to place a title for your page (the thing that goes at the very top of the browser above the address bar) or add other code such as CSS.

<TITLE></TITLE> These tags are placed within the <HEAD> tags and contain the title for your page (the thing at the very top of the browser above the address bar).

<BR> This tag is a line break, or a new line, in HTML hitting enter and going onto a new line won't display on the webpage, to make a new line you have to type <BR> where you want the new line to be.

<P> This is a new paragraph, much like the <BR> tag but with a slightly larger gap.

<CENTER></CENTER> The content between these tags will be aligned in the center of the page.

<ALIGN="left"></ALIGN> This will align all the content to the left of the page (which it does automatically).

<ALIGN="right"></ALIGN> The content between them to tags will be aligned to the right.

<BODY bgcolor="example"> This tag is built to replace the normal <BODY> tags and will give the page a background. (Note: COLOR is the correct spelling in HTML)

<FONT COLOR="example"></FONT> The content between these two tags will be the specified colour.

<FONT SIZE="1/2/3/4/5/6 etc"></FONT> The content between these tags will be the specified size (1 smallest upto 6 the largest)

<IMG SRC="/the/directory/its/kept/in/exapmle.extension"> THis will display the specified picture from the specified directory.
On windows it must contain the full path (C:\whatever)
If the picture you try to place is huge you can make it smaller by doing... <IMG SRC="/the/directory/its/kept/in/exapmle.extension" width="480" height="480">
That will give a width of 480 pixels and a height of 480 pixels.

Click <A HREF="/example/page2.extension">here</a> for a picture of a cat! That is an example of a link to a page called page2, the extension can be replaced by a number of file extensions, but most commenly either .php or .html

External pages can be linked to aswell using the same thing but when adding the link add it like this: <A HREF="http://95gms.co.cc">Click Here!</a> using http:// instead of www.

<li> This tag is a bullet point. You can use it to make a list i.e.
Shopping list:
<li> Milk
<li> Eggs
<li> Butter

<TABLE>
<tr>
<td>

</tr>
</td>
</TABLE>
The above would make a table with rows 1 and dimensions 1 (so it would be 1 row down and 1 across (the rows stretch to any size if you just keep typing)).
The table comes with a border, but you can remove this border and make it larger if you like by replacing the opening <TABLE> tag with this:
<TABLE border="1"> Replacing 1 with hos thick you want it (the higher the number the thicker the border).

<!--This is a comment!--> This tag is for comments, it will be ignored by browsers and not displayed on the page, even unless someone views you're page source.
Full example page with everything on it coming soon.
Go to the top of the page
 
+Quote Post
yordan
post Sep 8 2008, 01:35 PM
Post #2


Way Out Of Control - You need a life :)
Group Icon

Group: [MODERATOR]
Posts: 2,292
Joined: 16-August 05
Member No.: 7,896
myCENTs:99.39
Nicely summarized, thanks. As you say, it's your way of telling this, I like the way saying that very few things are really necessary in order to make a simple html page with a title, a small text, a picture and a clickable link. And I love the way to resize too big pictures just in the html tab syntax.
QUOTE
<IMG SRC="/the/directory/its/kept/in/exapmle.extension"> THis will display the specified picture from the specified directory.
On windows it must contain the full path (C:\whatever)

I don't agree with this. In windows like in Linux or in standard Unix, I often use relative paths, relative to the index.html location. I very often use "pics/mydog.jpg"
This is very useful for servers like astahost, where you don't know the absolute path of your files, you only know the path relatively to your account home directory.
Regards
Yordan
Go to the top of the page
 
+Quote Post
 

Reply to this topicNew Topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Collapse

> Similar Topics

    Topic Title Replies Topic Starter Views Last Action
No New Posts   5 Feelay 28 Today, 05:29 PM
Last post by: khalilov
No New Posts   8 bridenhosen 1,738 5th January 2009 - 01:38 PM
Last post by: iG-Ernesto Gramcko
No New Posts 5 Kid Saiyan 1,858 3rd January 2009 - 07:11 AM
Last post by: iG-curtis
No New Posts   10 dhanesh 3,110 2nd January 2009 - 09:27 PM
Last post by: iG-SATYAM
No New Posts   3 shwaggy 1,095 28th December 2008 - 10:38 AM
Last post by: TavoxPeru
No New Posts 2 Niru 102 28th December 2008 - 03:45 AM
Last post by: turbopowerdmaxsteel
No New Posts   3 dhanesh 1,191 24th December 2008 - 01:28 AM
Last post by: laniczech
No New Posts   5 tansqrx 1,000 20th December 2008 - 09:37 PM
Last post by: iG-Razzvy
No New Posts   7 solanky 3,315 19th December 2008 - 09:34 AM
Last post by: iG-preety sharma
No New Posts 11 Propeng 1,373 17th December 2008 - 10:40 PM
Last post by: yordan
No New Posts   4 Aditya 1,936 17th December 2008 - 04:03 PM
Last post by: ryantommo
No New Posts 13 Habble 3,403 17th December 2008 - 04:02 PM
Last post by: ryantommo
No New Posts   11 TheCapo 448 13th December 2008 - 01:07 PM
Last post by: tek3D
No New Posts   17 l337 Nurse Pedestrian 9,003 12th December 2008 - 02:52 AM
Last post by: iG-biswarup ghosh
No New Posts   11 ViRuaL 2,360 10th December 2008 - 10:14 PM
Last post by: iG-nick

© 2009  AstaHost: Free Web Hosting & Technical Discussion, Free Web Hosting. a member of xisto. Powered by Invision Board. Skin: IPB Forum Skins