Sunday, July 14, 2013

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: , , , ,

Html cellpadding use

<html>
<body>

<h4>Without cellpadding:</h4>
<table border="1">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>  
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

<h4>With cellpadding:</h4>
<table border="1"
cellpadding="10">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>  
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

</body>
</html>

Result:

Without cellpadding:

First Row
Second Row

With cellpadding:

First Row
Second Row

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

Html table cell background

<html>
<body>

<h4>Cell backgrounds:</h4> 
<table border="1">
<tr>
  <td bgcolor="red">First</td>
  <td>Row</td>
</tr>  
<tr>
  <td
  background="ocean.jpg">
  Second</td>
  <td>Row</td>
</tr>
</table>

</body>
</html>

Result:

Cell backgrounds:

First Row
Second Row

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

Table alignment

<html>
<body>

<table width="400" border="1">
 <tr>
  <th align="left">Money spent on....</th>
  <th align="right">May</th>
  <th align="right">June</th>
 </tr>
 <tr>
  <td align="left">Clothes</td>
  <td align="right">$241.10</td>
  <td align="right">$50.20</td>
 </tr>
 <tr>
  <td align="left">Make-Up</td>
  <td align="right">$30.00</td>
  <td align="right">$44.45</td>
 </tr>
 <tr>
  <td align="left">Food</td>
  <td align="right">$730.40</td>
  <td align="right">$650.00</td>
 </tr>
 <tr>
  <th align="left">Sum</th>
  <th align="right">$1001.50</th>
  <th align="right">$744.65</th>
 </tr>
</table>

</body>
</html>

Result:
Money spent on.... May June
Clothes $241.10 $50.20
Make-Up $30.00 $44.45
Food $730.40 $650.00
Sum $1001.50 $744.65
Posted by at No comments:
Labels: , , ,

Html marquee tag use

<html>

<body>

<marquee behavior=scroll>
Welcome to my Web Site!
</marquee><BR>

<marquee behavior=slide>
Welcome to my Web Site!
</marquee><BR>

<marquee behavior=alternate>
Welcome to my Web Site!
</marquee><BR>

<h3>You are watching a Scrolling Texts with behaviors</h3>

</body>
</html>



Result:

Welcome to my Web Site!
Welcome to my Web Site!
Welcome to my Web Site!






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

Html pragraph use

<html>
<body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>

Result:
This is a paragraph.
This is a paragraph.
This is a paragraph.
Posted by at No comments:
Labels: , ,

Html audio sound using

<html>
<embed src="bg_sound.mp3" autostart=false width=250 height=100>
<body>

<h1>Click the Play button to listen music</h1>

</body>
</html>


Posted by at No comments:
Labels: , , ,

Html text align

<html>
<body>

<h1 style="text-align:center">This is heading 1</h1>
<p>The heading above is aligned to the center of this page. The heading above is aligned to the center of this page. The heading above is aligned to the center of this page.</p>

</body>
</html>

Result: 
 This is heading 1
The heading above is aligned to the center of this page. The heading above is aligned to the center of this page. The heading above is aligned to the center of this page.

Posted by at No comments:
Labels: , ,

Pragraph with inline style

<html>
<body>
<p style="color: red; margin-left: 20px; font-size: 30px;">
This is a paragraph
</p>
</body>
</html>

Result: This is a paragraph

Posted by at No comments:
Labels: ,

Heading Use

<html>
<body>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:courier new; color:red; font-size:20px;">A paragraph</p>
</body>
</html>
Posted by at No comments:
Labels: ,

Saturday, July 13, 2013

Frame set navigation

<html>
<frameset cols="120,*">
<frame src="tryhtml_contents.html">
<frame src="test_image.html"
name="showframe">
</frameset><noframes></noframes>
</html>
Posted by at No comments:
Labels: ,
Subscribe to: Posts (Atom)