Please provide HTML code for the following:
• Change the color of all <p> elements to “blue"
• Change the 3 border properties, so that they only show the
border on the top
side
• Use the padding property to set the top and bottom paddings
for <p> to
"25px", and left and right paddings to "50px"
• Style text in <h1> to uppercase letters, and text in <p> to capitalized letters
• Remove the bullets/markers from the list items
• Set the margin of the div to "25px“
• Set the width of <h1> to "50%"
• Set the font size for the page to "20px", and the font size for <h1> to "3em"
• Set the border of the div to "25px solid navy"
• Set the background color of <th> elements to "lightblue"
<html>
<head>
<basefont size=20px>
<style>
p{
color:blue;
text-transform:capitalize;
padding-top: 25px;
padding-right: 50px;
padding-bottom: 25px;
padding-left: 50px;
border-left:none;
font-size: 3em;
width:50%
}
h1
{
text-transform:uppercase;
font-size: 3em;
width:50%
}
div
{
font-size: large;
border-width: 25px;
border-color: #000080
}
th
{background-color:#ADD8E6;}
</style>
</head>
<body>
<h1>hello welcome</h1><br>
<p>Hyper text markup language</p>
<ul style="list-style-type:none;">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<table border=2>
<th>
Student name
</th>
<tr><td>Raj</td>
</tr>
</table>
<div>
<h1>hello</h1>
</div>
</body>
</html>
Get Answers For Free
Most questions answered within 1 hours.