Menampilkan Daftar Item Di HTML

Salah satu cara untuk menampilkan informasi teks agar mudah dilihat dan dibaca adalah dengan membuat daftar / list.

Pembuatan daftar / list terdiri dari tiga macam bentuk, yaitu :
1. Ordered list
2. Unordered list
3. Definition list

Ordered List (Number list)
Daftar yang item memiliki nomor berurutan. Di awali tag <OL> dan diakhiri tag  </OL>. Diantara kedua tag terdapat tag <LI> yang menyatakan item dalam daftar, otomatis membentuk baris baru tanpa diberi perintah ganti baris <BR>.

Untuk memberi nomor secara acak dan tidak urut, pada <LI> ditambahkan atribut VALUE. 

Misal : <LI VALUE=”10”>

Selain itu, dapat membuat variasi penomoran selain menggunakan nomor. seperti bilangan romawi, abjad dsb, dengan  memasukkan atribut (pada tabel dibawah) ke dalam tag <OL>.

Contoh Perintah (tag) HTML (sebelah kiri kodenya & sebelah kanan hasilnya):

Unordered List
Daftar yang itemnya ditampilkan dengan tanda tertentu seperti bulatan (bullet), tidak menunjukkan penomoran. Unordered list di awali dengan tag <UL> dan diakhiri tag </UL>. Diantara kedua tag itu terdapat tag <LI> yang menyatakan list item dan otomatis membentuk sebuah baris baru tanpa diberi perintah ganti baris <BR>. Merubah bentuk item, ditambahkan atribut TYPE dalam tag <UL>.

Definition List
Digunakan untuk menjelaskan istilah. Diawali tag <DL> dan diakhiri tag </DL>. Diantara kedua tag terdapat tag <DT> Definition Term yaitu bagian istilah yang ingin dijelaskan, dan  <DD> Definition Data yaitu penjelasan atau definisi istilah tersebut.

Comments

Post a Comment

Popular posts from this blog

ERP ( Enterprise Resource Planning )

Image
Konsep Dasar ERP Posted on May 20, 2016 oleh Agung Brillian ERP singkatan dari 3 elemen kata yaitu, Enterprise (perusahaan/organisasi), Resource (sumber daya), Planning (perencanaan), 3 kata ini mencerminkan sebuah konsep yang berujung kepada kata kerja, yaitu “planning” yang berarti bahwa ERP menekankan kepada aspek perecanaan. ERP adalah sebuah system informasi perusahaan yang dirancang untuk mengkoordinasikan semua sumber daya, informasi dan aktifitas yang diperlukan untuk proses bisnis lengkap. Sistem ERP  didasarkan  pada database pada umumnya dan rancangan perangkat lunak modular.ERP merupakan software yang mengintegrasikan semua departemen dan fungsi suatu perusahaan ke dalam satu system yang dapat melayani semua kebutuhan perusahaan, baik dari departemen penjualan, HRD, produksi atau keuangan. Syarat terpenting dari system ERP adalah Integrasi. Integrasi yang dimaksud adalah menggabungkan berbagai kebutuhan pada satu softwa...
Read more

Membuat CV Dengan HTML

Image
Biasanya beberapa orang membuat CV menggunakan aplikasi pengolah kata (word processor), ada juga yang membuat CV menggunakan aplikasi pengolah gambar supaya CV menjadi lebih menarik. Kali ini saya mau berbagi cara membuat CV sederhana menggunakan HTML (Hyper Text Markup Language).  Berikut langkah-langkahnya, copy skript dibawah ini:  <html>   <head>     <title>Curriculum Vitae</title> <!-- Judul pada suatu web-->   </head>   <body bgcolor="#9E9E9E" width="800px"> <!-- Membuat body memiliki warna dengan menggunakan bgcolor -->   <div align="center">     <!-- Membuat rata tengah-->     <center>     <h1>     Curiculum Vitae</h1>     <!-- Membuat huruf menjadi besar (Ukuran H1) -->     </center>     <hr />     <h2>     Personal...
Read more

Menggunakal Tabel Pada HTML

Image
Untuk menampilkan data dengan tipe tabel dalam HTML, kita bisa menggunakan tag <table>. <table>.....</table> Untuk membuat baris tabel, kita gunakan tag <tr> – singkatan dari table row (ditulis di dalam tag table) <table> <tr></tr> </table> Sedangkan untuk menentukan banyaknya kolom, tergantung dari banyaknya tag <td> (table data) yang digunakan di dalam tag <tr>.  1. <table> 2. <tr> 3.      <td>No</td> 4.      <td>Nama</td> 5.      <td>Alamat</td> 6. </tr> 7. </table> Atribut pada tabel: <Table> : menyaakan tag untuk tabel <width> : untuk menyatakan seberapa besar/ lebar yang akan kita buat <border> : ketebalan garis pembatas tabel <tr> : menyatakan sebagai tag kolom <td> : menyatakan sebagai tag cell <cellspacing> : Atribut cellspacing menya...
Read more