Okay, As I Said Im A Pixel Artist And Web Designer! This Is My First Tutorial (On The Forum)
Open Up Notepad (Start, All Programs, Accessories, Notepad)
Id Say Notepad Is The Best.
Ok So We Have Notepad Now Lets Start:
HTML Stands For Hyper Text Markup Language. It Is Used For Creating Websites. What I Like About HTML Is You Can Insert Javascript And CSS Into It.
Basic Stuff:
Titles And Body Text Just Insert This Code:
[HTML]<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>[/HTML]
NOTE!: You MUST Remember That The File Needs To Be Saved As .htm Or .html
Images:
This Is So Easy!
[HTML]<img src="Image Url Here">[/HTML]
You Can Also Align By Inserting
[HTML]align="center, right, left Ect."[/HTML]Before The > Tag.
Links:
[HTML]<a href="Website/Link Url Here">[/html]
You Can Also Target The Link By Inserting:
[HTML]target="Your IFrame Name Here[/HTML]
You Need An IFrame On Your Page To Do This.
Backgrounds:
[HTML]<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
[/HTML]
Either Of Them Work, Id Use The Bottom One. (Only Use Other Two If You Know How)
IFrames:
I Never Could Master These At First!
[HTML]<iframe src="home.htm" name="main" width="380" height="375" frameborder="0" allowtransparency="true"></iframe>[/HTML]
Thats A Simple IFrame With Allows Transparency And Has A Frameborder.
Entities:
non-breaking space
< less than < <
> greater than > >
& ampersand & &
" quotation mark " "
' apostrophe ' (does not work in IE) '
Some Other Commonly Used Character Entities:
Result Description Entity Name Entity Number
¢ cent ¢ ¢
£ pound £ £
¥ yen ¥ ¥
§ section § §
© copyright © ©
® registered trademark ® ®
× multiplication × ×
÷ division ÷ ÷
Forms:
Input: Text Fields.
[HTML]<form>
First name:
<input type="text" name="firstname">
<br>
Last name:
<input type="text" name="lastname">
</form>
[/HTML]
Input: Radio
[HTML]<form>
<input type="radio" name="sex" value="male"> Male
<br>
<input type="radio" name="sex" value="female"> Female
</form>[/HTML]
Input Checkbox:
[HTML]<form>
I have a bike:
<input type="checkbox" name="vehicle" value="Bike" />
<br />
I have a car:
<input type="checkbox" name="vehicle" value="Car" />
<br />
I have an airplane:
<input type="checkbox" name="vehicle" value="Airplane" />
</form>[/HTML]
The Forms Action And Attribute Button:
[HTML]<form name="input" action="html_form_action.asp"
method="get">
Username:
<input type="text" name="user">
<input type="submit" value="Submit">
</form>[/HTML]
And Thats The End Of My Beginners HTML Guide! I Hope You Learned Something. If You Have A Question Please Post Here.
Open Up Notepad (Start, All Programs, Accessories, Notepad)
Id Say Notepad Is The Best.
Ok So We Have Notepad Now Lets Start:
HTML Stands For Hyper Text Markup Language. It Is Used For Creating Websites. What I Like About HTML Is You Can Insert Javascript And CSS Into It.
Basic Stuff:
Titles And Body Text Just Insert This Code:
[HTML]<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>[/HTML]
NOTE!: You MUST Remember That The File Needs To Be Saved As .htm Or .html
Images:
This Is So Easy!
[HTML]<img src="Image Url Here">[/HTML]
You Can Also Align By Inserting
[HTML]align="center, right, left Ect."[/HTML]Before The > Tag.
Links:
[HTML]<a href="Website/Link Url Here">[/html]
You Can Also Target The Link By Inserting:
[HTML]target="Your IFrame Name Here[/HTML]
You Need An IFrame On Your Page To Do This.
Backgrounds:
[HTML]<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
[/HTML]
Either Of Them Work, Id Use The Bottom One. (Only Use Other Two If You Know How)
IFrames:
I Never Could Master These At First!
[HTML]<iframe src="home.htm" name="main" width="380" height="375" frameborder="0" allowtransparency="true"></iframe>[/HTML]
Thats A Simple IFrame With Allows Transparency And Has A Frameborder.
Entities:
non-breaking space
< less than < <
> greater than > >
& ampersand & &
" quotation mark " "
' apostrophe ' (does not work in IE) '
Some Other Commonly Used Character Entities:
Result Description Entity Name Entity Number
¢ cent ¢ ¢
£ pound £ £
¥ yen ¥ ¥
§ section § §
© copyright © ©
® registered trademark ® ®
× multiplication × ×
÷ division ÷ ÷
Forms:
Input: Text Fields.
[HTML]<form>
First name:
<input type="text" name="firstname">
<br>
Last name:
<input type="text" name="lastname">
</form>
[/HTML]
Input: Radio
[HTML]<form>
<input type="radio" name="sex" value="male"> Male
<br>
<input type="radio" name="sex" value="female"> Female
</form>[/HTML]
Input Checkbox:
[HTML]<form>
I have a bike:
<input type="checkbox" name="vehicle" value="Bike" />
<br />
I have a car:
<input type="checkbox" name="vehicle" value="Car" />
<br />
I have an airplane:
<input type="checkbox" name="vehicle" value="Airplane" />
</form>[/HTML]
The Forms Action And Attribute Button:
[HTML]<form name="input" action="html_form_action.asp"
method="get">
Username:
<input type="text" name="user">
<input type="submit" value="Submit">
</form>[/HTML]
And Thats The End Of My Beginners HTML Guide! I Hope You Learned Something. If You Have A Question Please Post Here.
