HTML Online Tutorial Contents

Following are the posts for HTML online Tutorial. To learn everything about HTML, just read these posts: HTML Online Tutorial HTML TAGS (2) HTML BASICS (3) HTML ELEMENTS (4) HTML ATTRIBUTES (5) More »

XHTML

XHTML stands for Extensible Hypertext Markup Language. It is also known as XML (Extensible Markup Language). It is a markup language. In XHTML, there are no predefined tags. The user defines the More »

HTML SUMMARY

In this tutorial, you learned: HTML Introduction HTML Tags HTML Basics HTML Elements HTML Attributes HTML Paragraphs HTML Headings HTML Formats HTML Image HTML Links HTML Lists HTML Frames HTML Table After More »

HTML TABLES (13)

HTML Tables are used to arrange data in web pages. HTML allows the use of tables by <table>…</table> tags. Each row in HTML table is recognized by <tr>…</tr> tag. In each row More »

HTML FRAMES (12.2)

Nested frames example: For the following example to work, there are two other simple HTML files : “HMTL11e1 frame a.html” and “HMTL11e1 frame b.html”. your browser will divide your screeub half. The More »

 

Tag Archives: websites design

links 2

HTML LINKS (10.2)

INTERNAL IMAGE HTML LINKS Example 3:

Following example demonstrates the use of an image as a link. Moreover, this is an example of an internal link. Note that the image tag is used inside the link tag.




Example9.3:

<html>

 

<head>

<title>Website-School/HTML Links Example 3</title>

</head>

 

<body>

<p><a href=”/index.html.html”><img src=”/logo.gif” width=”500″ height=”507″ alt=”imagelinkexample” /></a>

</p>

<p>This image is a link to a homepage of www.website-school.com</p>

</body>

 

</html>

 

HTML LINKS Example 4:

Following example shows a way to link an external website. In this example there is a link to www.google.com.





Example9.4:

<html>

 

<head>

<title> Website-School/HTML Links Example 4</title>

</head>

 

<body>

<a href=”/www.Google.com”>Home Page</a> of www.google.com.

</body>

 

</html>

HTML LINKS Example 5:

In the following example, if you click the link, it will open your default email software and in to section the supposed email will be visible. Remember this email address is supposed.

Example9.5:

<html>

 

<head>

<title>HTML LINKS Example 5</title>

</head>

 

<body>

<p>Email Me:</p>

<p>You can <a href=”mailto:abc@hotmail.com”> email me.</a></p>

<p>This email address is supposed and is not real</p>

</body>

 

</html>

For more visit next posts in this category.To go back to Contents of this tutorial: Contents of HTML Tutorial



HTML BASICS (3)

The browser recognizes a HTML file with the help of <html>…</html> tags pair. Every html tag or element is written in between these tags. There are two sections of the document between this tag pair:

  • Head Section
  • Body Section

<script type=”text/javascript” src=”http://www.bluehost.com/src/js/securedlink/CODE14/488×160/bh_488x160_02.gif”></script>

The overall basic structure of an HTML file is:

<html>

 

<head>

</head>

 

<body>

</body>

 

</html>

 

  • HEAD SECTION:

The <head> and </head> tags identify the start and end of this section. In this tag title of document can be defined. The title of document can be defined using <title>…</title> tag pair. The text mentioned in between title tag should be less than and equal to 60 characters.

<script type=”text/javascript” src=”http://www.bluehost.com/src/js/securedlink/CODE109/468×60/bh_468x60_05.gif”></script>

  • BODY SECTION:

The <body> and </body> tags identify the start and end of the body section. This section includes material to be displayed on web page. Moreover this section includes information about layout of web page.

<script type=”text/javascript” src=”http://www.bluehost.com/src/js/securedlink/CODE108/468×60/bh_468x60_02.gif”></script>

HTML Files Titles:

This example result will open a HTML document in your browser with a title: “Website-School/HTML Basics example 1”. Moreover it will contain some text in its body section using <p>….</p> tag. This tag is explained in HTML Paragraph chapter.

<html>

 

<head>

<title>Website-School/HTML Basics example 1</title>

</head>

 

<body>

<p> This text is displayed using paragraph tags inside the body tags.</p>

</body>

 

</html>

<a href=”http://secureabc.maverick66.hop.clickbank.net”><img src=”http://www.maverickmoneymakers.com/affiliates/banners/mavmoney-468×60.gif”></a>

 

For more visit next posts in this category.To go back to Contents of this tutorial: Contents of HTML Tutorial