D I N O
01-10-2009, 04:50 PM
Welcome all members of Dodian. Below I am going to post a guide on how to code HTML.
Creating A Html File.
Step 1:
Open Up, "Notepad.Exe"
Step 2:
Click, "Save As"
Wait! don't hit "Save", make the name Index.htm or Index.html (Dosn't Matter)
-----
Now that you have created a html file, lets start working on that coding.
-----
Coding Your Html File, To Do Functions And More Things.
Step 1:
To start a html file you need to have a opening tag, that is "<html>"
So type in <html> at the top of your website.
now it should look like this
<html>
Ok, time for the head tag, its very similar to the open tag. The head tag is "<head>", so write that in.
-----
Now under the head tag you will enter all of your Javascript, Or Css Styles.
-----
~We will get to them later.
You are going great if your "Index.htm" file looks like this:
<html><head>
Adding A Title To Your Html File.
Under Both <Html> & <Head> Add
<title>Webpage_Title_Here</title>(The "/" Means Its A Closing Tag.)
-----
Well Done, you have created a webpage with a title. time for next step
-----
Adding A Background Colour And Text Colour.
Under all the code add:
<body bgcolor="Background Colour Here" text="Font Colour Here" link="Link Colour Here" vlink="Visited Link Colour Here">
-----
Copy And Paste That In, Will In The Input Fields And Wala! you have a background you have coloured the links and even changed the text colour!
------
To Add A Background Use This Code:
<body bgbackground="Background Image File Location Here" text="Font Colour Here" link="Link Colour Here" vlink="Visited Link Colour Here">
----------
Now To Add Text:
To start a paragraph create a new line and type in "<p>Paragraph Here</p>"
To Create A New Line, Write in, "<br>"
To Put It In The Center Of The Webpage Use This Code "<center>" To End The Text From being in the center of the webpage, use "</center>" (It has the closing tags, the "/")
To Insert Images
Create A New Folder Called Images In Your Webpages Main File.
in there put all the imags you want to go into your webpage.
now once you have a file in the "Images" folder you can now insert it into your webpage.
heres the code.
<img src="Image Location Here, It Should Be: Images/MyImage.File***tension" alt="Message When You Mouse Over It">
(Note, You Do Not Need A </img> closeoff tag.)
Inseting Links
This is the code.
<a href="Webage Location Here" title="Mouse Over Text">Text Value</a>
Also to add a link to another file in your main folder instead of adding a webpage link where it says "Webpage Location Here". You should just be able to use mynewfile.htm in that value.
How To Insert Headings:
<h1>Big Heading</h1>
<h2>Medium Heading</h2>
<h3>Average Size Heading</h3>
<h4>Small Heading</h4>
<h5>Tiny Heading</h5>
---
Just put these in your webpage where you want your heading.
---
~DINO
YOU MIGHT FIND THIS GUIDE ON OTHER SITES BY TUCYBRO, THATS ME :) JUST SHARING THIS GUIDE WITH DODIAN!
Creating A Html File.
Step 1:
Open Up, "Notepad.Exe"
Step 2:
Click, "Save As"
Wait! don't hit "Save", make the name Index.htm or Index.html (Dosn't Matter)
-----
Now that you have created a html file, lets start working on that coding.
-----
Coding Your Html File, To Do Functions And More Things.
Step 1:
To start a html file you need to have a opening tag, that is "<html>"
So type in <html> at the top of your website.
now it should look like this
<html>
Ok, time for the head tag, its very similar to the open tag. The head tag is "<head>", so write that in.
-----
Now under the head tag you will enter all of your Javascript, Or Css Styles.
-----
~We will get to them later.
You are going great if your "Index.htm" file looks like this:
<html><head>
Adding A Title To Your Html File.
Under Both <Html> & <Head> Add
<title>Webpage_Title_Here</title>(The "/" Means Its A Closing Tag.)
-----
Well Done, you have created a webpage with a title. time for next step
-----
Adding A Background Colour And Text Colour.
Under all the code add:
<body bgcolor="Background Colour Here" text="Font Colour Here" link="Link Colour Here" vlink="Visited Link Colour Here">
-----
Copy And Paste That In, Will In The Input Fields And Wala! you have a background you have coloured the links and even changed the text colour!
------
To Add A Background Use This Code:
<body bgbackground="Background Image File Location Here" text="Font Colour Here" link="Link Colour Here" vlink="Visited Link Colour Here">
----------
Now To Add Text:
To start a paragraph create a new line and type in "<p>Paragraph Here</p>"
To Create A New Line, Write in, "<br>"
To Put It In The Center Of The Webpage Use This Code "<center>" To End The Text From being in the center of the webpage, use "</center>" (It has the closing tags, the "/")
To Insert Images
Create A New Folder Called Images In Your Webpages Main File.
in there put all the imags you want to go into your webpage.
now once you have a file in the "Images" folder you can now insert it into your webpage.
heres the code.
<img src="Image Location Here, It Should Be: Images/MyImage.File***tension" alt="Message When You Mouse Over It">
(Note, You Do Not Need A </img> closeoff tag.)
Inseting Links
This is the code.
<a href="Webage Location Here" title="Mouse Over Text">Text Value</a>
Also to add a link to another file in your main folder instead of adding a webpage link where it says "Webpage Location Here". You should just be able to use mynewfile.htm in that value.
How To Insert Headings:
<h1>Big Heading</h1>
<h2>Medium Heading</h2>
<h3>Average Size Heading</h3>
<h4>Small Heading</h4>
<h5>Tiny Heading</h5>
---
Just put these in your webpage where you want your heading.
---
~DINO
YOU MIGHT FIND THIS GUIDE ON OTHER SITES BY TUCYBRO, THATS ME :) JUST SHARING THIS GUIDE WITH DODIAN!