EXTERNAL CSS:-

 EXTERNAL CSS:-

 

1.in this type of CSS is used to create outside the HTML the page

2.external CSS is to saved .css extention

3.external CSS can not used tag symbol  


.myone

{

color:red;

}


.mytwo

{

color:yellow;

}


.mythree

{

color:blue;

}


NOTE:- 1.CSS FILE CAN NOT EXECUTED 

2.CSS FILE ONLY CONNECT TO HTML PAGE.



HOW TO CONNECT EXTERNAL CSS TO HTML PAGE:-


1.in this concept using <link> 


there are following attributes used in <Link>.


1.href

2.rel

3.type


1]]]]  EXAMPLE NO.1

CSS FILE :-


.myone

{

color:red;

}


.mytwo

{

color:yellow;

}


.mythree

{

color:blue;

}



HTML FILE:-



<html>

<head>


<link href="my.css" rel="stylesheet" type="text/css">



</head>

<body>

<font class="myone">welcome </font>

<br>

<font class="mytwo"> NAGPUR </font>

<br>

<font class="mythree"> MUMBAI </font> 

</body>

</html>



2]]]] EXAMPLE NO.2 

CSS FILE:-


.my1

{

color:red;

}

.my2

{

color:blue;

}

.my3

{

color:yellow;

}

.my4

{

background-color:red; 

height:100px;

width:100px;

top:1px;

left:1px;

}



HTML FILE:-


<HTML>

<HEAD>


<LINK HREF="NEW.CSS" REL="STYLESHEET" TYPE="TEXT/CSS"> 


</HEAD>

<BODY>

<FONT CLASS="MY1">WELCOME </FONT>

<BR>

<FONT CLASS="MY2"> NAGPUR </FONT>

<BR>

<FONT CLASS="MY3"> MUMBAI </FONT>

<br> 

<div class="my4"> PUNE </div> 

</BODY> 

</HTML>


ASSIGMENT:-

 convert all div assignment into external CSS.

 DOUBT POINTS FOR MONDAY  

 


Comments

Post a Comment

Popular posts from this blog

HTML FORMS

 HTML FORMS:- 1)forms is communication between user to web page 2) all form used to created inside the <form> tag3) there are following control used in form.    1. textbox control    2. password box control   3. redio button control    4. checkbox control   5. text area control    6. drop down list control   7. button control  <HTML> <BODY> <FORM>  ENTER YOUR NAME  <BR> <input type="text"> <BR>  enter your password <BR> <input type="Password"> <BR> select your gender <BR> Male-<input type="radio"> ( single selection)  <BR> select your course  <BR> MBA-<input type="checkbox"> MCA-<input type="checkbox"> <BR> select your city <BR> <select> <option>Nagpur </option> <option> pune </option> <option> Mumbai </option> </select> <BR> write your qu...
Read more

condition management IF, ELSE, ELSEIF

  condition management:- if-else,else-if, else-otherwise ke jagh pe else = if =condition IF & ELSE:- <html> <head> <script language="JavaScript">  var age;  age=parseInt(prompt ("enter your age"));  if(age>18)  {  document.write("you can vote");  }  else  {  document.write("you can not vote");  }  </script> </head> </html> ELSEIF:- -elseif=multiple condition pe elseif - last mei single else complusory var per;   per=parseInt(prompt("enter your percentage"));   if(per>=60)   {   document.write("A grade");   }   else if(per>50 && per<60)   {   document.write("B grade");   }   else if(per>40 && per<50)   {   document.write("C grade");   }   else   {   document.write("fail");   }
Read more

HTML NOTES

 HTML Language  1 html is called hyper text mark up language  2 what is hyper- representing next location  text - text is collection of number, symbol, words ex.- amit@001  3 mark up - mark up is libarary is used to operate html program  4 language- mediater    HTML istructured  is called tag  tag is representing- <>  ex B tag- this is wrong concept          -<B>  ex. U tag = <U> ex. I tag = <I>     P tag = <P> types of tag in HTML:- there are two types of tag used in HTML  1- open tag  2- close tag  1- open tag= in this tag only used 1 time in program ex.<B>, <U>, <I>,  2- close tag= in this type of tag is used two time in program and tag is to be closed / symbol  ex. quw. B is close tag       ans.<B>    </B> U is close tag  <U>    </U> I is open tag = ...
Read more