0% found this document useful (0 votes)
17 views5 pages

Practicals

C programming

Uploaded by

deveshdhangar28
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
17 views5 pages

Practicals

C programming

Uploaded by

deveshdhangar28
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

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>

You might also like