Click on one of the below topic questions to learn more about it!
*This page may look a bit strange because I removed most of the HTML so that the codes would work properly.*
What is HTML?
How do I make my text bold?
How do I make italic text?
How do I underline my text?
How do I change my font size?
How do I change my font face?
How do I change my font color?
How do I display an image?
How do I link text?
How do I link an image?
How do I make my link open in a new window?
How do I add a background?
How do I change my scrollbar color?
How do I make a textarea box?
How do I make my text/images scroll?
How do I add an e-mail link?
I have more questions! Who can I ask?
What is HTML?
HTML stands for Hypertext Mark-up Language. In simpler terms, it is the language on the internet that is used to create websites and other web documents.
How do I make my text bold?
For your text to be bold, add this code:
<b>your text here</b>
How do I make italic text?
For italic text, add this code:
<i>your text here</i>
How do I underline my text?
To underline your text, add this:
<u>your text here</u>
How do I change my font size?
Here are a few examples of different font sizes.
<font size="1">your text here</font>
<font size="2">your text here</font>
<font size="3">your text here</font>
<font size="4">your text here</font>
<font size="+2">your text here</font>
How do I change my font face?
Use this code to change your font face:
<font face="arial">your text here</font>
<font face="impact">your text here</font>
You can use other fonts such as Tahoma, Courier, Terminal, Comic Sans MS, etc.
How do I change my font color?
Here are a few examples of different font colors.
<font color="red">your text here</font>
<font color="blue">your text here</font>
You can use any color that you want!
Instead of using basic colors, you can also add hex codes. Below are the different hex codes that you can use.
| 000000 | 000030 | 000070 | 0000CC | 0000FF |
| 300000 | 300030 | 300070 | 3000CC | 3000FF |
| 003000 | 003030 | 003070 | 0030CC | 0030FF |
| 303000 | 303030 | 303070 | 3030CC | 3030FF |
| 700000 | 700030 | 700070 | 7000CC | 7000FF |
| 703000 | 703030 | 703070 | 7030CC | 7030FF |
| 007000 | 007030 | 007070 | 0070CC | 0070FF |
| 307000 | 307030 | 307070 | 3070CC | 3070FF |
| 707000 | 707030 | 707070 | 7070CC | 7070FF |
| 00CC00 | 00CC30 | 00CC70 | 00CCCC | 00CCFF |
| 30CC00 | 30CC30 | 30CC70 | 30CCCC | 30CCFF |
| 70CC00 | 70CC30 | 70CC70 | 70CCCC | 70CCFF |
| 00FF00 | 00FF30 | 00FF70 | 00FFCC | 00FFFF |
| 30FF00 | 30FF30 | 30FF70 | 30FFCC | 30FFFF |
| 70FF00 | 70FF30 | 70FF70 | 70FFCC | 70FFFF |
| CC0000 | CC0030 | CC0070 | CC00CC | CC00FF |
| FF0000 | FF0030 | FF0070 | FF00CC | FF00FF |
| CC3000 | CC3030 | CC3070 | CC30CC | CC30FF |
| FF3000 | FF3030 | FF3070 | FF30CC | FF30FF |
| CC7000 | CC7030 | CC7070 | CC70CC | CC70FF |
| FF7000 | FF7030 | FF7070 | FF70CC | FF70FF |
| CCCC00 | CCCC30 | CCCC70 | CCCCCC | CCCCFF |
| FFCC00 | FFCC30 | FFCC70 | FFCCCC | FFCCFF |
| CCFF00 | CCFF30 | CCFF70 | CCFFCC | CCFFFF |
| FFFF00 | FFFF30 | FFFF70 | FFFFCC | FFFFFF |
How do I display an image?
Use this code to display an image:
<img src="imageurlhere"></a>
The Outcome:
How do I link text?
Use this code to add a text link:
<a href="linkhere">your text here</a>
The Outcome:
Neopets
How do I link an image?
Use this code to link an image:
<a href="linkhere"><img src="imageurlhere"></a></a>
The Outcome:
If you don't want a border around your image, add this:
<a href="linkhere"><img src="imageurlhere" border="0"></a></a>
The Outcome:
How do I make my link open in a new window?
To make your link open in a new window, add this:
<a href="linkhere" target="_blank">your text here</a>
The Outcome:
Neopets
This works the same way with images that have a link on them.
How do I add a background?
To add a background to your page, add this code:
<body background="backgroundurlhere"></body>
The Outcome:
-see the background of this page-
How do I change my scrollbar color?
Add this code to change the color of your main scrollbar:
<STYLE TYPE="text/css"> BODY{ scrollbar-arrow-color: colorhere; scrollbar-track-color: colorhere; scrollbar-face-color: colorhere; scrollbar-highlight-color: colorhere; scrollbar-3dlight-color: colorhere; scrollbar-darkshadow-color: colorhere; scrollbar-shadow-color: colorhere; }></style>
The Outcome:
-see the scrollbar on this page-
How do I make a textarea box?
To have a textarea box on your page, add this:
<TEXTAREA COLS="12" ROWS="2" STYLE="scrollbar-base-color:COLORHERE;scrollbar-arrow-color:COLORHERE;">PUT YOUR TEXT HERE</textarea>
The Outcome:
How do I make my text/images scroll?
To make your text scroll, add this code:
<marquee>your text here</marquee>
The Outcome:
<marquee behavior="alternate">your text here</marquee>
The Outcome:
This code works the same way to make images scroll.
How do I add an e-mail link?
To add an e-mail link, use this code:
<a href="mailto:your e-mail address?subject=your subject here">your text here</a>
The Outcome:
E-mail Me!
I have more questions! Who can I ask?
If you have any more questions about HTML, feel free to E-mail Me at any time.
If you are looking for a great HTML help site, check out Lissa Explains.