JavaScript setFullYear method

<html>
<body>

<script type="text/javascript">

var d = new Date();
d.setFullYear(1992,10,3);
document.write(d);

</script>

</body>
</html>

Result

Css align positioning

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
body
{
margin:0;
padding:0;
}
.container
{
position:relative;
width:100%
}
.right
{
position:absolute;
right:0px;
width:300px;
background-color:#b0e0e6;
}
</style>
</head>
<body>
<div class="container">
<div class="right">
<p><b>Note: </b>When aligning using the position property, always include the !DOCTYPE declaration! If missing, it can produce strange results in IE browsers.</p>
</div>
</div>

</body>
</html>

Result:

Css using align float

<html>
<head>
<style type="text/css">
.right
{
float:right;
width:300px;
background-color:#b0e0e6;
}
</style>
</head>

<body>
<div class="right">
<p>Rice is normally grown as an annual plant, although in tropical areas it can survive as a perennial and can produce a ratoon crop for up to 20 years.</p>
<p>The rice plant can grow to 1–1.8 m tall, occasionally more depending on the variety and soil fertility.</p>
</div>
</body>
</html>

Result

Image insert html tag

<html>
<body>

<p>
An Ocean image:
<img src="ocean.jpg" width="415" height="332">
</p>

<p>
A moving image:
<img src="hackanm.gif" width="48" height="48">
</p>

<p>
Note that the syntax of inserting a moving image is no different from that of a non-moving image.
</p>

</body>
</html>

Image map

<html>
<body>

<p>
Click on one of the planets to watch it closer:
</p>

<img src="planets.gif"
width="145" height="126"
usemap="#planetmap">

<map id="planetmap" name="planetmap">

<area shape="rect"
coords="0,0,82,126"
alt="Sun"
href="sun.html">

<area shape="circle"
coords="90,58,3"
alt="Mercury"
href="mercur.html">


<area shape="circle"
coords="124,58,8"
alt="Venus"
href="venus.html">

</map>

<p><b>Note:</b> The "usemap" attribute in the img element refers to the "id" or "name" (browser dependant) attribute in
the map element, therefore we have added both the "id" and "name" attributes to the map element.</p>

</body>
</html>

Br tag use

<html>
<body>

<p>This is<br />a para<br />graph with line breaks</p>

</body>
</html>

Html link tag

<html>
<body>

<a href="http://www.systechdigital.com">This is a link</a>

</body>
</html>

How to html link make?

<html>
<body>

<p>
<a href="test_style_lastpage.html">
This text</a> is a link to a page on
this Web site.
</p>

<p>
<a href="http://www.google.com/">
This text</a> is a link to a page on
the World Wide Web.
</p>

</body>
</html>

Results:

This text is a link to a page on this Web site.
This text is a link to a page on the World Wide Web.

Link target use

<html>
<body>

<a href="test_style_lastpage.html" target="_blank">Last Page</a>

<p>
If you set the target attribute of a link to "_blank",
the link will open in a new window.
</p>

<p>
<a href="http://www.yahoo.com/" target="_blank">
This text</a> is a link to a page on
the World Wide Web.
</p>

</body>
</html>

How to use link jump page?

<html>
<body>

<p>
<a href="#C4">See also Chapter 4.</a>
</p>

<h2><a name="C1">Chapter 1</a></h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>

<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 5</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 6</h2>
<p>This chapter explains ba bla bla</p>

<p>
<a href="#C1">Go to Top</a>
</p>

<h2>Chapter 7</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 8</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 9</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 10</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 11</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 12</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 13</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 14</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 15</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 16</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 17</h2>
<p>This chapter explains ba bla bla</p>

</body>
</html>

How to use mailto html?

<html>
<body>
<p>
This is a mail link:
<a href="mailto:admin@systechdigital.com">
Send Mail</a>
</p>
</body>
</html>

How to nested list use html?

<html>
<body>

<h4>A nested List:</h4>
<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
    <li>Black tea</li>
    <li>Green tea
      <ul>
      <li>China</li>
      <li>Africa</li>
      </ul>
    </li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

</body>
</html>

Results:

A nested List:

• Coffee
• Tea
  • Black tea
  • Green tea
    • China
    • Africa
• Milk

Html ordered list

<html>
<body>

<h4>Numbered list:</h4>
<ol>
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol> 

<h4>Letters list:</h4>
<ol type="A">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol> 

<h4>Lowercase letters list:</h4>
<ol type="a">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol> 

<h4>Roman numbers list:</h4>
<ol type="I">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol> 

