Practical : 3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
img{border: 5px solid #ddd;
border-radius: 8px;
padding: 50px;
width: 720px;
height: 466px;
</style>
</head>
<body>
<h2>Rounded Image</h2>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempore odio est possimus
recusandae eius, provident voluptatem, enim dolor quasi iusto placeat quibusdam atque, fugit
excepturi perspiciatis itaque se.
<br>
<img src="d:\IMAGEES\SAI\New folder\IMG_20190217_115253 - Copy.jpg"
alt="JEEP" width="300" height="300">
</body>
</html>
Practical : 4
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>table</title>
<style>
table, th, td{
border: 1px solid black;
</style>
</head>
<body>
<h2>A basic HTML table</h2>
<table style="width: 100%;"
<tr>
<th>Name</th>
<th>Runs</th>
<th>Balls</th>
</tr>
<tr>
<td>sai the king</td>
<td>114</td>
<td>40</td>
</tr>
</table>
</body>
</html>
Practical : 5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Basic CSS</title>
<style>
div{
margin: 500px;
border: 1px solid #4caf50;
body{ background-color:rgb(0, 255, 72);}
h1 {color: blue;}
p {color: red; }
</style>
</head>
<body>
<h1>A blue heading</h1>
<h2><B><p>A red paragraph</p></B></h2>
</body>
</html>
Practical : 7
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS button style</title>
<style>
button{
position: absolute;
top:10%;
background-color: #0a0a23;
color: #fff;
border: none;
border-radius: 10px;
min-height: 30px;
min-width: 120px;
button:hover{
background-color: rgb(151, 218, 237);
transition: 0.7s;
button:focus{
outline-color: transparent;
outline-style: solid;
box-shadow: 0 0 0 4px #f1530a;
button:active{
background-color: crimson;
</style>
</head>
<body>
<button type="button" class="button">Click Me</button>
</body>
</html>
