Hybrid's HTML Lessons

[Hybrid]

Welcome to my HTML Lesson. This lesson and the additional lessons in this post are copyright to me. Thanks, and if you have any questions regarding HTML or Coding, feel free to private message me. I would also love if you could spare a few friendly points, as it took a lot of effort to write this.

Lesson One - Startup Questions

Q - So what is HTML and who invented it?
A - Well, in basic terms, HTML, also known as Hyper Text Markup Language is a series of codes that shows your browser what to display on your screen. Everything on the internet is in some form of code, wether it's javascript or HTML. Without the hard work of Tim Berners-Lee, we most likely wouldn't have HTML today. He invented it in 1989. He also invented the World Wide Web.

Q - How do we use HTML?
A - When you use HTML, you allways start with the < and > signs. Also known as the greater than and less than signs, these signal the computer and browser that an HTML tag is coming.

Q - Why do we use HTML?
A - HTML allows us to make things and/or show things in a way that they can look professional or personal. It's one of those things you have to learn to understand.

Lesson One - Simple Codes

Okay, we are now done with the questions, let's get on with some of the simplest codes. These have to do with text. In this section, you will learn how to make font different colors, faces and sizes. You will also learn how to make text bold, italic and underlined. Finally, you will learn about the Paragraph and Page Break tags.

Code Name - Bold Tag
Code Description - This will make your text stand out. It looks like it is outlined.
Code Example - Here is an example of this code: Text Here!
The Code - Here is the code: <b>Text Here!</b>

Code Name - Italic Tag
Code Description - This will make your text slant. It might look a little like cursive.
Code Example - Here is an example of this code: Text Here!
The Code - Here is the code: <i>Text Here!</i>

Code Name - Underlined Tag
Code Description - This will make your text have a line under it.
Code Example - Here is an example of this code: Text Here!
The Code - Here is the code: <u>Text Here!</u>

Code Name - Font Color
Code Description - This will make your text a different color.
Code Example - Here is an example of this code: Text Here!
The Code - Here is the code: <font color="purple">Text Here!</font>

Code Name - Font Size
Code Description - This will make your text a bigger size.
Code Example - Here is an example of this code: Text Here!
The Code - Here is the code: <font size="3">Text Here!</font>

Code Name - Font Face
Code Description - This will make your text a different face.
Code Example - Here is an example of this code: Text Here!
The Code - Here is the code: <font face="Impact">Text Here!</font>

Before we continue, I would like to point out that you can join tags such as the Font Size, Face and Color to create an awesome Masterpiece. You can also wrap any Bold, Italic or Underlined tags around it too. Now, let's get on the last two tags of this lesson.

Code Name - Paragraph Tag
Code Description - This will make your text have an indent
Code Example - Example not available, sorry.
The Code - Here is the code: <p>Text Here!</p>

Code Name - Page Break Tag
Code Description - This will make your text go down one line.
Code Example - Example not available, sorry.
The Code - Here is the code: <br>Text Here!</br>

Well, I home you have ejoyed Lesson One! Lesson two will be posted soon, in this topic. Thanks!

[Bryon]

Nice basic HTML tutorial. :-)

In future tutorials "in the series" going to cover CSS at all? They both go "hand in hand", so once you cover HTML, you should have a few for CSS. That's just a suggestion though.

[Nathan]

Nice basic HTML tutorial. :-)

In future tutorials "in the series" going to cover CSS at all? They both go "hand in hand", so once you cover HTML, you should have a few for CSS. That's just a suggestion though.

XML too. XML/XHTML and DHTML goes in with HTML too. Do not teach tables either. Tables are bad. :nono: Teach DIV layers.

[Hybrid]

I'm planning on doing CSS yes.

Not DHTML just yet though.

I'm :roflwerd: so I'm going to teach tables ayway...

[noerrorsfound]

Teaching people to use tables is NOT a good idea.

<b>, <i>, and <u> are deprecated. And you made a mistake. You put "The Code - Here is the code: <br>Text Here!</br>" but you don't need that </br>. In XHTML tags must be closed though, but for that you just use <br /> in place of <br>.

[Brandon]

<font color="purple"> is a bad example, you should use the hex code.

[dharmil]

very nice simple html tut

[Jake]

guys simple, and font="color" is simple for now, tables are simple for now, if they are reading this tutorial then they are really new to HTML and should learn basics FIRST. just because you dont use something in a language doesnt mean you shouldnt still learn how.

nice simple tutorial,you should make some more going more in-depth though.

[Hybrid]

Thanks jake.

[Alejandro]

Thanks for this tutorial. How ever, being this a TUTORIAL. I'm gonna move it to the Tutorials Forum