Details Tag in Html
Sementic Element
Code...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ditails</title>
<style>
.hh {
display: none;
}
</style>
</head>
<body>
<h3>Sementic Eleement</h3>
<details>
<summary>click Her To More</summary>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorum optio, soluta voluptatum sint ipsa
doloremque eligendi dolorem quos ratione, placeat dolor, reiciendis deleniti! Dolorem nulla quaerat
excepturi voluptates dignissimos totam, nobis minus incidunt enim.</p>
</details>
<details>
<summary>click Her To More</summary>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam modi eaque tempora laboriosam animi sit
repellendus, dicta cumque sed doloremque recusandae delectus nemo, veniam consectetur. Enim facilis
excepturi ducimus, ex repudiandae quia dolores in voluptatum, facere quae architecto, ea error? Ex, non,
quibusdam at atque porro provident laudantium magni harum illo doloremque dignissimos. Delectus iste
accusantium quidem, obcaecati illo, corrupti aliquam officiis praesentium, dolor atque quis odio beatae
quaerat consectetur. Illum non, vitae laborum vel at amet quia, nemo eveniet fuga recusandae animi impedit
quibusdam cupiditate consequatur reiciendis nobis! Excepturi illo eligendi natus. Exercitationem expedita
magni, doloribus etur qui, nulla recusandae vitae dolor tempore. Et
numquam veritatis voluptatem, ea exercitationem repellat fugit eaque voluptas ad ut eos, nemo voluptates
temporibus!</p>
</details>
</body>
</html>
No comments