dasar css (3) : Membuat Border / Garis Tepi

Pada postingan kali ini ane akan menjelaskan  tentang pengertian border, padding dan margin pada sebuah dokumen html dan cara mengaturnya menggunakan CSS. tanpa CSS, dokumen HTML akan terlihat amburadul dan jelek. BORDER adalah sebutan untuk garis tepi, yaitu garus bentuk sebuah kolom. Dengan menggunakan command ini kita bisa mengubah ketebalan garis kolom, model kolom dan warna kolom. format: selector.class {border: […]

Read more

dasar CSS (2) : Pengertian Class dan ID selector

Pada postingan sebelumnya temen-temen udah belajar mengenai selector, property dan value pada css, nah sekarang kita akan belajar mengenai ‘class dan id’. Pengenalan Class Class dalam css digunakan jika kita ingin memberikan lebih dari satu jenis style pada suatu tag html. Dalam hal ini, terdapat 3 jenis class yang bisa digunakan yaitu : class, adanya selector yang diikuti dengan tanda […]

Read more

dasar CSS (1) : Pengenalan CSS

Sekarang kita menuju ke pembahasan mengenai CSS, ane sarankan buat temen-temen yang baru belajar untuk membuat halaman web, monggo terlebih dahulu belajar mengenai sintaks HTML, yang sudah pernah ane bahasi sebelumnya. karena HTML dan CSS itu sangat bergantung satu sama lain. buat yang belom membaca tutorial HTML monggo ke sini dulu CSS merupakan singkatan dari Cascading Style Sheet, yang berguna […]

Read more

dasar html (13) : Pengaturan Warna pada HTML

Pada saat kita akan mengatur atribut color (pengaturan warna) pada tag html, kita bisa menggunakan 2 cara yaitu menggunakan kode hexadecimal atau kode warnanya sendiri. HTML memiliki beberapa warna standar yang bisa dipanggil langsung sesuai dengan namanya. Tentunya sesuai dengan standar dari w3c. HTML mengenal ada 16 warna yang valid, dan bisa di call langsung. Nama warna tersebut adalah: aqua, […]

Read more

dasar html (12) – Membuat Text Berjalan

Jika sebelumnya saya pernah membuat tutorial tentang cara mengatur tampilan elemen HTML, kini ane akan memberikan tutorial tetang cara lainnya yang dapat digunakan untuk membuat text lebih kelihatan menarik, yaitu dengan membuat “text berjalan / credit” (marquee text). Ada beberapa macam model marquee text: Marque text biasa tulisan bergerak dari kiri menuju kanan. <marquee>Ini tulisak bergerak dari kiri ke kanan</marque> […]

Read more

dasar html (11): Membuat Frame, List & Image Mapping

MEMBUAT ORDERED LIST Order/Unorder List digunakan untuk memberikan penomoran/daftar pada paragraft. tag yang digunakan adalah <ol> : untuk mendefinisikan daftar dengan menggunakan nomer berurutan <ul> : untuk mendefinisikan daftar tanpa nomer berurutan <li> : untuk membuat daftar itemnya semua tag tersebut adalah berpasangan (paired) contoh penggunaan: <ol start=”3″> <li>Baris ini bernomer 3</li> <li>Baris ini bernomer 4</li> </ol> pada contoh diatas, […]

Read more

dasar html (10) : Membuat Form

Setelah sebelomnya belajar mengenai sintak-sintak yang sangat dasar dalam pengembangan sebuah halaman HTML, mari kita lanjutkan pembahasan kita, kali ini kita akan belajar tentang membuat Form dengan menggunakan script HTML. Formulir sangat penting dalam web, karena sebagai media untuk interaksi, antara pengguna – system dan administrator. Forms atau formulir ini pasti sudah sangat familiar di kalangan para blogger khusunya yang […]

Read more

dasar html (9) : membuat tabel

Tabel terdiri dari baris dan kolom, pada dokumen HTML tabel di tentukan oleh tag <table> dan untuk membuat barisnya dengan tag <tr>, serta kolom nya di tentukan oleh tag <td> kependekan dari table data, pada tag td ini yang nantinya dapat di isi dengan teks, link, gambar, dan lainnya, bahkan dapat berisi tabel lain. <html> <body> <table border=”1″> <tr> <td>Baris […]

Read more

dasar html (8) : Menampilkan Gambar di Dokumen HTML

Untuk menampilkan gambar pada sebuah dokumen html digunakan tag image <img> dengan atribut src untuk merujuk dimana file penyimpanan imagenya. tag <img> merupakan tag tunggal dimana tag ini adalah tag special tanpa penutup tag </img> contoh: <html> <body> <img src=”http://adhit.net/wp-content/uploads/2012/10/ZfOM4e35469f8f1c6.jpg” /> </body> </html> Atribut yang ada pada tag img: ALT Atribut alt (alternative) digunakan sebagai teks alternatif jika gambar yang […]

Read more

dasar html (8) : Mengatur Font HTML

Untuk mengatur ukuran, warna serta jenis font pada element HTML, digunakan tag <font> Tag font ini saat ini sudah TIDAK LAGI direkomendasikan oleh w3C untuk digunakan dalam melakukan formating element HTML. Pada HTML4 penggunaannya sudah usang dan di tinggalkan dan di hapus pada HTML5. Dianjurkan untuk menggunakan CSS untuk menggantikannya. Contoh HTML dengan tag <font> <html> <body> <p> <font size=”24px” […]

Read more
1 28 29 30 31