Mohon tunggu...
Daniel Eko Cahyanto
Daniel Eko Cahyanto Mohon Tunggu... karyawan swasta -

hobby internetan, musik, traveling, photographi

Selanjutnya

Tutup

Inovasi

belajar html dan css yuk #1

18 September 2010   03:40 Diperbarui: 26 Juni 2015   13:09 328
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.
Lihat foto
Bagikan ide kreativitasmu dalam bentuk konten di Kompasiana | Sumber gambar: Freepik

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

Mohon tunggu...

Lihat Inovasi Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun