Showing posts with label Html. Show all posts
Showing posts with label Html. Show all posts

Tuesday, July 30, 2013

Background image position percentence

<html>
<head>
<style type="text/css">
body
{
background-image: url('people.gif');
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 30% 20%;
}
</style>
</head>

<body>

<p><b>Note:</b> For this to work in Firefox and Opera, the background-attachment property must be set to "fixed".</p>

</body>
</html>


Results:


Posted by at No comments:
Labels: , , ,

Background image only vertically using

<html>
<head>
<style type="text/css">
body
{
background-image:url('people.gif');
background-repeat:repeat-y;
}
</style>
</head>

<body>
<h1>repeat-y will repeat a background image only vertically.</h1>
</body>
</html>

Result:


Posted by at No comments:
Labels: , ,

Sunday, July 14, 2013

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>
Posted by at No comments:
Labels: , , , ,

Br tag use

<html>
<body>

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

</body>
</html>
Posted by at No comments:
Labels: ,

Html link tag

<html>
<body>

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

</body>
</html>
Posted by at No comments:
Labels: , , ,

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.

Posted by at No comments:
Labels: , , , ,

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>
Posted by at No comments:
Labels: , , , ,

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>

Posted by at No comments:
Labels: , , , ,

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>
Posted by at No comments:
Labels: , , , ,

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

Posted by at No comments:
Labels: , , , ,

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

Posted by at No comments:
Labels: , , , ,

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
Posted by at No comments:
Labels: , , , ,

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


Posted by at No comments:
Labels: , , ,

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





Posted by at No comments:
Labels: , , , ,

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






Posted by at No comments:
Labels: , , ,

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>
Posted by at No comments:
Labels: , , , ,

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>
Posted by at No comments:
Labels: , , , ,

Body Background

<html>
<body style="background-color:yellow">

<h2>Look: Colored Background!</h2>

</body>
</html>

Result:


Posted by at No comments:
Labels: , , , , ,
<html>
<body>

<table border="0" width="100%" cellpadding="10">
<tr>

<td width="50%" valign="top">
Bangladesh is the seventh most populous country in the world . The country is listed among the "Next Eleven" economies. Dhaka and other urban centers have been the driving force behind this growth.
</td>

<td width="50%" valign="top">
Geographically, the country straddles the fertile Ganges-Brahmaputra Delta. The government is a parliamentary democracy. Bangladesh is a member of the Commonwealth of Nations, SAARC, BIMSTEC, the OIC, and the D-8.
</td>

</tr>
</table>

</body>
</html>
Result:
Bangladesh is the seventh most populous country in the world . The country is listed among the "Next Eleven" economies. Dhaka and other urban centers have been the driving force behind this growth. Geographically, the country straddles the fertile Ganges-Brahmaputra Delta. The government is a parliamentary democracy. Bangladesh is a member of the Commonwealth of Nations, SAARC, BIMSTEC, the OIC, and the D-8.

Posted by at No comments:
Labels: , , , ,

Table background color

<html>
<body>

<h4>A background color:</h4>
<table border="1"
bgcolor="red">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>  
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

<h4>A background image:</h4>
<table border="1"
background="ocean.jpg">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>  
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

</body>
</html>

Result:

A background color:

First Row
Second Row

A background image:

First Row
Second Row


Posted by at No comments:
Labels: , , , ,
Subscribe to: Posts (Atom)