<h4>Lowercase Roman numbers list:</h4>
<ol type="i">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol> 

</body>

</html>

Results:

Numbered list:

1. Apples
2. Bananas
3. Lemons
4. Oranges

Letters list:

1. Apples
2. Bananas
3. Lemons
4. Oranges

Lowercase letters list:

1. Apples
2. Bananas
3. Lemons
4. Oranges

Roman numbers list:

1. Apples
2. Bananas
3. Lemons
4. Oranges

Lowercase Roman numbers list:

1. Apples
2. Bananas
3. Lemons
4. Oranges

Internal Css using..

<html>
<head>
<style type="text/css">
h1 {color: red}
h3 {color: blue}
</style>
</head>
<body>
<h1>This is header 1</h1>
<h3>This is header 3</h3>
</body>
</html>



Result: 
This is header 1
This is header 3

Html unorderd list using

<html>
<body>

<h4>Disc bullets list:</h4>
<ul type="disc">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ul> 

<h4>Circle bullets list:</h4>
<ul type="circle">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ul> 

<h4>Square bullets list:</h4>
<ul type="square">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ul> 

</body>
</html>

Results:

Disc bullets list:

• Apples
• Bananas
• Lemons
• Oranges

Circle bullets list:

• Apples
• Bananas
• Lemons
• Oranges

Square bullets list:

• Apples
• Bananas
• Lemons
• Oranges

Marquee bg color

<html>

<body>

<marquee bgcolor=yellow>
Welcome to my Web Site!
</marquee><BR><BR>

<marquee bgcolor=green>
Welcome to my Web Site!
</marquee><BR><BR>

<marquee bgcolor=red>
Welcome to my Web Site!
</marquee><BR>

<h3>You are watching a Scrolling Texts with Background Color</h3>

</body>
</html>

Result:

Welcome to my Web Site!

Welcome to my Web Site!

Welcome to my Web Site!

You are watching a Scrolling Texts with Background Color

Text marquee hspace and vspace using

<html>

<body>

<marquee width="25%"bgcolor=yellow>
Howdy there!<P>
Good to see ya!
</marquee>
Hi There!<BR><BR>

<marquee hspace=10 width="25%"bgcolor=yellow>
Howdy there!<P>
Good to see ya!
</marquee>
Hi There!<BR><BR>

<marquee hspace=50 width="25%"bgcolor=yellow>
Howdy there!<P>
Good to see ya!
</marquee>
Hi There!<BR><BR>


Hello.
<marquee bgcolor=yellow>
Howdy there!<P>
</marquee>
Hi There!<BR><BR>

Hello.
<marquee vspace=10 bgcolor=yellow>
Howdy there!<P>
</marquee>
Hi There!<BR><BR>

Hello.
<marquee vspace=50 bgcolor=yellow>
Howdy there!<P>
</marquee>
Hi There!<BR><BR>


<h3>You are watching a Scrolling Texts with hspace and vspace</h3>

</body>
</html>
Result:
Howdy there!Good to see ya! Hi There!

Howdy there!Good to see ya! Hi There!

Howdy there!Good to see ya! Hi There!

Hello. Howdy there! Hi There!

Hello. Howdy there! Hi There!

Hello. Howdy there! Hi There!

You are watching a Scrolling Texts with hspace and vspace

Marquee Tag using

<html>

<body>

<marquee>
Systech Digital Ltd. is a leading software development company in Bangladesh. Already it has earned vast popularity in Corporate
Software Solutions. Our goal is to provide the best innovative and unique creative solutions to our valued customers.
</marquee>

<h1>You are watching a Scrolling Text</h1>

</body>
</html>

Result:
Systech Digital Ltd. is a leading software development company in Bangladesh. Already it has earned vast popularity in Corporate Software Solutions. Our goal is to provide the best innovative and unique creative solutions to our valued customers.

Html meta keyword using

<html>
<head>

<meta name="description"
content="HTML examples">

<meta name="keywords"
content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">
</head>

<body>
<p>
The meta attributes of this document describe the document and its keywords.
</p>
</body>
</html>

Html redirected using

<html>
<head>
<meta http-equiv="Refresh"
content="5;url=http://softandweb.blogspot.com">
</head>

<body>
<p>
Sorry! We have moved! The new URL is: <a href="http://softandweb.blogspot.com">http://www.softandweb.blogspot.com</a>
</p>

<p>
You will be redirected to the new address in five seconds.
</p>

<p>
If you see this message for more than 5 seconds, please click on the link above!
</p>

</body>
</html>