Syntax Penulisan CSS

Aturan Penulisan CSS (CSS Syntax)

CSS memiliki aturan tersendiri dalam penulisannya. Sebuah CSS memiliki Selector dan sebuah Deklarasi Block, lihat gambar dibawah ini :

Selector adalah element HTML yang ingin diberikan style.

Deklarasi blok berisi satu atau lebih deklarasi yang dipisahkan oleh titik koma.

Deklarasi terdiri dari Property dan Value, Contoh : Color : blue { ini merupakan sebuah deklarasi }

Color disebut property dan blue disebut value.

Contoh CSS

Sebuah deklarasi selalu diakhiri dengan titik koma ( ; ) dan kelompok deklarasi diawali dan diakhiri kurung kurawal { ... }.

p {color:red;text-align:center;}

Untuk membuat kode CSS lebih mudah dibaca, Anda dapat menempatkan satu deklarasi pada setiap baris.
Pada contoh berikut semua <p> elemen akan pusat-blok, dengan warna teks merah :
p {
    color: red;
    text-align: center;
}
CSS Komentar
Stiap Bahasa pemrograman pasti memiliki komentar tersendiri. Komentar merupakan sebuah cara yang digunakan programer untuk memeberikan penjelasan tentang sebuah kode. Karena komentar tidak akan digeneret / diterjemahkan oleh browser. Komentar hanya bisa dibaca saja.
Komentar dalam CSS diawali dengan tanda /* dan diakhiri dengan tanda */
Dibawah ini merupakan contoh komentar dalam CSS.
p {
    color: red;
    /* This is a single-line comment */
    text-align: center;
}

/* This is
a multi-line
comment */

Catatan :

Komentar Pertama merupakan komentar dalam satu baris, dsedangkan komentar kedua merupakan komentar dengan banyak baris

Silahkan  Download atau klik disini untuk mendapatkan file contoh dari tutorial ini.

Pengenalan Dasar Javascript

Masih di tutorial web, setalah pada tutorial sebelumnya saya bahas tentnag pengertian javascript, kali ini saya akan memberikan penjelasan tentang Pengenalan Dasar Javascript. Ok mari kita mulai!

Mengapa Javascript ?

Javascript merupakan slaah satu bahasa pemrograman yang paling populer di dunia.

Berikut ini beberapa contoh penggunaan Javascript

Javascript dapat merubah isi halaman HTML
Salah satu dari banyak metode HTML adalah getElementById ();
Contoh ini menggunakan metode untuk "menemukan" elemen HTML (dengan id = "contoh"), dan mengubah isi elemen (innerHTML) untuk "Tutorial Javascript by tutorialweb.web.id":
Contoh :
document.getElementById("demo").innerHTML = "Tutorial Javascript by tutorialweb.web.id";
silahkan klik Download untuk mengunduh file lengkapnya.

Javascript dapat merubah halaman HTML CSS (CSS)
Mengubah gaya dari elemen HTML, adalah suatu variasi untuk merubah attribut HTML.
Contoh :
document.getElementById("demo").style.fontSize = "25px";
ukuran font id="demo" akan dirubah sebesar 25px.
silahkan klik Download untuk mengunduh file lengkapnya.

Javascript dapat memvalidasi / mengecek inputan data
Kelebihan Javascript salah satunya untuk memvalidasi inputan data, misalkan kita mendaftar di facebook tetapi kita lupa memasukkan email kita, maka disitu mulcul keterangan bahwa kita harus mengisikan email dengan benar misal format : xxx@xx.xxx
Contoh:
x = document.getElementById("numb").value;

if (isNaN(x) || x < 1 || x > 10) {
   text = "Input not valid";
} else {
   text = "Input OK";
}
   document.getElementById("demo").innerHTML = text;

Tahukan Anda!
JavaScript dan Java adalah bahasa yang sama sekali berbeda, baik dalam konsep dan desain.
JavaScript diciptakan oleh Brendan Eich pada tahun 1995, dan menjadi standar ECMA pada tahun 1997.
ECMA-262 adalah nama resmi. ECMAScript 6 (dirilis pada Juni 2015) adalah versi resmi terbaru dari JavaScript.