HTML dan CSS bagaikan saudara kandung yang masing masing mempunyai peranan tersendiri dalam dunia pemrograman web dan css. keduanya dibuat untuk melengkapi satu sama lain. Membuat web adalah merupakan kombinasi dari teknik-teknik pemrograman situs dan bukan hanya sekedar seni, karena didalamnya terletak teknologi yang mendasarinya. jadi untuk membuat tampilan yang oke itu sepintas seperti melukis, sehingga seperti sebuah karya seni, tetapi sebenarnya hal tersebut adalah merupakan kumpulan rutin rutin pemrogramanlah yang merupakan platform dari tampilan web tersebut.oke, di artikel kali ini saya akan memberikan contoh-contoh sederhana untuk menerapkan tag tag HTML dan CSS yang bisa langsung di lihat melalui web browser. untuk menuliskan tag tag HTML dan CSS ini dibutuhkan editor text, seperti macromedia dreamweaver (yang biasa saya pakai), html coffee cup, dan masih banyak lagi. tetapi dengan notepad pun kita sudah bisa membuat halaman web site. tutorial #1 peraturan 1 : penulisan kode html selalu diapit oleh tanda "<[syntax] >" dan diakhiri dengan tanda "</[syntax]>" peraturan 2 : hirarki penulisan kode html adalah sbb : Contoh : cobalah copy kode dibawah kedalam editor teks anda dan perhatikan hasilnya. kita dapat memodifikasi tampilan diatas dengan menggunakan format css, berikut modifikasinya: penjelasan : penulisan kode css yang digabungkan dengan kode html, cara penulisannya adalah selalu diawali dengan kode kode : div.font{font:"sans serif","arial";font-size:18px;} adalah menerangkan bahwa tag div memiliki class yang bernama font dengan parameter font {menerangkan jenis font yang digunakan} dengan ukuran font sebesar 18px kode: body {background-color:green;} menerangkan bahwa bagian body memiliki warna hijau. kode css dapat dipisah penulisanya dan berdiri sebagai satu file terpisah, maka penulisanya di sebutkan di antara tag , sehingga penulisannya sbb : dengan catatan bahwa file css kita terletak pada satu direktori dengan halaman index.html demikianlah tutorial singkat yang pertama ini. semoga dapat memacu anda untuk berinovasi dalam dunia pemrograman web.
Baca konten-konten menarik Kompasiana langsung dari smartphone kamu. Follow channel WhatsApp Kompasiana sekarang di sini: https://whatsapp.com/channel/0029VaYjYaL4Spk7WflFYJ2H