Penggabungan CSS Dengan Html Dalam Membuat Bullet

Penggabungan Css dengan Html

CssDesainavirss – Bahasa programman web sangat membantu banyak webmaster untuk membuat website yang bersifat dinamis. Web menjadi sangat penting khususnya untuk memperkenalkan sesuatu dimata banyak orang secara online dalam artian masih terhubung ke internet. Mustahil bila tanpa internet maka web pun tidak akan berjalan.

Membuat List Bullet

Didalam html ada sebuah tag yang digunakan untuk membuat penanda yang berfungsi membuat daftar-daftar dalam bentuk list. Tag yang digunakan adalah tag <ul> dan penutupnya </u>. Diantara tag <ul> terdapat pendukung yaitu <li> dan tag penutup </li> fungsinya membuat tulisan bullet misalnya:….
<ul>
<li>Bintang</li>
<li>Uang</li>
<li>Blogspot</li>
</ul>
akan menghasilkan tulisan:
·         Bintang
·         Uang
·         Blogspot
Bullet terdapat beberapa macam dalam html baik dalam bentuk circle, disk, square, lower-greek, Hebrew, georgian, Armenian, katakana, hiragana serta dengan gambar. Dalam html itu tidak bersifat Case Sensitive artinya tidak membedakan huruf Kapital dan huruf kecil namun berbeda dengan Css yang lebih mengedepankan kesesuaian atau Case Sensitive. Jika seorang pendesain web tidak harus memahami Bahasa pemegrograman lain halnya dengan seorang programmer yang harus menguasai bahkan menghafal skrip html dan juga mengetahui fungsi dari masing masing tag.

Contoh Penggunaan Css

Untuk membuat ul dengan bentuk lain cukup dengan css sebagai berikut
Contoh:
<head>
<style type=”text/css”>
ul {
                                list-style-type: katakana;
                }
</style>
</head>
<ul>
<li>Bintang</li>
<li>Uang</li>
<li>Blogspot</li>
</ul>
Didalam Html bisa di masukkan CSS dengan perintah <style type=”text/css”> dan tag penutup </style>
Dan dengan perintah <link rel=”stylesheet” type=”text/css” href=”test.css” /> yang diletakkan pada tag <head>Letakkan disini setelah tag penutup title</head> dan file cssnya harus ditulis pada dokumen Css.
Bagaimana kalau Bullet dibuat berjenjang seperti sebuah struktur organisasi. Ini sama saja hanya dibutuhkan beberapa penambahan. Sebuah bullet yang berjenjang dapat di buat dengan mudah dengan html dan dengan Css.
Contoh:
<html>
<head>
<style type=”text/css”>
ul {
list-style-type:upper-roman;
}
ul ul {
                list-style-type:decimal;
}
ul ul ul {
                list-style-type:lower-roman;
}
h2 {
                color:#F00;
                text-decoration:blink;
}
</style>
</head>
<body>
<h2>Diagram Pohon</h2>
<!–<legend> Saya ngentot yuk</legend> –>
<ul>
<li>Provinsi
<ul>
<li>Sumatera Utara
<ul>
                <li>Binjai</li>
    <li>Medan</li>
    <li>Stabat</li>
    </ul>
    </li>
   <li>Nanggroe Aceh Darussallam
 <ul>
                <li>Banda Aceh</li>
    <li>Sabang</li>
   </ul>
   </li>
   </ul>
   </li>
 <li>Jakarta
 <ul>
 <li>Jakarta Barat
 <ul>
                <li>Bogor</li>
    <li>Bekasi</li>
    </ul>
   </li>
   <li> Nusa Tenggara
   <ul>
                                <li>Nusa Tenggara Barat</li>
        <li>Nusa Tenggara Timur</li>
        </ul>
        </li>
        </ul>
        </li>
        </ul>
</body>
</html>
 Baca juga: Blog Desainavirss

 

Menghasilkan :
css

Cukup mudahkan untuk mudah memahami tag ini silahkan ulang ulang dengan menghafal dan mempraktekkannya.
Silahkan buka halaman untuk pembelajaran lainnya seputar programan.
Tanks you.. good luck without charm lucky

(40)

Coba Baca Beberapa Berita Terkait

Menarik Pembayaran atau Cashout Dari Neobux Menarik Pembayaran Neobux Menarik pembayaran neobux - Desainavirss - Sekedar sharing dari saya mengenai pendapatan terbaru dari cashout neobux atau p...
Cara Membuat Background Batu Keren Desainavirss - Hai jumpa lagi dengan saya admin dari blog sahabat avirs, mungkin ini waktu yang pas buat memberitahu anda trik membuat background blog...
Menghasilkan Uang Dengan Sosial Media Menghasilkan Uang Dengan Sosial Media Dengan Serius Menghasilkan Uang Dengan Sosial Media - Desainavirss - Menghasilkan uang dari internet tida...
Jitu Membuat Tulisan di Photoshop Sebagai Brush Membuat tulisan di photoshop Dengan Bagus Desainavirss  - Membuat tulisan di photoshop - Jumpa lagi dengan saya admin dari Desainavirs untuk membuat ...
Gambar Kartun Muslim Risni Anggraini Baru Gambar Seorang Kartun Wanita Cantik Gambar Kartun Risni - Desainavirss - Selamat datang untuk melihat kontent yang admin bagikan khusus buat an...
Manajemen Pemasaran Konten Search Engine Pemasaran Produk Dengan Searchengine Memperbaiki taktik manajemen pemasaran konten Anda untuk mendapatkan keuntungan dari peningkatan tampilan mesin ...
Gambar Foto Wajah Kartun Muslimah 2016 Kumpulan Gambar Wajah Kartun Muslimah  2016 Desainavirss - Wajah Kartun Muslimah 2016 - Menjadi seorang wanita bukan merupakan perkara yang mudah...

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.