Programmer Nganggur: HTML

Showing posts with label HTML. Show all posts

Thursday, May 16, 2013

Materi Ke 5 HTML : Membuat List dan Penomoran atau Bullet and Numbering

Dalam HTML kita juga bisa membuat list/daftar dalam bentuk bullet atau numbering, tag dasar yang dipakai ada 2:

<ol></ol> untuk membuat daftar terurut (numbering/ penomoran) contoh 1, 2, 3 dst atau A, B, C dst atau i, ii, iii dst dan sebagainya. OL merupakan singkatan dari Ordered List (daftar yang terurut). Attribut yang dipakai adalah type sedangkan nilai attribut type contohnya type="1" , type="A" dst
<ul></ul> untuk membuat daftar tidak terurut (bullet). UL merupakan singkatan dari Unordered List (daftar tidak terurut). Attribut yang dipakai adalah type sedangkan nilai attribut type contohnya type="square" , type="disk" dst. Nilai attribut type yang lain adalah disc, square, dan circle
<li></li> untuk menunjukkan list data OL maupun UL, tag ini berada diantara tag OL atau UL, lebih jelasnya dibahas di contoh.

Perlu diperhatikan materi yang saya tulis disini selalu ada kaitannya dengan materi sebelumnya terutama Materi Ke 1, disarankan untuk yang baru belajar dibaca dulu Materi Ke 1 disini.

Materi Ke 4 HTML : Memberi Warna Background atau Gambar Background pada HTML

Pada Materi Ke 4 HTML dibahas mengenahi; memberi warna background dan memberi gambar background pada halaman html. Tentunya untuk mempercantik halaman situs diperlukan warna2 atau gambar2 sebagai background supaya lebih menarik pengunjung juga.

Perintah dasar memberi warna dan gambar adalah attribut BGCOLOR dan BACKGROUND. Karena yang akan diberi warna adalah BODY (tubuh) HTML maka attribut BGCOLOR dan BACKGROUND diletakkan pada tag <BODY>. Contoh penggunaannya akan dibahas dalam latihan berikut:

Materi Ke 3 HTML : Mengatur Jenis Font, Warna Font, dan Ukuran Font

Pada Materi Ke 3 HTML dibahas tentang mengatur jenis, warna dan ukuran huruf, sama seperti di Aplikasi Pengolah Kata MS Word dll dalam membuat halaman web tentunya kita juga bisa mengatur font agar terlihat lebih cantik. Untuk mengatur Jenis, Warna dan Ukuran Font kita menggunakan Tag <font> ..... </font>. Tag ini menggunakan 3 attribut yaitu: face untuk mengatur jenis font, color untuk mengatur warna font, dan size untuk mengatur ukuran font.

Contoh penggunaannya kita praktikan sebagai berikut :

Materi Ke 2 HTML : Membuat Halaman Artikel dengan Beberapa Format Huruf Tebal, Miring, Garis Bawah

Pada Materi Ke 2 HTML kita berlatih Membuat Halaman Artikel yang didalamnya ada beberapa format huruf seperti huruf tebal, miring, atau garis bawah. Tentunya dalam pengetikan artikel ada kalanya ada penegasan kata tertentu yang dianggap penting dan perlu perhatian ditandai dengan adanya tanda huruf tebal, huruf miring atau huruf dengan garis bawah, malahan terkadang ketiganya digunakan bersamaan.

Perlu diingatkan kembali dalam HTML kebanyakan tag ditulis dengan format awal <tag> akhir </tag> contoh: <head>Materi Kedua</head>. Bagaimana kita mendapat tampilan tebal, miring, dan garis bawah akan dibahas sebagai berikut:

Materi Ke 1 HTML : "HELLO WORD !!!"

Mengawali materi ke 1 Pemrograman HTML yang perlu dipersiapkan: adalah PC/ Laptop yang sudah terinstall Notepad++ (download notepad++ disini) dan Appserv (untuk instalasi Appserv lihat disini). Dalam materi ke 1 kita mencoba menampilkan tulisan "Hello Word !!!" pada halaman web yang akan kita buat.

Pertama-tama sebelum kita masuk ke coding kita harus mengenal dulu tentang Fungsi Appserv yang sudah kita install. Halaman2 web yang akan kita buat nantinya akan kita simpan dalam folder WWW di C:\AppServ\www\ (tergantung dimana kita menginstall Appserv).

Programmer Nganggur

Labels