મંગળવાર, 5 ફેબ્રુઆરી, 2019

આપણું પ્રિય એચ.ટી.એમ.એલ (HTML)


 1.


 <html>

<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
 2.

<html>
<body>

<h2>HTML Buttons</h2>
<p>HTML buttons are defined with the button tag:</p>

<button>Click me</button>

</body>
</html>
 
 3.
  
<html>
<body>

<p id="Jaysukh Kuchhadiya"></p>

<script>
var a = 900;
var b = 10;
var x = a * b;
document.getElementById("Jaysukh Kuchhadiya").innerHTML = x;
</script>

</body>
</html>

 4.



<html>
<head>
<style>
#jaysukh {
  border: 2px solid green;
  padding: 10px;
  border-top-right-radius: 200px;
  border-top-left-radius: 100px;
}


}
</style>
</head>
<body bgcolor="pink">

<h2>border-top-left-radius: 25px:</h2>
<div id="jaysukh">

<h1>Jaysukh</h1>
</div>

</body>
</html>

5. 


<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<body bgcolor="yellow">
<center>

<div class="w4-container">
  <h1>Spinning Elements</h1>
  <p>Use the w4-spin class to spin an element 360 degrees:</p>
  <p><i class="fa fa-spinner w3-spin" style="font-size:164px"></i></p>
</div>

</body>
</html>
 





ટિપ્પણીઓ નથી:

ટિપ્પણી પોસ્ટ કરો

સોશિયલ મીડિયામાં ડૂબી રહેલી યુવા પેઢી.

                                                                                                                                   -...