Learn HTML, Javascript, and C++

INTRODUCTION

Welcome to the HTML Lessons, this is the introduction part of the HTML section.

HTML is the base for making a website, and if you want to make a website and don't need too many complicated things on it, just learn HTML and you'll be fine. I recommend learning HTML even if you want complicated things on your website, you use it often no matter what, and it helps start you off for other languages like javascript and C++. Think of it as the introduction to your new wanted computer software skills.

If you already know the basics of HTML, no need to waste your time in the Introduction, head on over to the lessons, otherwise stick around...

Above is a simple example of code, and is exactly what mine looks like to create the INTRODUCTION at the beginning of this section.

Alright, now that you read it lets go over what it says:

1. The

is called a tag (anything between "<" and ">" is called a tag) this tag tells the computer that we are going to start writing HTML (which is used in all websites), and uses an ending tag

at the end of the code to tell us that we are done with HTML. Many things in HTML use the ending tag

as seen with

and

. Although they are not always required, they are very useful for organizing the content of your website and I encourage you to use them whenever possible, I will show you which codes need them throughout the lessons.

2. Inbetween the

and

tags is the (if you havent figured it out yet) body where you put all your content, the stuff you want seen on your website.

3. Now a very useful tag is the

tag which stands for break, it helps keep things seperated by breaking a new line, the first

you use will drop you to a new line instead of keeping things right next to one another, now your writing will be below the previous line instead of staying on the same line. For every

tag it will break a new line. If you want a space between two lines of writing use at least two

tags just like I did between these numbered bullets you are reading to create a space, you can make as many spaces as you want.

4. Now we will talk about the tag

and the tag

stands for bold and

stands for (this is a hard one) center. Anything inbetween the tags

and

will be bolded and anything inbetween the tags

and

will be centered. If you were to forget to put the ending tag

after

anything after

will be centered. I recommend putting

somewhere even if you want everything centered just to be organized, the same thing works with

and all other tags that use the ending tag

. If you dont use the ending tags it can start to mess up your site.

5. The last thing in this code to teach is the

. There are other ways to increase the size of your text, but for now this is the simplest one to understand. This bit of code tells us that we are configuring font. The <font> tag however has the word <size="5"> in it. This is called an attribute, or more specifically and attribute of a tag. These attributes are used within the < and > of the <font> tag. Anything put between

and

will have the size of the font equal 5.

Links

Links are a great way to link your website to different place across the internet, to create a link read the below code:

<A HREF="http://typojester.page.tl">Go to Typo Jesters Homepage</A>

This code will result in a link to the homepage of this website Typo Jester:
Go to Typo Jesters Homepage

Now let me explain whats going on.
The <A> tag, is a link tag, but doesnt do anything without its attribute HREF. The attribute HREF refers to whatever website you put in between the two quotes after the equal sign. Inbetween the <A HREF=""> tag and </A> end tag you put what you want the link to acctually say so that people know where they are going when they click it. I colored mine blue so that you could see it clearer but it comes out black unless you have set a font color. The only way to set the font color for the link, if you want it to be colored, is to do so inbetween the <A HREF=""> and </A> tags, with <font color="">, or however suits you.

Title

One more example i need to leave you with is the Title Tag:

<HTML>
<HEAD>
<TITLE> Typo Jester </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

Lets take a look at the TITLE tag:

<HEAD>
<TITLE> Typo Jester </TITLE>
</HEAD>

The <HEAD> and </HEAD> tags tell us anything between these is going to be a header. Then between those tags are the <TITLE> and </TITLE> tags. Inbetween the TITLE tags you put the title of your page. The title you input will be posted in the very top of your website, the top blue bar of your website, as shown below.

Now the Introduction to HTML is finished, if you decided your done with HTML, im glad you joined us and spent your time here at our site. Otherwise if you would like to continue learning HTML please continue to the other lessons whenever you are ready, maybe you should get a glass of water first.