View Single Post
Old 09-26-2008, 10:23 AM   #1 (permalink)
carsey
Moderator, TSF Articles
 
carsey's Avatar
 
Join Date: Aug 2006
Location: Hunwick, Co. Durham England
Posts: 10,678
OS: XP Pro SP3

My System

Send a message via MSN to carsey
Beginners Guide: Introduction to HTML

What is HTML?

HTML is the most common website programming language available. If you visiting a website, then there is a very high chance that it will have been written in HTML.

HTML stands for Hyper Text Markup Language.
The language itself consists simply of small markup tags which instruct a web browser such as Internet Explorer or Firefox, how to display the webpage.

A HTML webpage must always have a extension of .HTML or .HTM otherwise web browsers will not recognize that it has to load the webpage formats.

So, now we know the basics of what HTML stands for and what it is used for. We will now move on to how you can create your own simple webpage using HTML.


One of the easiest ways you can begin writing HTML is by using notepad that in integrated into the Windows Operating System. Other methods involve using Macromedia Dreamweaver or notepad++ . There are many other editors available on the market.


For the purpose of this walkthrough, we will be using Notepad.

Open Notepad. Click Start > All Programs > Accessories > Notepad.

The first line of code that we will need will be <html>. This markup tag will instruct your browser that it should begin reading the code and is the beginning of the HTML markup.

Type the rest of the following code into notepad under the <html> tag:

HTML Code:
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage, which uses HTML. <b>This text is bold</b>
</body
</html>
Explanation of Markup Tags:

<html>: This defines the beginning of the HTML Document.
<head>: This is the header information.
<title>: This shows the title of the webpage in the bar along the top of the screen
</title>: Ends the title tag.
</head>: Ends the head tag.
<body>: This is the content of the actual webpage. This is shown in the web browser's content area.
<b>: This tag makes the text bold. </b> Closes the bold tag.
</body>: This tells the browser that there is no further content to be displayed in the content area.
</html>:Instructs the browser that there is no further HTML present.


Now, we will see what effect this code has in a web browser. Save the document. We need to make sure that the extension is .html or .htm otherwise our browser will not load it.

File > Save As... and enter mypage.html in the File Name Field.

Open your favourite web browser and Click File > Open and search for the location you saved the file we have just created. Double click it to open it. Alternatively, you can Right-Click the icon and expand Open-With: and select the Web Browser you prefer.

It should be now shown in the browser.

Congratulations. You have just created your first webpage!
__________________


Last edited by TheAtheist; 02-26-2009 at 02:44 AM. Reason: closing tag left open to cause error
carsey is offline   Reply With Quote
Important Information
Join the #1 Tech Support Forum Today - It's Totally Free!

TechSupportForum.com is a leading support website for your computer needs. We offer free, friendly and personalized computer support. Why pay to have your computer fixed when you can do it for free.

Join TechSupportforum.com Today - Click Here