Skip to Content


You (Level 0)
0% Complete
Last Badge Earned
None

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

Your code will execute in this window.



Let's explore some more tutorials or topics!

Next Tutorial


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

Comment on

  • User

    AmiR Oct. 24, 2014, 12:31 p.m.

    Just a word to say : Perfect!

  • User

    SyedShirazi July 14, 2014, 10:51 a.m.

    Excellent reference material

  • User

    mayank96sinha June 30, 2014, 2:45 a.m.

    quite helpful...... i learned many new things

  • User

    sanjidul anam June 19, 2014, 12:59 a.m.

    seems to be easier to me......

  • User

    farian June 2, 2014, 7:50 a.m.

    When I click on 'Test Your Code', nothing happens.

  • User

    Wilton May 28, 2014, 7:57 a.m.

    ''' print(&quot;seem like this is going to some fun&quot;) print(&quot;I will let you know how I like it&quot;) ''' print(&quot;Please reply to my comments.&quot;)

  • User

    gio gata May 28, 2014, 5:11 a.m.

    now i know what the use of this abbreviations.. the concepts is already there..you will HTML is the conveyance of data to WEB expressing a simple hyper language.

  • User

    gio gata May 28, 2014, 5:09 a.m.

    thank you i understand the use of the head

  • User

    Harold Diaz April 21, 2014, 9:46 a.m.

    Very simple, the especifications are very deep so people can easily understand that programming lenguage.

  • User

    Sami Khan April 4, 2014, 1:18 p.m.

    I am asking about in HTML skeleton &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;/body&gt; &lt;/html&gt; 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 April 4, 2014, 12:58 p.m.

    Where is the script tag ?

  • User

    stfrownee021 March 30, 2014, 11:44 a.m.

    I kinda like this, but im young and still got a lot of room in my head

  • User

    TheKid Feb. 14, 2014, 9:24 a.m.

    New To HTML and found this a very easy intro.

  • User

    Charles Jones Jan. 7, 2014, 11:58 a.m.

    Great overall tutorial! Would love to see some more HTML5 tips.

  • User

    Brian White Jan. 2, 2014, 9:03 p.m.

    This is a great tutorial, I have learned a great deal!

  • User

    ericWS Dec. 27, 2013, 9:43 p.m.

    I liked this tutorial. I learned HTML a while back, and this was a good refresher!

  • User

    ducito Nov. 15, 2013, 12:29 a.m.

    easy to learn :) I love it

  • User

    Robert Lugg Aug. 22, 2013, 8:54 p.m.

    I believe there is an error here: &quot;To get started with testing your JavaScript, HTML, and CSS code try adding an &lt;h1&gt; tag. Hint: The tag should be placed between the &lt;body&gt; and &lt;script&gt; tags. After you have inserted the &lt;h1&gt; tag, click the &quot;Test Code&quot; button.&quot; You reference &lt;script&gt; tag. Since it wasn't in the template I was a bit confused.

  • User

    PinkkRose June 4, 2013, 9:41 a.m.

    100% :c HTML is the easiest language in history.

  • User

    payal_tg June 2, 2013, 12:43 a.m.

    i got 76% out of 100% so i thing i will be done here well

  • User

    FutureWebDeveloper March 11, 2013, 10:37 a.m.

    Just taken the HTML quiz without studying and got a 88% score. Sigh.... I fail lol