Basic Start HTML Programing - CyberPK

pakmohsin · #1 06-12-2009, 11:24 AM

With HTML you can create your own Web site.
This tutorial teaches you everything about HTML.
HTML is easy to learn - You will enjoy it.

Examples in Each eChapter

This HTML tutorial contains more than 100 HTML examples.

With our HTML editor, you can edit the HTML, and click on a button to view the result.

EXAMPLE

Quote:

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

pakmohsin · #2 06-12-2009, 11:27 AM

What is HTML?

HTML is a language for describing web pages.

HTML stands for Hyper Text Markup Language
HTML is not a programming language, it is a markup language
A markup language is a set of markup tags
HTML uses markup tags to describe web pages

pakmohsin · #3 06-12-2009, 11:28 AM

HTML Tags

HTML markup tags are usually called HTML tags

HTML tags are keywords surrounded by angle brackets like <html>
HTML tags normally come in pairs like <b> and </b>
The first tag in a pair is the start tag, the second tag is the end tag
Start and end tags are also called opening tags and closing tags.

pakmohsin · #4 06-12-2009, 11:30 AM

HTML Documents = Web Pages

HTML documents describe web pages
HTML documents contain HTML tags and plain text
HTML documents are also called web pages
The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page:

Quote:

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph</p>

</body>
</html>

Example Explained

The text between <html> and </html> describes the web page
The text between <body> and </body> is the visible page content
The text between <h1> and </h1> is displayed as a heading
The text between <p> and </p> is displayed as a paragraph

pakmohsin · #5 06-12-2009, 11:33 AM

What Do You Need?

You don't need any tools to learn HTML at Cyberpk.

You don't need any HTML editor
You don't need a web server
You don't need a web site

Editing HTML

In this tutorial we use a plain text editor (like Notepad) to edit HTML. We believe this is the best way to learn HTML.

However, professional web developers often prefer HTML editors like FrontPage or Dreamweaver, instead of writing plain text.

Creating Your Own Test Web

If you just want to learn HTML, skip the rest of this chapter.

If you want to create a test web on your own computer, just copy the 3 files below to your desktop.

(Right click on each link, and select "save target as" or "save link as")

mainpage.htm

page1.htm

page2.htm

After you have copied the files, you can double-click on the file called "mainpage.htm" and see your first web site in action.

Use Your Test Web For Learning

We suggest you experiment with everything you learn at W3Schools by editing your web files with a text editor (like Notepad).

Note: If your test web contains HTML markup tags you have not learned, don't panic. You will learn all about it in the next chapters.

HTM or HTML Extension?

When you save an HTML file, you can use either the .htm or the .html extension. We use .htm in our examples. It is a habit from the past, when the software only allowed three letters in file extensions.

With new software it is perfectly safe to use .html.

**zubair** · #6 06-12-2009, 09:15 PM

Nice work man, but wny in the world did you split it all into so many post

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode