Recommended
More Related Content
Similar to ASSIGNMENT5.docx
Similar to ASSIGNMENT5.docx (20)
More from 6076RShalini20Msec
Recently uploaded
Recently uploaded (20)
ASSIGNMENT5.docx
- 1. ASSIGNMENT-5 CSS Colors: Program: <html> <body> <h1 style="background-color:Blue;">Blue</h1> <h1 style="background-color:green;">Green</h1> <h1 style="background-color:orange;">Orange</h1> </body> </html> OUTPUT: BACKGROUND-COLORS: <html> <style> body{ background-color:lightgreen; } </style> <body> <h1>Welcome to css </h1> <p>This page has light green background</p>
- 3. MARGINS: <html> <head> <style> div{ border:2px solid black; margin-top:100px; margin-bottom:100px; margin-right:150px; margin-left:100px; background-color:pink; } </style> </head> <body> <h1>using margin</h1> <div> Nature is the ultimate source of our living.</div> </body> </html> OUTPUT:
- 4. PADDING: <html> <head> <style> div{ border:2px solid black; background-color:gray; padding-top:50; padding-right:30px; padding-bottom:50px; padding-left:450px; } </style> </head> <body> <div>Failure is the stepping stone for success</div> </body> </html> OUTPUT:
- 5. HEIGHT&WIDTH: <html> <head> <style> div{ border:2px solid black; background-color:gray; padding-top:50; padding-right:30px; padding-bottom:50px; padding-left:450px; } p{ height:300px; width:50%; background-color:lightblue; } </style> </head> <body> <p>Try try until you get suceed reach your goal and dont leave it for anyone</p> <div>Failure is the stepping stone for success</div> </body> </html> OUTPUT:
- 6. BOX MODEL: <html> <head> <style> div{ background-color:lightblue; width:250px; border:15px solid red; paddind:50px; margin:20px; } </style> </head> <body> <h2>Box model</h2> <div> In 1998 Kalam put forward a countrywide plan called Technology Vision 2020, which he described as a road map for transforming India from a less-developed to a developed society in 20 years.</div>
- 7. </body> </html> OUTPUT: OUTLINE: <html> <head> <style> p{ border:1px solid black; outline :#0000FF solid 10px; margin:auto; padding:20px; text-align:center; } </style> </head> <body>
- 8. <h2>Outline</h2> <p>A.P.J. Abdul Kalam served as president of the Republic of India from 2002 to 2007. </p> </body> </html> OUTPUT: LISTS: