HTML tutorials For beginners.

**payabian** · 06-11-2006 03:46 AM

What is an HTML File?
HTML stands for Hyper Text Markup Language
An HTML file is a text file containing small markup tags
The markup tags tell the Web browser how to display the page
An HTML file must have an htm or html file extension
An HTML file can be created using a simple text editor

WAnt to try>
And you can simply use notepad .
Type in the following text:

<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>

Save the file as "mypage.htm".

And then open the page .

**payabian** · 06-11-2006 03:50 AM

well in this post i will learn you about the tags.

1.HTML tags are used to mark-up HTML elements
2.HTML tags are surrounded by the two characters < and >
3.The surrounding characters are called angle brackets
4.HTML tags normally come in pairs like <b> and </b>
5.The first tag in a pair is the start tag, the second tag is the end tag
6.The text between the start and end tags is the element content
7.HTML tags are not case sensitive, <b> means the same as <B>
.................................................. ....................................
Elements:

<b>This text is bold</b>

The HTML element starts with a start tag: <b>
The content of the HTML element is: This text is bold
The HTML element ends with an end tag: </b>

<body>
This is my first homepage. <b>This text is bold</b>
</body>

This HTML element starts with the start tag <body>, and ends with the end tag </body>.

**payabian** · 06-11-2006 03:55 AM

Headings are defined with the <h1> to <h6> tags. <h1> defines the largest heading. <h6> defines the smallest heading.

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
.................................................. ...................................
BASIC HTML TAGS:

TAgs Description

<html> Defines an HTML document

<body> Defines the document's body

<h1>to<h6> Defines header 1 to header 6

<p> Defines a paragraph

<br> Inserts a single line break

<hr> Defines a horizontal rule
.................................................. ..................................

**payabian** · 06-11-2006 03:58 AM

Have you ever seen a Web page and wondered "How do they do that?"

To find out, simply click on the VIEW option in your browsers toolbar and select SOURCE or PAGE SOURCE. This will open a window that shows you the actual HTML of the page.

Text Formatting Tags
Tag Description
<b> Defines bold text
<big> Defines big text
<em> Defines emphasized text
<i> Defines italic text
<small> Defines small text
<strong> Defines strong text
<sub> Defines subscripted text
<sup> Defines superscripted text
<ins> Defines inserted text
<del> Defines deleted text
<s> Deprecated. Use <del> instead
<strike> Deprecated. Use <del> instead
<u> Deprecated. Use styles
.................................................. ....................................

**payabian** · 06-11-2006 04:07 AM

HTML uses the <a> (anchor) tag to create a link to another document.

An anchor can point to any resource on the Web: an HTML page, an image, a sound file, a movie, etc.

The syntax of creating an anchor:
<a href="url">Text to be displayed</a>

The <a> tag is used to create an anchor to link from, the href attribute is used to address the document to link to, and the words between the open and close of the anchor tag will be displayed as a hyperlink.
<a href="http://www.hostbidder.com/">Visit hostbidder!</a>
The line above will look like this in a browser:

The Target Attribute
With the target attribute, you can define where the linked document will be opened.

The line below will open the document in a new browser window

<a href="http://www.hostbidder.com/"
target="_blank">hostbidder!</a>
.................................................. ....................................

**payabian** · 06-11-2006 04:09 AM

Frames
With frames, you can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each frame is independent of the others.

The disadvantages of using frames are:

The web developer must keep track of more HTML documents
It is difficult to print the entire page

The Frameset Tag
The <frameset> tag defines how to divide the window into frames
Each frameset defines a set of rows or columns
The values of the rows/columns indicate the amount of screen area each row/column will occupy

-------------------------------------------------------------

The Frame Tag
The <frame> tag defines what HTML document to put into each frame
In the example below we have a frameset with two columns. The first column is set to 25% of the width of the browser window. The second column is set to 75% of the width of the browser window. The HTML document "frame_a.htm" is put into the first column, and the HTML document "frame_b.htm" is put into the second column:

<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
.................................................. ....................................

**evilgenius** · 06-11-2006 09:02 AM

well very nice and i hope u have copied it from http://www.w3schools.com/html/html_intro.asp
but that was a quite nice effort but you should have posted tutorials about something else

**Djetamun** · 06-11-2006 10:02 AM

payabian, I'm so disappointed in you. I take back every nice word I said about you. Hopefully, a moderator will take away the points you received from posting this plagiarized tutorial.

**Rayden** · 06-11-2006 10:03 AM

well yeah really nice for copying and make it in 5 different posts so that you can get 50 points in 5 minutes in the same thread...however I think you should quote all this and add a link to the original source and also make all in one posts...but really nice explanation though

Peace

**harrypfreak010** · 06-11-2006 06:09 PM

I would suggest getting getting an HTML book by the 4 dummies series. They explain it really well and even kids can understand it. Or you can just search HTML tutorial on dogpile. I found a great place that I learned HTML from: http://www.davesite.com. They're pretty good.

Featured Resources

Thread: HTML tutorials For beginners.

LinkBack

Thread Tools

Display

HTML tutorials For beginners.

HTML Tags

Headings.

How to View HTML Source and TEXT:

The Anchor Tag and the Href Attribute

Frames

Bookmarks

Bookmarks

Posting Permissions

Navigation

Discussion Forums

Webmaster Tools

Sites of Interests

Our Network