Welcome
Thanks for Visiting my site. HTML is a programming language used to make a website just like this one. On this page i will help you get started and learn some basic HTML commands. And have you on your way to Creating your very own website.
Lets Get Started
For writing HTML you can use any kind of text writer such as Note pad but I recommend for you to download an HTML editor. Its a software that will help you edit and upload the HTML code to your server. Many of them have features that can help you create buttons, tables in just a click of a mouse(it save a lot of time and its fun and easy to use). Some of them like Dream weaver could be quit expensive($399-$2500). But you can download one for free like Coffee Cup. I think this is the best Free html editor software.I use it myself, It may not have all the fancy gadgets but it is still pretty good.
One thing to keep in mind is that when you start to type HTML code is that you save your home page as "index" in HTML format so your home page file name would be "index.html". That's what you will need to type if your making a link to your page or the full version would be "http://www.website.com/index.html"
Basic layout
<html>
<head>
<title> Your title here </title>
</head>
<body>
Your HTML code goes here!
</body>
</html>
First you will need a title for you page. This will show up on the top left corner of you browser(not on the page itself) Remember every command is written inside the < and > and a backslash at the end of each command. For example if you are going to name your site "My Website" you would type:
<title> My Website </title>
Making a Heading
In HTML you can make you heading in six sizes. "1" as being the greatest and "6" as the smallest. For example:
<H1> Welcome</H1>
Welcome
<H2> Welcome</H2>
Welcome
<H3> Welcome</H3>
Welcome
<H4> Welcome</H4>
Welcome
<H5> Welcome</H5>
Welcome
<H6> Welcome</H6>
Welcome
Style of Text
You can put text on your page with the "<P> Your text here!<P> Out come is:
Your text here!
You can also have different styles of text such as: Bold, italic, underline, strike through, subscript, superscript, teletype, or
For example:
<b> Bold </b> Bold
<i> italic </i> italic
<u> Underline </u> Underline
<s> Strick through </s> or <Del></Del> Strike through
<sub> Subscript </sub> Subscript
<sup> Superscript </sup> Superscript
<tt> Teletype </tt> Teletype
<blink> Blinking text </blink>
(note that blinking text will not work for Windows Explore Browser but it will for Fire fox)You can also control where your breaks in the sentence would be with the <BR>
For example:
Your <BR> Text <BR> in <BR> Here!
Your
Text
in
Here!
You could also make list with a bullet or number.
Bullet example:
<ul>
<li> Your</li>
<li> Text</li>
<li> Here!</li>
</ul>
Outcome is:
- Your
- Text
- Here!
Number example:
<ol>
<li> Your</li>
<li> Text</li>
<li> Here!</li>
</ol>
Outcome is:
- Your
- Text
- Here!
You can also make comments in the code that you are writing to help yourself remember, like were one specific code starts and ends. This makes it easier to go back and edit it if you need to in the future. You can do that with:
<!-- Your comment in Here -->
Horizontal Lines
You can make horizontal line with the thickness and length that you like.
Here are some examples
<hr>
<hr size="2" width=50%>
<hr size="25" width=75%>
<hr noshade size="5" width=100%>
<hr noshade size="15" width=80%>
Scrolling Text
You can also make scroling text with:
<marquee width="25%"> Your text Here! < /marquee>