Mendefinisikan Judul HTML Menggunakan Tag Legend
 |
| Ilustrasi Tag Legend |
<legend> Teks... </legend>
<!DOCTYPE html>
<html>
<head>
<title>
HTML tag legend
</title>
</head>
<body>
<h1>
Blog Elfan
</h1>
<strong>
HTML Tag Legend
</strong>
<form>
<fieldset>
<legend>
STUDENT::
</legend>
<label>
Name:
</label>
<input type="text">
<br>
<br>
<label>
Email:
</label>
<input type="text">
<br>
<br>
<label>
Date of birth:
</label>
<input type="text">
<br>
<br>
<label>
Address:
</label>
<input type="text">
<br>
<br>
<label>
Enroll No:
</label>
<input type="text">
</fieldset>
</form>
</body>
</html>
Blog Elfan
HTML Tag LegendContoh: tag legend dengan penggunakan properti CSS.
<!DOCTYPE html>
<html>
<head>
<style>
form
{
width: 50%;}
legend
{
display: block;
padding-left: 10px;
padding-right: 10px;
border: 3px solid green;
background-color:tomato;
color:white;;}
label
{
display: inline-block;
float: left;
clear: left;
width: 90px;
margin:5px;
text-align: left;}
input[type="text"]
{
width:250px;
margin:5px 0px;}
.mkn
{
font-size:40px;
color:green;
font-weight:bold;}
</style>
</head>
<body>
<div class = "elf">
Blog Elfan
</div>
<h2>
HTML Tag Legend
</h2>
<form>
<fieldset>
<legend>
STUDENT:
</legend>
<label>
Name:
</label>
<input type="text">
<br>
<label>
Email:
</label>
<input type="text">
<br>
<label>
Date of birth:
</label>
<input type="text">
<br>
<label>
Address:
</label>
<input type="text">
<br>
<label>
Enroll No:
</label>
<input type="text">
</fieldset>
</form>
</body>
</html>
Output:HTML Tag Legend
- 5 Value Properti borderTop Style DOM pada HTML [klik]
- 3 Contoh Properti borderTopColor Style DOM pada HTML [klik]
- 6 Contoh Properti borderTopLeftRadius Style DOM pada HTML [klik]
- 6 Contoh Properti borderTopRightRadius Style DOM pada HTML [klik]
- 12 Contoh Properti borderTopStyle DOM pada HTML [klik]
- 6 Contoh Properti borderTopWidth Style DOM pada HTML [klik]
- 6 Contoh Properti borderWidth Style DOM pada HTML [klik]
Apa yang dimaksud dengan tag legend pada html?
BalasHapusTag legend digunakan untuk menentukan judul dari child konten. Elemen legend merupakan elemen parent yang digunakan untuk mendefinisikan keterangan pada elemen fieldset pada dokumen html.
HapusApa fungsi dari tag legend pada html?
BalasHapusTag legend html digunakan untuk memberikan judul atau ketarangan penjelasan untuk sisa konten dari elemen induk. Dengan menggunakan tag tersebut maka user dapat membuat formulir dan elemen lainnya menjadi lebih mudah untuk dipahami oleh para user.
HapusDengan ini saya jadi lebih bisa memahami fungsi dari tag legend pada html. Terima Kasih,
BalasHapus