IT Community - Software Programming, Web Development and Technical Support

HTML Introduction

This is a discussion on HTML Introduction within the HTML, CSS and Javascript Coding Techniques forums, part of the Web Development category; HTML Introduction Welcome to the HTML Introduction by spid4r! I reccomend you read this tutorial before going any further in ...


Go Back   IT Community - Software Programming, Web Development and Technical Support > Web Development > HTML, CSS and Javascript Coding Techniques

Register FAQ Members List Calendar Mark Forums Read
  #1 (permalink)  
Old 03-08-2007, 11:10 PM
spid4r spid4r is offline
D-Web Programmer
 
Join Date: Mar 2007
Posts: 56
spid4r is on a distinguished road
Default HTML Introduction

HTML Introduction

Welcome to the HTML Introduction by spid4r! I reccomend you read this tutorial before going any further in web scripting, HTML is a must before almost every other scripting language.

After reading this tutorial you will know:
  • how to start an HTML document.
  • what HTML stands for.
  • what HTML actually is.
  • the head tag.
  • how to add a title to your document.
  • where the title is displayed.
  • the body tag.
  • how to add text onto a page.
  • how to close tags and how to end an HTML document.
  • how to view source code on other websites (the code used to make the webpage).
Before starting this tutorial you should know:
  • English....
HTML stands for Hypertext Markup Language and is used for very basic web scripting.
I am first of all going to bring an example into production and tell you what it does. After that I will teach you about each line of the example meaning you will be able to create your own HTML page that will be equivalent to a .txt document except your HTML document will have a title.

Here is the example:

Example 1-1:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  <html>
    <head>
      <title>HTML Example</title>
  </head>
  <body>
    Hello, I am an HTML example!
  </body>
</html>
The above example will output the following:
Hello, I am an HTML example!

HTML is a very useful scripting language and is so simple to learn!
If you are struggling with this tutorial come back to it later and if you are still struggling when you come back got to the Forums and ask in the Support section about whatever you are struggling with.

Line 1:
This you do not really need to remember, just copy and paste it into your HTML document. Infact you do not even need to include this but I reccomend you do. This tells people the version of HTML that you are using when they view your source code.

Line 2:
This line of code begins your HTML document, remember this.

Line 3:
This is the head tag. This is just filtering your HTML making it easier to read, always use this!

Line 4:
This is the title tag, I will explain a little more about this later on in the tutorial.

Line 5:
This is closing the head tag, remember this line!

Line 6:
This is the body tag. Once again it is just filtering your HTML making it easier to read. This is where all of your main content will be stored, do not forget this!

Line 7:
This is just the text that you are wanting to output into the browser, you can place other things in here; I will teach you more things later.

Line 8:
This is just another closing tag, do not forget this!

Line 9:
This is closing the HTML document altogether, you must always use this!!

You know how I said I will tell you more about the title tag later, now is the time. Take a look at the top of your browser where it says 'HTML Introduction - Webmaster Forum', this is a title.
If you ever wonder how someone does something on an HTML page; click on 'Veiw << Source Code' in your web browser, this shows you the source code of the page that you are veiwing.

Don't give up, keep reading more tutorials on HTML. Remember what you have learnt, it is very useful!
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Sponsored Links
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
Joomla introduction? Jeyaseelansarc PHP Programming 116 10-01-2008 01:16 AM
AJAX introduction Jeyaseelansarc PHP Programming 60 04-24-2008 11:21 PM
Introduction myself Bettypeng Introductions 3 02-10-2008 01:59 AM
An Introduction to SAP Jeyaseelansarc eCommerce 1 07-18-2007 08:28 AM
RSS Syndication - introduction Jeyaseelansarc PHP Programming 0 05-08-2007 03:28 AM


All times are GMT -7. The time now is 09:22 AM.


Copyright ©2004 - 2007, DiscussWeb. All Rights Reserved.

SEO by vBSEO 3.0.0