 |
Basic HTML | |
|
Basic HTML | |
Now you might just be interested in learning the basics so that you can get started on your own. This page will show you some of the most basic HTML codes and what each of them are for.
Hyperlink - This is a simple code that makes some text into a link to another page or another part of your site.
<A HREF="address">text</A>
You replace the address part with the url of the page you want the link to point to. For example http://www.megsplace.com. Where it says text you put whatever you'd like the link to be called meaning the name it will show up as on the page. For example Meg's Place. Now with the example you have been given, this is how your code would look.
Meg's
Place
<A HREF="http://www.megsplace.com">Meg's Place</A>
Note: There are a few things you should remember. Always
include the http:// when linking to another site, do not just start with www. Also
remember that you must include the closing </A> after each link because if you
don't, any text after that link can turn into a link as well.
Email Link - This is very similar to the hyperlink, all you need to do is change the code a little bit.
<A HREF="mailto:email@address.com">email me</A>
The only thing you need to change is instead of http://www.address.com, you put in mailto: followed by the email address.
Center - This is used for
just what it sounds like - To center something.
<CENTER>Code or Text</CENTER>
Of course, the above code has already been centered, but I'm sure you get the idea. That is how you would center something. You put <CENTER> In front of the code for what you want centered. And then when you are done, you put </CENTER> to end the center code. The above for center would end up looking like this on your page :
Code or Text
This
can be used for text, links, images, and almost anything that you want to show up center
on your page. It is very useful for Title on the top of your page, but also helpful
for many images and text that you want to show up in the middle.
Underline - If you want to have some text underlined on your page, you follow the same basic way to do it as you did with the center tag.
<U>text</U>
Then
it would look like this: text
Bold - You can also make things bold. This page is done in all bold writing, but I'll show the difference in the example.
<B>text</B>
Now:
Before- text After- text .
This can help to make things such as titles or important words stand out on a page.
Italic - This tag is a lot like the ones we just did. You put it around the text you want to use it on.
<I>text</I>
By using this code, you make the text look like text
Line Break - This tag is
very simple to use, just add a <BR> to your html and it will take you down to the
next line.
Horizontal Line - This tag is also simple, you simply place a <HR> tag to your html and it will create a horizontal line on your page.
Space - This is a very simple tag, you just put the
following text and that will create a space, you
can repeat this for each space you want.
Font Face - This tag is used to define what font you want to use with your text. For a font to show up for someone, they must already have that font installed onto their system but there are plenty of common fonts that work well.
<FONT FACE="fontname">text</FONT>
By using this tag around your text, and replacing the fontname with the name of the font you want to use, that font will show up in the text. You can see what I mean by looking at the example below:
Welcome to my site
<FONT FACE="Arial Black">Welcome to my site</FONT>
Font Color - This tag is used to define what color you want your text to be. For this, you will need to know some special html color codes which can be found at the RGB Color Chart if you don't know them offhand.
<FONT COLOR="#colorcode">text</FONT>
By using this tag around your text, it will change the color of the text depending on what color code you use. For a better idea of what I mean, check out the example below.
Welcome to my page!
<FONT COLOR="#8A07C2">Welcome to my page!</FONT>