Posts

practice(poem)

 HTML < html lang = "en" >     < head >     < meta charset = "UTF-8" />     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" />     < meta name = "viewport" content = "width=device-width,initial-scale=1.0" />     < link rel = "stylesheet" href = "practice2.css" />     < title > CCS Assignment-1 </ title >   </ head >   < body style = " background-color: wheat;" >     <!--PoemName-->     < h1 > Ozymandias </ h1 >     <!--Poet'sName-->     < h3 > by Percy ByssheShelley </ h3 >     <!--Poem-->     < p >       I met a traveller from an antique land, < br />       Who said—“Two vast and trunkless legs of stone < br />       Stand in the desert....Near them,on the sand,...

practice2

 HTML <! DOCTYPE html > < html lang = "en" >   < head >     < link rel = "stylesheet" href = "practice.css" />     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > practice </ title >   </ head >   < body >     < h1 >       apna < br />       college     </ h1 >   </ body > </ html > CSS h1 {     font-family : 'League Spartan' ;     color : #ffa511 ;     text-align : center ;     font-size : 55px ;     font-weight : 900 ;     letter-spacing : 2px ;     line-height : 1.5 ;     text-decoration : teal double underline ;     text-transform : uppercase ; }

Text properties and Font size units

 HTML <! DOCTYPE html > < html lang = "en" >   < head >     < link rel = "stylesheet" href = "TextProprtiesAndFontSizeUnits.css" />     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > Text Properties </ title >   </ head >   < body >     < h1 > Footballers </ h1 >     < h2 > CR7 </ h2 >     < h3 > LEO </ h3 >     < h4 > NEY </ h4 >     < h5 > BENZ </ h5 >     < h6 > kdb </ h6 >     < p >       Football is the most famous sport around the globe.It is the most played       and watched sport in the world     </ p >     < a href = "www.google.com" > Google </ a >   </...

Color Systems

 HTML <! DOCTYPE html > < html lang = "en" > < head >     < link rel = "stylesheet" href = "ColorSystems.css" >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Color Systems </ title > </ head > < body >     < h1 > Fight club </ h1 >     < h2 > Shutter Island </ h2 >     < h3 > Dark Knight </ h3 >     < h4 > TROY </ h4 >     < h5 > Avengers </ h5 >     < h6 > Inception </ h6 >     < p > Deadpool </ p >     < button > select </ button > </ body > </ html > CSS h1 {   /* NAMED COLORS */   color : blue ;   background-color : grey ; } /* RGB COLORS */ h2 {   color : rgb ( 255 , 0 , 0 );   back...

practice

 HTML <! DOCTYPE html > < html lang = "en" >   < head >     < link rel = "stylesheet" href = "practice1.css" />     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > practice </ title >   </ head >   < body >     < h2 > Hi there! </ h2 >     < br />     < p > My name is Tom & I am there to help you </ p >     < br />     < button > Need Help </ button >   </ body > </ html > CSS h2 {     color : orange ; } button {     background-color : blue ;     color : white ; } p {     background-color : black ;     color : white ; }

Linking HTML with CSS file

 HTML file <! DOCTYPE html > < html lang = "en" > < head >     < link rel = "stylesheet" href = "ExternalStyleSheet.css" >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Linking </ title > </ head > < body >     < h1 > hellooooooooooo!!!!! </ h1 > </ body > </ html > CSS file h1 {     color : aqua ;     background-color : black ; }

Including styles

  < body >     <!-- USING INLINE STYLING --> < h1 style = " color: red;" > Hello World </ h1 > < button style = " color: white; background-color:black;" > submit </ button > </ body > <! DOCTYPE html > < html lang = "en" > < head >     <!-- USING STYLE TAG -->   < style >     h1 {         color : red ;         background-color : black ;     }     button {         color : aqua ;         background-color : wheat ;     }   </ style >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title > </ head > < body > < h1 > Hello World </ h1 > < button > Submit </ button > ...