Pages

Monday, 8 July 2013

How To Change Link Color ?

To change Link color we use css in the tag

example :-

<a href="link" style="text-decoration:none; color:green;>Text</a>

Now Give A Link To Any Folder Where I Have Given Link In the tag. if we want to give a link to webpage.we should give http://. the give the text which you want to give in Text written part of the html tag. if you want to give different color change the color from green to any other color.

Thank You  

Saturday, 6 July 2013

External Css



                             
                           Web Page Code
<!DOCTYPE html>
<html>
<head>
<title>Free Software Downloads</title>
<link rel="stylesheet" type="text/css" href="myhead.css"
</head>
<body>
<h1>SandeepIndeevaram</h1>
<p>Sandeep Menon Is A Blogger</p>
</body>
</html>


Look At The Red Color Marked Tag( look at the entire tag -link. this webpage is know linked with myhead.css at the same location.Now look myhead.css

                                                   MyHead.css (css file)
body
{background-color:green;}
h1
{color:pink; font-family:"times new roman";}
p

{color:blue; font-family:"Arial";}

Now You Understand how to add a css file to a html file & to create a css file 


Thank You 
 

                  


Friday, 5 July 2013

Creating Css Style Sheets

Take NotePad ++

Type Following To It
body
{background-color:green;}
h1
{color:pink; font-family:"times new roman";}
p
 {color:blue; font-family:"Arial";}


Save It Using.css(i am using myhead.css)

then Similar Tags Like <p> <h1> in An html page .(in head give a like to this css page like this)

 <!DOCTYPE html>
<html>
<head>
<title>Free Software Downloads</title>
<link rel="stylesheet" type="text/css" href="myhead.css"
</head>
<body>
<h1>SandeepIndeevaram</h1>
<p>Sandeep Menon Is A Blogger</p>
</body>
</html>



Thursday, 4 July 2013

Internal Css




Examples :


<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {background-color:orange;}
h1 {color:green; font-family:"arial";}
p{color:blue; font-family:"times new roman";
</style>
</head>
<h1>Sandeep Indeevaram</h1>
<p>Sandeepindeevaram Is A Blogger</p>
</body>
</html>

Using Super Script & Subscript


Super Script & Subscript 

<sub>- subscript
<sup>- superscript



Example for h2so4 & (a+b)2=a2+2ab+b2:
<!DOCTYPE html>
<html>
<body>
<P>H<sub>2</sub>SO<sub>4</sub></P>
<P>(a+b)<sup>2</sup>=a<sup>2</sup>+2ab+b<sup>2</sup>
</body>
</html>

Html With Css

Html Css Programming

 Example For HTML Css- Inline Styles

<!DOCTYPE html>
<html>
 

<body style="background-color:GREEN;">
 

<h1 style="background-color:green;font-family:times new roman;color:red;font-size:50px;text-align:center;">SandeepIndeevaram</h1>
 

<p style="background-color:blue;font-family:arial;font-size:30px;">SANDEEP(SANDEEP M MENON)Indeevaram</p>
 

<a href="http://sandeepindeevaram.blogspot.com" style="text-decoration:none;color:brown;">Sandeepindeevaram</a>
 

</body>
</html>
      Try It

 
Animated Social Gadget - Blogger And Wordpress Tips