Penulisan Tag kemajuan dengan atribut Max dan Value atribut
Saturday, November 9, 2019
Edit
Kali ini penulis memberikan tutorial lagi bagaimana cara Penulisan Tag kemajuan dengan atribut Max dan Value atribut . Berikut tutorialnya:
Tag kemajuan Tag
<progress> digunakan untuk melihat progres penyelesaian suatu tugas.
Meskipun gaya tampilan ditampilkan di browser, biasanya ditampilkan sebagai bilah progres.
Contoh:
Hasil:
Tag kemajuan dengan atribut Max dan Value atribut
nilai digunakan untuk mengatur nilai persis dari progress bar.
atribut maksimum digunakan untuk mengatur nilai maksimum.
atribut minimum digunakan untuk mengatur nilai minimum.
Hasil:
Tag meteran dengan atribut Beberapa atribut dari tag ini rendah, tinggi, maksimal, minimum, nilai sebagai atribut Kami dapat menentukan rentang tepat untuk tag ini.
Tag Peta
Digunakan untuk mendefinisikan peta gambar sisi klien. Peta-gambar adalah gambar dengan area yang dapat diklik.
Atribut nama yang diperlukan dari tag <map> dikaitkan dengan atribut usemap <img> dan menciptakan hubungan antara gambar dan peta. Ini berisi sejumlah tag <area>, yang menentukan area yang dapat diklik di peta gambar.
Kesimpulan:
Untuk tutorial Penulisan Tag kemajuan dengan atribut Max dan Value atribut cukup mudah bukan. semoga bermanfaat.
Tag kemajuan Tag
<progress> digunakan untuk melihat progres penyelesaian suatu tugas.
Meskipun gaya tampilan ditampilkan di browser, biasanya ditampilkan sebagai bilah progres.
Contoh:
<! DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
<title> progress bar </title>
</head>
<body>
<progress> </progress>
</body>
</html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
<title> progress bar </title>
</head>
<body>
<progress> </progress>
</body>
</html>
Hasil:
Tag kemajuan dengan atribut Max dan Value atribut
nilai digunakan untuk mengatur nilai persis dari progress bar.
atribut maksimum digunakan untuk mengatur nilai maksimum.
atribut minimum digunakan untuk mengatur nilai minimum.
<! DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
<title> progress bar </title>
</head>
<body>
<progress value = "70" max = "100"> 70% </progress>
</body>
</html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
<title> progress bar </title>
</head>
<body>
<progress value = "70" max = "100"> 70% </progress>
</body>
</html>
Hasil:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Meter high</title>
</head>
<body>
<p>Mark is : <meter low="69" high="80" max="100" value="84">B</meter> on the exam.</p>
</body>
</html>
Hasil:<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Meter high</title>
</head>
<body>
<p>Mark is : <meter low="69" high="80" max="100" value="84">B</meter> on the exam.</p>
</body>
</html>
Digunakan untuk mendefinisikan peta gambar sisi klien. Peta-gambar adalah gambar dengan area yang dapat diklik.
Atribut nama yang diperlukan dari tag <map> dikaitkan dengan atribut usemap <img> dan menciptakan hubungan antara gambar dan peta. Ini berisi sejumlah tag <area>, yang menentukan area yang dapat diklik di peta gambar.
<! DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
<title> Tag peta </title>
</head>
<body>
<p> Gambar dipecah menjadi 3 bagian dan setiap bagian akan membawa Anda ke tautan yang berbeda </p>
<img src = "natural.jpg" alt = "Gambar Alami" usemap = "# natural">
<map name = "natural">
<area shape = "rect" coords = "0,0,725,100" alt = "Area Pertama" href = "map1.html">
<area shape = "rect" coords = "0,100,725,200" alt = "Area Kedua" href = "map2.html"> <area shape = "rect" coords = "0,200,725,300" alt = "Area Ketiga" href = "map3.html"> </map>
</body>
</html>
Hasil:<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
<title> Tag peta </title>
</head>
<body>
<p> Gambar dipecah menjadi 3 bagian dan setiap bagian akan membawa Anda ke tautan yang berbeda </p>
<img src = "natural.jpg" alt = "Gambar Alami" usemap = "# natural">
<map name = "natural">
<area shape = "rect" coords = "0,0,725,100" alt = "Area Pertama" href = "map1.html">
<area shape = "rect" coords = "0,100,725,200" alt = "Area Kedua" href = "map2.html"> <area shape = "rect" coords = "0,200,725,300" alt = "Area Ketiga" href = "map3.html"> </map>
</body>
</html>
Untuk tutorial Penulisan Tag kemajuan dengan atribut Max dan Value atribut cukup mudah bukan. semoga bermanfaat.