tRikSonic
Tema

HTML li Tag

Terakhir diperbarui : 23 Mei 2018 - 16.23

Tutorial HTML <li>:

HTML li Tag - belajar html li. Element li mempunyai definisi sebagai daftar list berupa item, Dalam penulisan pada html, element <li> ditulis di dalam rentang element <ol>, <li> dan <menu>.
background html
Element <li> akan menyesuaikan fungsinya dengan element yang membungkusnya. misal : jika yang membungkusnya element <ol>, maka akan menghasilkan tampilan daftar list berupa angka (numbered list), jika yang membungkusnya element <ul>, maka akan menghasilkan tampilan daftar list berupa bulatan titik (bullet list).

Contoh HTML <li>:

<ul>
  <li>Mawar</li>
  <li>melati</li>
  <li>Anggrek</li>
</ul>

<ol>
  <li>Mawar</li>
  <li>melati</li>
  <li>Anggrek</li>
</ol>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<ul>
  <li>Mawar</li>
  <li>melati</li>
  <li>Anggrek</li>
</ul>

<ol>
  <li>Mawar</li>
  <li>melati</li>
  <li>Anggrek</li>
</ol>


</body>
</html>

Global Attributes:

Element <li> mencakup Global Attributes HTML.

Event Attributes:

Element <li> mencakup Event Attributes HTML.

Browser Support :

Desktop

ChromeYa
SafariYa
FirefoxYa
OperaYa
IEYa
EdgeYa

Mobile

Android WebviewYa
Chrome AndroidYa
Edge MobileYa
Firefox AndroidYa
Opera AndroidYa
iOs SafariYa
Samsung InternetYa

Default CSS :

Browser yang support dengan element <li>, mempunyai nilai default :
li {
    display: list-item;
}
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.