Biongo Attacker

Seputar Programing Dan Informasi tentang Teknologi masa kini

  • Home
  • P Website
  • _HTML
  • _CSS
  • _Javascript
  • __Jquery
  • _PHP
  • __Codeigniter
  • Informasi
  • Tips dan Trick
  • Lainnya
  • -label/template,blog,script,Alat
Home Archives for 04/22/16

Tutorial HTML Part 11 : Membuat List pada html

Alsaskar Mirando Alsaskar Mirando 01:17:00 | #html
Tutorial HTML : Membuat List pada html - List adalah daftar yang berurutan, list ini sangat di perlukan apabila anda ingin membuat menu makanan, dan pasti itu akan menggunakan list.List juga terbagi dua, yaitu.

1.Ordered List berfungsi untuk menampilkan list dalam bentuk angka.Tag yang di gunakan oleh Ordered List adalah <ol> dan di bantu oleh tag <li>.

2.Unordered List berfungsi untuk menampilkan list dalam bentuk bulat hitam.Tag yang di gunakan oleh Unordered List adalah <ul> dan di bantu oleh tag <li>.

Untuk membuat list ini, saya akan membuat masing-masing tutorial, agar kalian tidak bingung dan mudah untuk di pahami.

Sebelum kita memulai tutorial ini, silahkan anda buka text editor anda.Saya akan menggunakan sublime text, untuk anda yang belum tahu apa-apa saja itu text editor silahkan baca artikel ini Mengetahui Beberapa Text editor.

Ordered List

Langsung saja, silahkan anda ketik script di bawah ini.
 
<html>
<head>
 <title>Membuat List pada HTML</title>
</head>
<body>
 <h1>Membuat List pada HTML</h1>
 <ol>
  <li>Ikan Bakar</li>
  <li>Gado-gado</li>
  <li>Tinutuan</li>
  <li>Nasi Campur</li>
 </ol>
</body>
</html>

Tutorial HTML : Membuat List pada html

Seperti yang saya jelaskan tadi bahwa Ordered List merupakan daftar list yang akan berbentuk angka, dan silahkan anda lihat pada gambar di atas.

Unordered List

Langsung saja ketik script dibawah ini.
 
<html>
<head>
 <title>Membuat List pada HTML</title>
</head>
<body>
 <h1>Membuat List pada HTML</h1>
 <ul>
  <li>Tomohon</li>
  <li>Bitung</li>
  <li>Manado</li>
 </ul>
</body>
</html>


Coba lihat pada gambar di atas ketika kita menggunakan tag <ul> maka dia akan muncul pada browser bulat hitam.

Ingat untuk membuat list ini kita harus menggunakan tag <li> di antara tag awal dan tag akhir pada Unordered List dan Ordered List.

Sampai disini dulu artikel tentang membuat list pada html, nanti kita akan jumpa lagi pada artikel yang lainnya.
  • Share
  • Tweet
  • Share
  • Share
  • Share
Subscribe to: Posts (Atom)

Popular

  • Cara mengganti warna navbar pada bootstrap
    Cara mengganti warna navbar pada bootstrap
    Cara mengganti warna navbar pada bootstrap - Banyak yang bingung bagaimana untuk mengganti warna navbar pada bootstrap.Saya juga waktu itu...
  • Download Script Phising PB Garena Recoded By Biongo Attacker
    Download Script Phising PB Garena Recoded By Biongo Attacker
    Selamat malam gan., di malam hari ini saya akan share script phising PB Garena.Karena saya lihat banyak teman-teman saya yang bermain Point ...
  • Download Aplikasi Perpustakaan Berbasis Web Sederhana
    Download Aplikasi Perpustakaan Berbasis Web Sederhana
    Selamat siang teman-teman.Ketemu lagi nih dengan saya, tapi kesempatan ini saya tidak kasih mengenai tutorial, tetapi dikesempatan ini saya ...

Archive

  • ►  2017 (4)
    • ►  March (1)
      • ►  Mar 12 (1)
    • ►  February (2)
      • ►  Feb 26 (1)
      • ►  Feb 22 (1)
    • ►  January (1)
      • ►  Jan 26 (1)
  • ▼  2016 (65)
    • ►  December (1)
      • ►  Dec 02 (1)
    • ►  September (4)
      • ►  Sept 11 (1)
      • ►  Sept 09 (2)
      • ►  Sept 02 (1)
    • ►  August (5)
      • ►  Aug 30 (1)
      • ►  Aug 29 (1)
      • ►  Aug 13 (1)
      • ►  Aug 12 (1)
      • ►  Aug 10 (1)
    • ►  July (6)
      • ►  Jul 29 (1)
      • ►  Jul 16 (1)
      • ►  Jul 14 (1)
      • ►  Jul 13 (1)
      • ►  Jul 12 (1)
      • ►  Jul 09 (1)
    • ►  June (5)
      • ►  Jun 29 (1)
      • ►  Jun 28 (1)
      • ►  Jun 06 (1)
      • ►  Jun 05 (1)
      • ►  Jun 01 (1)
    • ►  May (6)
      • ►  May 29 (1)
      • ►  May 24 (1)
      • ►  May 20 (1)
      • ►  May 19 (1)
      • ►  May 12 (1)
      • ►  May 01 (1)
    • ▼  April (24)
      • ►  Apr 30 (1)
      • ►  Apr 28 (1)
      • ►  Apr 27 (1)
      • ►  Apr 26 (2)
      • ►  Apr 25 (2)
      • ►  Apr 23 (2)
      • ▼  Apr 22 (1)
        • Tutorial HTML Part 11 : Membuat List pada html
      • ►  Apr 08 (1)
      • ►  Apr 07 (1)
      • ►  Apr 06 (2)
      • ►  Apr 05 (2)
      • ►  Apr 04 (2)
      • ►  Apr 03 (2)
      • ►  Apr 02 (3)
      • ►  Apr 01 (1)
    • ►  March (10)
      • ►  Mar 30 (2)
      • ►  Mar 29 (2)
      • ►  Mar 26 (1)
      • ►  Mar 24 (1)
      • ►  Mar 22 (1)
      • ►  Mar 13 (2)
      • ►  Mar 01 (1)
    • ►  February (4)
      • ►  Feb 24 (1)
      • ►  Feb 18 (1)
      • ►  Feb 16 (1)
      • ►  Feb 13 (1)
  • ►  2015 (15)
    • ►  December (2)
      • ►  Dec 30 (1)
      • ►  Dec 29 (1)
    • ►  November (3)
      • ►  Nov 20 (1)
      • ►  Nov 12 (2)
    • ►  October (8)
      • ►  Oct 24 (1)
      • ►  Oct 23 (2)
      • ►  Oct 22 (1)
      • ►  Oct 21 (2)
      • ►  Oct 13 (1)
      • ►  Oct 05 (1)
    • ►  September (1)
      • ►  Sept 29 (1)
    • ►  August (1)
      • ►  Aug 09 (1)

Comment

recentcomment

Fanspage

Biongo Attacker

[fa fa-tag] Category

ajax Alat android blog bootstrap cerita codeigniter css html info javascript jquery motivasi pascal php script sublime text template Tips dan Trick visual basic

Tentang

Sebuah blog yang dibuat untuk membagikan tutorial seputar programming dan juga memberikan informasi seputar teknologi masa kini.

Pengikut

Copyright © 2017 Biongo Attacker All Right Reserved
Template By Bloggerku
Kontak | Daftar Isi | Privacy Policy | TOS