Titled Heading Tag Example

This is para explains what is HTML

This para explains what is Casecading Style Sheet

Some text...

This is left aligned.

This is center aligned.

This is right aligned.

This is justified. This works when you have multiple lines in your paragraph and you want to justify all the lines so that they can look more nice.

This is not in the center.

A good example of this technique appears in the movie "12 Angry Men"

function testFunction( strText ){
            alert (strText)
        }
        

This is para one and should be on top

This is para two and should be on bottom

The following word uses a bold typeface.

This following word uses a italicized typeface.

The following word uses a underlined typeface.

The following word uses a strikethrough typeface.

The following word uses a monospaced typeface.

The following word uses a ^superscript typeface.

The following word uses a _subscript typeface.

The following word uses a big typeface.

The following word uses a small typeface.

You must remember to close elements in XHTML.

You must remember to close elements in XHTML.

I have a friend called Abhy.

This chapter covers marking up text in XHTML.

This tutorial teaches you how mark up your documents for the web using XHTML.

The following description of XHTML is taken from the W3C Web site:

XHTML 1.0 is the W3C's first Recommendation for XHTML, following on from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0.

The following description of XHTML is taken from the W3C Web site:

XHTML 1.0 is the W3C's first Recommendations for XHTML,...

Amit is in Spain, He is their at my home. I think I am wrong.

This HTML Tutorial is derived from World Wide Web Standard for HTML.

This is inside code element

This is inside keyboard kbd element

document.write("user-name")

Result produced by the program is Hello World

This is not Internet Explorer.

This text is hexcolor #FF00FF This text is red

Example 1

This is the first paragraph that appears above the paragraph with the image!

The image will appear along the right hand side of the paragraph. As you can see this is very nice for adding a little eye candy that relates to the specified paragraph. The let and right image-alignment values tell the browser to place an image against the left or right margin, respectively, of the current text flow. The browser then renders subsequent document content in the remaining portion of the flow adjacent to the image. The net result is that the document content following the image gets wrapped around the image.

Example 2

This is the first paragraph that appears above the paragraph with the image!

The image will appear along the right hand side of the paragraph. As you can see this is very nice for adding a little eye candy that relates to the specified paragraph.

The left and right image-alignment values tell the browser to place an image against the left or right margin, respectively, of the current text flow. The browser then renders subsequent document content in the remaining portion of the flow adjacent to the image. The net result is that the document content following the image gets wrapped around the image.

TP Home | AMROOD Home | Change Images Home

HTML text Links

Go to the Top Download File

Table 1

Row 1, Column 1	Row 1, Column 2
Row 2, Column 1	Row 2, Column 2

Table 2

Name	Salary
Ramesh Raman	5000
Shabbir Hussein	7000

Table 3

Column 1	Column 2	Column 3
Row 1 Cell 1	Row 1 Cell 2	Row 1 Cell 3
	Row 2 Cell 2	Row 2 Cell 3
Row 3 Cell 1

Table 4

Name	Salary
Ramesh Raman	5000
Shabbir Hassein	7000

Table 5

Column 1	Column 2	Column 3
Row 1 Cell 1	Row 1 Cell 2	Row 1 Cell 3

Table Example 1

Column 1	Column 2	Column 3
Row 1 Cell 1	Row 1 Cell 2	Row 1 Cell 3
	Row 2 Cell 2	Row 2 Cell 3
Row 3 Cell 1

Row 1, Column 1	Row 1, Column 2
Row 2, Column 1	Row 2, Column 2

This is the caption

row 1, column 1

row 1, column 2

Table 2 ...more rows here containing for cells...

This is the head of the table
This is the foot of the table
Cell 1	Cell 2	Cell 3	Cell 4

Table 3

Name Salary Ramesh Raman 5000 Shabbir Hussein 7000	This is another cell Using list inside this cell
Row 2, Column 1	Row 2, Column 2
Row 2, Column 1	Row 2, Column 2

My Table 1

Students	Number
Lee	1234
Kang	5678
Min	9012
Kim	3456
Park	7890

Page. 43 Table

This is the head of the table
This is the foot of the table
Cell 1	Cell 2	Cell 3	Cell 4
...more rows here containing four cells....
Cell 1	Cell 2	Cell 3	Cell 4
...more rows here containing four cells....

Using one table inside another table

Name Salary Ramesh Raman 5000 Shabbir Hussein 7000	This is another cell Using list inside this cell
Row 2, Column 1	Row 2, Column 2

HTML Colors- Color Names | Hex Codes

• Black | #000000
• Gray | #C0C0C0
• Silver
• White | #FFFFFF
• Yellow | #FFFF00
• Lime | #00FF00
• Aqua | #00FFFF
• Fuchsia | #FF00FF
• Red | #FF0000
• Green
• Blue | #0000FF
• Purple
• Maroon
• Olive
• Navy
• Teal

Form 1

HTML Forms

form elements like input, textarea etc.

Form 2-Text input controls

First name:
Last name:

Login :
Password:

Form3-Multiple Lines Text Input Controls:

Description:
Enter description here...

Form 4 - Creating Button

Form 5 - Using an image to create a button

Form 6 - Checkboxes Control

Maths Physics

Form 7 - Radiobox Control

Maths Physics

Form 8 - Select box Control

Maths Physcis

Form 9 - File Select Boxes

Form 10 - Hidden Controls

This is page 10

This background is filled up with a pattern image.

Another example on table background using pattrern

This background is filled up with a pattern image.

HTML Embed Multimedia

<img src="yourimage.gif" >

Embed a HTML document in an HTML document itself

Embed a PDF document in an HTML document

Add a flash document

Add a java applet into a HTML document

You've just finished reading the HTML tutorial page.

http://www.tutorialspoint.com/html/index.htm

Created by Juyoung Lee

---