How to make a webpage
Contents:
How to start a webpage
Text Effects
Links
Tables
Images
Test Your html here!
How to start a webpage Top
To start a web page open up a text editor such as Notepad and create a blank document then type in
<html>
This tells the browser that you are making a webpage. Then type in
<head>
This is the area that you put in things to tell the browser to do. After that type in
<title>title here</title>
This tells the brower what the page's title is where title here is put your page's title. Then after that put
</head>
<body>
This tells the browser to stop the head tag and after the body tag is where all the code shows up on the page. Your page shold now look like this:
<html>
<head>
<title>title here</title>
</head>
<body>
To add words to a webpage just type them in and they will show up on the page.
To end a webpage put
</body>
</html>
To put a break or return in a page put
<br>
To save it go to File>save and put the name and .htm at the end then select the file type All Files *.*. Then to open it go to where you saved it and double click on the file.
Text effects Top
To add text effects just add the
<font>
and the
</font>
tag
Properties of the font tag are:
| Size | Ranges from 1-6 |
| Face | Put any font name here. Note: if the font you use is not on the user's computer it will show up as the default font |
| Color | Put any color name in |
Example:
<font size="6" color="blue" face="Impact">I'm using the font tag!</font>
outputs:
I'm using the font tag!
also there is the
<b>,<i> and the <u>
The <b> makes the text bold.
Example:
<b>This text is bold!</b>
Outputs:
This text is bold!
The <i> makes the text italic.
Example:
<i>This text is italic!</i>
Outputs:
This text is italic!
The <u> makes the text underlined.
Example:
<u>This text is underlined!</u>
Outputs:
This text is underlined!
These tags can be put inside each other.
Example
<b><u>This text is bold and underlined</u></b>
outputs
This text is bold and underlined
Links Top
Links links two or more pages together on almost every website you goto you will find at least one link. To make a link put
%lt;a href="url here">Text for link here</a>
Where url here is put the url to a page and where text for link here is put in the text to show up for the link
Example:
<a href="http://snow.prohosting.com/mikej10">To my home page</a>
outputs:
To my home page
Tables Top
An example of table is this:
| This is a cell! | Cell 2! |
| I'm using a table | |
<table border="1" width="39%">
<tr>
<td width="50%">This is a cell!</td>
<td width="50%">Cell 2!</td>
</tr>
<tr>
<td width="100%" colspan="2">I'm using a table</td>
</tr>
</table>
Made that table above.
What everything means:
The <table border="1" width="30%"> tells the browser you are making a table. Border tells the browser there is a border and the number tells it's size. The width tells the browser the table's width (can be in pixels just don't add the % sign).
<tr> tells the browser to make a cell going down. <td> tells the browser to make a cell going across. The width inside the td tells the browser the width of the cell the colspan tells how many columns across to go.
Images Top
This is an image:
Move your mouse over it a while and you will see some text. To put an image on a page just insert this into your html:
<img src="sourcehere" border="1" alt="caption here">
Where sourcehere is put the path to the image where border is put the size of the border around the picture. Where caption here is put the picture's caption.
Example
<img src="jump.gif" border="1" alt="This is an image">