Artikel Terbaru

2 Jenis Utama Rasa Percaya dalam Soft Skills Bisnis dan Pekerjaan

Bayangkan jika seseorang menyebutkan kata pebisnis, jika mendengar kata tersebut, sebagian besar orang mungkin akan membayangkan seseorang dengan sebuah setelan jas yang rapi, yang selalu berangkat kerja pada pukul 7.00 hingga 8.00, atau mungkin juga tentang seseorang yang lain seperti agen periklanan yang menjual produk tertentu melalui YouTube, atau bisa juga seseorang yang terlihat sama seperti anda, atau mungkin juga tidak. Tapi, jika dipahami secara umum, pada dasarnya semua orang adalah pebisnis dalam setiap urusan bisnisnya masing-masing.

2 Contoh Penggunaan Tag Tag Legend untuk Pendefinisian Title HTML

Tag legend digunakan untuk mendefinisikan title dari sub konten, dimana Elemen legend merupakan elemen induknya. Tag ini digunakan untuk mendefinisikan caption untuk elemen fieldshet.

Sintak:
<legend> Teks... </legend>

Contoh:

<!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>

Output:

Blog Elfan

HTML Tag Legend
STUDENT::





Contoh: 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;}

 

.gfg 

{

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:
Blog Elfan

HTML Tag Legend

STUDENT:



Komentar

  1. Apa yang dimaksud dengan tag legend pada html?

    BalasHapus
    Balasan
    1. Tag legend digunakan untuk menentukan judul dari child konten. Elemen legend merupakan elemen parent yang digunakan untuk mendefinisikan keterangan pada elemen fieldset pada dokumen html.

      Hapus
  2. Apa fungsi dari tag legend pada html?

    BalasHapus
    Balasan
    1. Tag 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.

      Hapus
  3. Dengan ini saya jadi lebih bisa memahami fungsi dari tag legend pada html. Terima Kasih,

    BalasHapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D

Hot Artikel!!!

6 Contoh Program Method Overloading pada Java

Enkapsulasi pada Java

4 Tipe Utama Acces Modifier pada Java