A PHP Error was encountered

Severity: 8192

Message: array_key_exists(): Using array_key_exists() on objects is deprecated. Use isset() or property_exists() instead

Filename: helpers/template_helper.php

Line Number: 1042

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 1042
Function: _error_handler

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/header.php
Line: 100
Function: head

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 13
Function: view

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/artikel.php
Line: 1
Function: get_template

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 37
Function: view

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: 8192

Message: array_key_exists(): Using array_key_exists() on objects is deprecated. Use isset() or property_exists() instead

Filename: helpers/template_helper.php

Line Number: 1049

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 1049
Function: _error_handler

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/header.php
Line: 100
Function: head

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 13
Function: view

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/artikel.php
Line: 1
Function: get_template

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 37
Function: view

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

Rabu, 19-Januari-2022

A PHP Error was encountered

Severity: Warning

Message: ini_set(): A session is active. You cannot change the session module's ini settings at this time

Filename: Session/Session.php

Line Number: 282

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: session_set_cookie_params(): Cannot change session cookie parameters when session is active

Filename: Session/Session.php

Line Number: 294

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: ini_set(): A session is active. You cannot change the session module's ini settings at this time

Filename: Session/Session.php

Line Number: 304

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: ini_set(): A session is active. You cannot change the session module's ini settings at this time

Filename: Session/Session.php

Line Number: 375

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: session_set_save_handler(): Cannot change save handler when session is active

Filename: Session/Session.php

Line Number: 110

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once


List pada HTML

0 BYAdmin

Dalam sebuah document, misalkan seperti Miscroft Word, orang menggunakan bullet and numbering untuk menghasilkan daftar dari sesuatu. Misalnya, ketika seorang blogger membuat postingan berupa resep masakan. Maka terdapat daftar/list bumbu yang harus di persiapkan, seperti garam, bawang, merica dan lain sebagainya. Nah jika dijabarkan secara horizontal dalam satu kalimat akan sangat merepotkan sekali membacanya. Namun tentunya berbeda cara membacanya jauh lebih mudah jika dijabarkan dalam bentuk daftar/list bumbu yang dibutuhkan. Misalkan seperti ini kurang lebih : 

Untuk memasak nasi goreng pedas dewa serem-serem enak ala Kang Mas Loka kurang lebih berikut bumbu yang harus di persiapkan : 

  • Garam secukupnya
  • Bawang merah ukuran sedang 3 biji 
  • Cabai merah keriting 7 biji
  • Cabai hijau jablay 25 biji
  • Nasi yang sudah dicampur lada 2 piring
  • dll

Nah kurang lebih bumbunya yang di sebutkan tadi, menggunakan fasilitas dari HTML tag yakni tag list. Nah bagaimana cara membuatnya ? 

Dalam HTML, tag list terdiri dari 2 macam, ordered list (berurutan) dan unordered list (tidak berurutan). Ordered list akan ditampilkan dalam bentuk angka atau huruf, sedangkan unordered list biasanya ditampilkan dalam bentuk bulatan atau kotak. Atau special karakter / symbol. Bahkan kita bisa menggantinya dengan gambar. 

Ordered List <ol>

Ordered list menggunakan tag <ol>, dan unordered list menggunakan tag <ul>, sedangkan untuk list sendiri menggunakan tag <li>. Tentunya Anda akan lebih paham jika dijelaskan dalam praktiknya bukan?

Baiklah berikut adalah contoh kode HTML untuk membuat ordered list menggunakan tag <ol> :


<ol>
	<li>Garam secukupnya</li>
	<li>Bawang merah ukuran sedang 3 biji&nbsp;</li>
	<li>Cabai merah keriting 7 biji</li>
	<li>Cabai hijau jablay 25 biji</li>
	<li>Nasi yang sudah dicampur lada 2 piring</li>
	<li>dll</li>
</ol>

 

See the Pen List pada HTML - Contoh Ordered List by Ilmuwebsite (@ilmuwebsite) on CodePen.

 

Kurang lebih hasilnya nanti akan menjadi seperti ini :

 

Unordered List <ul>

Jika sebelumnya kita telah belajar menggunakan ordered list, list yang beraturan, beraturan disini dengan penomoran. Maka unordered list disini bermakna tidak memiliki penomoran alias beraturan. Cara penggunaannya pun tidak berbeda jauh dengan ordered list.


<ul>
	<li>Garam secukupnya</li>
	<li>Bawang merah ukuran sedang 3 biji&nbsp;</li>
	<li>Cabai merah keriting 7 biji</li>
	<li>Cabai hijau jablay 25 biji</li>
	<li>Nasi yang sudah dicampur lada 2 piring</li>
	<li>dll</li>
</ul>

 

See the Pen List Pada HTML - Unordered List by Ilmuwebsite (@ilmuwebsite) on CodePen.

Hasil akhirnya nanti akan menjadi seperti ini :

 

Unordered list ini tidak hanya digunakan untuk membuat daftar saja, namun biasanya web designer menggunakannya untuk membuat menu navigasi dari halaman website.

Kedepannya kita akan belajar membuat menu dengan unordered list, dengan syarat sebelumnya Anda telah mempelajari CSS terlebih dahulu