HTML&CSS

<a href="http://twitter.com/me" title="Twitter link">
<div id="twitterbird" class="sidebar-poster"></div></a>

div.sidebar-poster {
margin-bottom: 10px;
background-position: center top;
background-repeat: no-repeat;
width: 160px;
}
#twitterbird {
background-image: url('twitterbird.png');
}
#twitterbird:hover {
background-image: url('twitterbird_hover.png');
}

CSS Tutorial

CSS

body {background-color:green
}
*{
   margin: 0 auto;
}
#button {
    background-color: pink;
    margin-top:30px;
    height: 40px;
    width: 130px;
    border-radius:50%;/*for making corners of div in round shape*/
    border:groove;
}

<---------------------->
<link href="../CSS/StyleSheet1.css" rel="stylesheet" type="text/css" />

this is of link css page..
# - this is id symblo.

HTML Tutorial

HTML

<html>
<head>
    <title>Creating-Button</title>
    <link href="../CSS/StyleSheet1.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="button">
    </div>
</body>
</html>

CSS

body {background-color:green
}
*{
   margin: 0 auto;
}
#button {
    background-color: pink;
    margin-top:30px;
    height: 40px;
    width: 130px;
    border-radius:50%;/*for making corners of div in round shape*/
    border:groove;
}

<---------------------->
<link href="../CSS/StyleSheet1.css" rel="stylesheet" type="text/css" />

this is of link css page..
# - this is id symblo.

JAVASCRIPT Tutorial

<!DOCTYPE html>
<html>
<body>

<p id="myP"></p>

<script>
var x=5;  
var y=x+2;

document.getElementById("myP").innerHTML=y
</script>

<p><strong>Note:</strong> The comments are not executed.</p>

</body>
</html>


var- is varible of javascript.
myP - is id of p tag.
 y  - is varible .
 x=5 - min x value 5.
 y=x+2 - min x+2= 7 ,and show in y
strong - is tha tag to use blod the text,

JAVASCRIPT Tutorial

<html>
<body>

<h1 id="myH1"></h1>

<p id="myP"></p>

<script>
document.getElementById("myH1").innerHTML="Welcome to my Homepage";
document.getElementById("myP").innerHTML="This is my first paragraph.";
</script>

<p><strong>Note:</strong> The comment-block is not executed.</p>

</body>
</html>

java script -id use Example

HTML Tutorial

<table border="1">
<tr>
<th width="77">Table 1</th>
<th width="73">Table 2</th>
</tr>
<tr>
<td>row 1</td>
<td> cell 2</td>
</tr>
<tr>
<td>row 2</td>
<td>cell 2</td>
</tr>
<tr>
<td>row 3</td>
<td> cell 2</td>
</tr>
<tr>
<td>row 4</td>
<td>cell 2</td>
</tr>
</table>


<table> table sart

 tr - table row
 th - table hader
 td - table data

    table end </table>

CSS Tutorial

<table border="1">
<tr>
<th width="77" style="background:#FF0;">Table 1</th>
<th width="73" style="background:#0FF;">Table 2</th>
</tr>
<tr>
<td style="background:#C00;">row 1</td>
<td style="background:#C30;"> cell 2</td>
</tr>
<tr>
<td style="background:#3F0;">row 2</td>
<td style="background:#696;">cell 2</td>
</tr>
<tr>
<td style="background:#F6C;">row 3</td>
<td style="background:#FF6;"> cell 2</td>
</tr>
<tr>
<td style="background:#6F0;">row 4</td>
<td style="background:#600;">cell 2</td>
</tr>
</table>


<table> table sart

 tr - table row
 th - table hader
 td - table data

    table end </table>
   
    style - css use