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

(43)

Coba Baca Beberapa Berita Terkait

Tips Menjadi Penulis Blog Baik dan Great Authors Syarat dan Tips Menjadi Penulis Desainavirss - Tips Menulis Penulis - Tips menjadi penulis  terkenal itulah sebuah kalimat diinginkan sastrawan. Menj...
Smartlauncher Pro 3 Launcher Android Ringan Launcher Android Ringan Terbaik yaitu Smart launcher pro 3 Desainavirss - Launcher android ringan - Kebutuhan smartphone sangat penting dalam keg...
Pembayaran Sociallinkmart Yang Tak Pernah Scam Pembayaran SocialLinkMart Desainavirss - Pembayaran Sociallinkmart - Social link mart merupakan situs luar negeri yang menyediakan jasa khusus pada t...
Mendapat Uang Dari Clixsense Mendapat Uang Dari Clixsense Mendapat Uang Dari Clixsense - Desainavirss - Anda sepertinya sudah tau tentang clixsense, yak! adalah suatu bisnis peri...
Gambar Kartun Selebritis Selena Gomes Gambar Kartun Selebritis Selena Gomes Desainavirss - Gambar Kartun Selena gomes - ya artis cantik ini telah terkenal dengan pacarnya Justin Beibe...
Cara Mendapatkan Traffict ke Blog atau Website Trik Mendapatkan Traffict Dari Google Mendapatkan traffict - Desainavirss - Berbicara tentang pengunjung web banyak dari kalangan penulis blog memili...
Beberapa Cara Terunggul Menarik Calon Pelanggan da... Menarik Calon Pelanggan Sesuai Minat Desainavirss - Menarik calon pelanggan - Sosial media telah menjadi pilihan utama dalam mencari pelanggan un...

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.

This site uses Akismet to reduce spam. Learn how your comment data is processed.