Use <nav>,<figure>,<ifrem>,<samp>,<var> Tag
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
header{
text-align: center;
}
body{
background-color: rgb(196, 152, 72);
}
.agp{
width: 100%;
height: 250px;
}
.fcss{
border: 3px solid red;
border-radius: 5px;
padding: 5px;
margin: 2px;
width: 50%;
}
.fs{
text-align: center;
}
.t1,.t2,.t3,.t4{
background-color: green;
color: white;
padding: 5px;
text-decoration: none;
}
.t1:hover{
background-color: red;
}
.t2:hover{
background-color: red;
}
.t3:hover{
background-color: red;
}
.t4:hover{
background-color: red;
}
</style>
<base href="media/">
<title>fieldset tag</title>
</head>
<body>
<header>
<h1>This is header </h1>
<nav>
<a href="#html" class="t1">HTML</a>
<a href="#css" class="t2">CSS</a>
<a href="#jq" class="t3">Jquare</a>
<a href="#php" class="t4">PHP</a>
</nav>
</header><br>
<!-- use <figure>, <figcaption> Tag -->
<figure class="fcss">
<img src="ag.jpg" alt="nataral" class="agp">
<figcaption class="fs">Very Beautefull Photo in the Word</figcaption>
</figure><br><br>
<!-- use <meter> Tag -->
<section>
<label for="html">HTML :</label>
<meter id="html" value="60" min="0" max="100">60%</meter>60% <br>
<label for="css">CSS :</label>
<meter id="css" value="10" min="0" max="100">10%</meter>10% <br>
<p><strong>Note:</strong>The meter tag is not supported in Edge 12 (or earlier).</p>
</section>
<!-- Use <ifreamt> tag -->
<div>
<iframe src="https://www.wscubetech.com/" frameborder="" title="W3Schools Free Online Web Tutorials" width="100%" height="200px"></iframe>
</div>
<!-- Use <samp>,<var> tag -->
<div>
<p>Lorem <samp> ipsum dolor</samp> sit amet <var> consectetur adipisicing </var> elit. Sunt nihil maxime hic laboriosam ratione sit autem cupiditate quas eaque quod. Quo maiores ipsam delectus fuga enim accusamus laboriosam? Rem, molestiae nostrum in ut quos laudantium ducimus cum. Expedita harum molestias assumenda rerum nesciunt dolorum modi amet hic explicabo nemo? Dolorum!</p>
</div>
</body>
</html>
Comments
Post a Comment