Slip 20 - B) Create HTML page with following specifications i) Title should be about your Car. ii) Color the background by Pink color. iii) Place your car name at the top of page in large text and in green color. iv) Add names of features in your car, each in different color, style and font v) Add scrolling text about your Car. vi) Add any image at the bottom. (Use external CSS to format the web page)

Solution:


<HTML>
<head><TITLE><CENTER>My Car</CENTER></TITLE>
</head>
<body style="background-color:pink;">
<h1 style="text-align: center ; Color: green;"> My Car Name: Mahindra XUV700 </h1>
<h1 style="font-size=30; color: powderblue; "> ::Mahindra XUV700 Features:: </h1>
<ul >
<li style="color : blue; font-size=20; font-family:verdana;">Engine (upto) - 2198 cc</li>
<li style="color : red; font-size=21; font-family:arial;">BHP - 197.13</li>
<li style="color : green ;font-size=19; font-family:courier;">Transmission - Automatic/Manual</li>
<li style="color : yellow; font-size=22; font-family:Calibri;">Airbags - yes</li>
</ul>
<div style="background-color: lightblue;width: 210px; height: 210px; overflow: scroll;">
The price of Mahindra XUV700 starts at Rs. 13.18 Lakh and goes upto Rs. 24.58 Lakh. Mahindra XUV700 is offered in 23 variants - the base model of XUV700 is MX and the top variant Mahindra XUV700 AX7 Diesel AT Luxury Pack AWD which comes at a price tag of Rs. 24.58 Lakh.
</div>
<img style="border: 1px solid red; border-radius: 4px; padding: 5px; width: 150px;" src="XUV700.jpg"></img>
</body>
</HTML>

Post a Comment

0 Comments