Newest Visitor Badge Earned!
Click to create an account and start competing today!
After Hours Programming
Show Tutorials


You (Level 0)
0/25
Last Badge Earned
Newest Visitor

HTML Introduction Tutorial

HTML Introduction

The HTML Introduction tutorial explains what HTML is and how to use it for web development.

HTML (Hypertext Markup Language) is the foundation of a website. While you may see file extensions like php, cfm, asp, etc., these files will still contain HTML tags in order to display content. An HTML file is placed on a server and when requested by a user, it is read into the user's browser and displayed as a web page.

The standards and practices for writing HTML are set by the World Wide Web Consortium (W3C) and there are multiple versions of HTML. Since this is more of an introduction to HTML, we will not go into detail about the various versions like XHTML, HTML 4.01, and HTML 2.0. We also won't go into classifications of standards like strict, traditional, and frameset.

HTML is a very easy language to learn and super simple to write (not that I would necessarily call HTML a language so to speak). A Markup Language is defined as transporting data, not acting upon the data itself. The "code" is encapsulated in a skeleton like the example below.

HTML Skeleton

Example <html>
<head>
<title> </title>
</head>
<body>
</body>
</html>

As you can see, the language uses words contained inside <>, known as tags or elements. You also might notice that every tag is almost duplicated, but the second tag has a / before it. These are referred to as opening and closing tags and are required by most HTML elements. The important tags here are <html>, <head>, <body>. The <html> simply tells the browser, "Hey, this is html code." While the <head> tells the browser specific things about the document, it does not display anything on the web page. Finally, anything inside of the <body></body> tags will display in the web page. We will go into more detail about the <head> and <body> later.

References

Try testing your code with the code simulator!

Let's move on to some more tutorials or the next section!



Next Tutorial

Head Tag







If you enjoyed this resource, support me by sharing this page with others.

Stumbleupon Facebook Twitter GooglePlus Reddit Delicious Digg


Comment or Suggestion?

Comments are a way to tell me about corrections or suggestions, what you thought about the resource, or providing additional information. Help feed the discussion!


Yes




Comments on HTML Introduction

user
Harold Diaz
75
April 21, 2014 09:46AM
Very simple, the especifications are very deep so people can easily understand that programming lenguage.


user
Eugene Mmadaliser
April 7, 2014 04:25AM
I did not know it was going to be this simple


user
Sami Khan
425
April 4, 2014 01:18PM
I am asking about in HTML skeleton 
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
I got it if i am right, heading tag we use in body tag so script tag must be in body tag :)



user
Sami Khan
425
April 4, 2014 12:58PM
Where is the script tag ?


user
stfrownee021
100
March 30, 2014 11:44AM
I kinda like this, but im young and still got a lot of room in my head


user
Dr.Mobius
375
February 25, 2014 04:45PM
good stuff


user
TheKid
25
February 14, 2014 09:24AM
New To HTML and found this a very easy intro.


user
Charles Jones
500
January 7, 2014 11:58AM
Great overall tutorial! Would love to see some more HTML5 tips.


user
Brian White
550
January 2, 2014 09:03PM
This is a great tutorial, I have learned a great deal!


user
ericWS
1250
December 27, 2013 09:43PM
I liked this tutorial. I learned HTML a while back, and this was a good refresher!


user
mustakim.parvez
250
December 7, 2013 07:17AM
I am feeling good 


user
Mounika
December 4, 2013 08:30AM
teaching is very gud


user
Daniel Zendejas
850
December 1, 2013 08:32PM
nice basic intro to html.


user
Doug Kirkland
200
November 19, 2013 10:38AM
This is awesome


user
ducito
550
November 15, 2013 12:29AM
easy to learn :) I love it


user
Adamu El-Oji
October 22, 2013 07:14AM
What if i want to write book on web is that how to go about it?


user
Robert Lugg
50
August 22, 2013 08:54PM
I believe there is an error here:
"To get started with testing your JavaScript, HTML, and CSS code try adding an <h1> tag. Hint: The tag should be placed between the <body> and <script> tags. After you have inserted the <h1> tag, click the "Test Code" button."

You reference <script> tag.  Since it wasn't in the template I was a bit confused.


user
PinkkRose
175
June 4, 2013 09:41AM
100% :c HTML is the easiest language in history.


user
payal_tg
250
June 2, 2013 12:43AM
i got 76% out of 100%
 so i thing i will be done here well


user
FutureWebDeveloper
550
March 11, 2013 10:37AM
Just taken the HTML quiz without studying and got a 88% score. Sigh.... I fail lol