CSS HTMLPada tutorial sebelumnya, kita sudah berkenalan dengan CSS. Berikutnya, kita akan belajar gimana cara menulis CSS di tiga cara menulis CSS di HTMLInternal CSS –> ditulis di dalam tag ;Inline CSS –> ditulis di atribut elemen HTML;External CSS –> ditulis di file CSS terpisah dengan contoh dan caranya?Mari kita bahas! 1. Internal CSSInternal CSS adalah kode CSS yang ditulis di dalam tag . Intarnal CSS juga dikenal dengan sebutan Embeded bisa ditulis di dalam tag , bisa juga ditulis di dalam tag . Namun kebanyakan orang menulisnya di dalam .Contoh Contoh Internal CSS p{ font-family serif; line-height font-size 18px; } i { font-family sans; color orange; } h2 { font-family sans; color 333; } Ini judul artikel Ini adalah paragraf yang memuat isi artikel. Paragraf ini hanya untuk percobaan saja. Percobaan untuk mendemokan internal css. Seperti namanya, inline CSS adalah kode CSS yang ditulis langsung dalam file HTML. HasilnyaPenulisan css di dalam tag akan lebih dahulu dibaca dibandingkan di . Karena lebih dahulu dibaca, style yang akan dipakai adalah yang kita punya style seperti ini di dalam Lalu di body kita buat lagi seperti iniMaka yang akan dipakai adalah yang terakhir, yakni yang color itu, biar konsisten dan tidak bentrok.. sebaiknya tulis CSS hanya dalam satu tempat saja. Misal di Eksternal CSSEksternal CSS adalah kode CSS yang ditulis terpisah dengan kode HTML. Eksternal CSS ditulis di dalam file khusus yang berekstensi . akan membuat sebuah file bernama yang di dalamnya berisi kode ini isinyap { font-family serif; line-height } i { font-family sans; color orange; } h2 { font-family sans; color 333; }Untuk menggunakan CSS ini, kita harus menghubungkannya dengan dua cara yang bisa kita lakukanMenggunakan tag Menggunakan importContohCara 1 menggunakan tag Cara 2 menggunakan import import " Jika kita menggunakan Cara 1, maka kode lengkap HTMLnya akan menjadi seperti ini Contoh Eksternal CSS Ini judul artikel Ini adalah paragraf yang memuat isi artikel. Paragraf ini hanya untuk percobaan saja. Percobaan untuk mendemokan internal css. Seperti namanya, inline CSS adalah kode CSS yang ditulis langsung dalam file HTML. HasilnyaCSS eksternal biasanya digunakan saat kita ingin menggunakan kembali style yang sudah ada lima halaman HTML, dan semua halaman ini membuatuhkan CSS yang sama. Maka sebaiknya kita menggunakan eksternal CSS agar tidak menulis ulang kode CSS di setiap file CSS di dalam FolderJika file eksternal CSS berada di dalam folder yang berbeda, maka kita bisa tulis alamat path-nya di tag .ContohMisalnya kita punya struktur folder project seperti akan kita pakai di tapi dia berada di dalam folder kita bisa tuliskan seperti iniNamun, sekarang gimana kalau file HTML-nya berada di folder yang strukturnya seperti iniGimana cara pakai di hanya perlu naik satu level dengan ../ kemudian menuliskan css/ file HTML-nya berada di dalam folder lagi, dan di dalam folder lagi, dan di dalam folder lagi, dan di dalam folder lagi.. 😄 gimana tuh?Ya tinggal naik beberapa level, misalnya dia berada di dalam folder level ke 3, maka nainya 3 level seperti iniPerhatikan ../ artinya naik satu level, karena ada tiga ../ maka kita naik 3 tidak perlu kamu paham sistem path di Linux, maka kamu akan mudah memahami iya, selain cara ini, kita bisa juga menggunakan / untuk mewakili root folder dari project atau nama akan membuatnya konsisten, karena / nantinya akan mewakili nama dimana pun kita akan menggunakan file CSS-nya tidak perlu ribet naik CSS dari Internet CDNSelain menggunakan eksternal CSS yang ada di satu folder dengan project, kita juga bisa gunakan CSS yang sudah ada di internet atau domain file CSS-nya berada di kita bisa menggunakannya di HTML seperti ini3. Inline CSSInline CSS adalah kode CSS yang ditulis langsung pada atribut style di elemen CSS ditulis langsung tanpa menggunakan kurung kurawal{ ... }. Kemudian properti tetap dipisah dengan titik judul artikelContoh lengkap Contoh Inline CSS Ini judul artikel Ini adalah paragraf yang memuat isi artikel. Paragraf ini hanya untuk percobaan saja. Percobaan untuk mendemokan internal css. Seperti namanya, inline CSS adalah kode CSS yang ditulis langsung dalam file HTML. HasilnyaInline CSS biasanya digunakan untuk memberikan style pada satu elemen saja. CSS pada inline akan lebih diprioritaskan dibandingkan dengan internal dan tetapi, Inline CSS jarang digunakan pada proyek-proyek besar, karena cukup menyulitkan mengelola kode jika sudah teralau banyak menggunakan seperlunya dan seadanya. Jangan terlalu banyak, biar kodemu lebih Selanjutnya?Kita sudah belajar cara menulis CSS di HTML. Ada tiga cara yang digunakan, yakni Internal CSS, Eksternal CSS, dan Inline sesuai pada tempatnya dan pastikan hanya menggunakan satu saja biar silahkan pelajari tentangSintaks Dasar CSS yang Harus kamu pahamiSelektor pada CSSSelamat belajar! 🙌

JavaScript - Javascript Dasar By 9 March 2016 JavaScript Javascript Dasar Belajar Javascript Part 2 Cara Penulisan Dan Penggunaan Javascript Cara Penulisan Dan Penggunaan Javascript – Selamat datang di turorial javascript dasar berbahasa indonesia. ini merupakan tutorial javascript part 2. di mana pada part 1 kita telah membahas tentang pengertian dan pengenalan javascript. silahkan teman-teman membaca tutorial javascript sebelumnya di baca Belajar Javascript Part 1 Pengertian Dan Pengenalan Javascript. Seperti yang telah di jelaskan bahwa javascript berfungsi untuk membuat interaksi pada halaman website atau aplikasi yang di bangung berbasis website. jadi di tutorial javascript ber-episode ini akan di jelaskan dari dasar tentang javascript. dan kemudian di harapkan dapat memberikan manfaat kepada teman-teman dan orang banyak. baiklah silahkan langsung saja simak penjelasan tentang belajar javascript part 2 cara penulisan dan penggunaan javascript berikut ini. Cara Penulisan Syntax Javascript Kita mulai dengan cara penulisan syntax javascript yang baik dan benar. dan adapun pengetahuan dasar yang harus kita ketahui dari javascript adalah sebagai berikut. Di simpan dengan ekstensi .js. Syntax javascript yang di sisipkan pada halaman HTML di tulis di dalam tag . Syntax javascript bisa di letakkan di bagian element tag atau tag . Javascript bersifat case sensitive. Di setiap akhir baris harus di tutup dengan titik koma/semicolon ; . syntax javascript bisa di gunakan dengan 2 cara teman-teman. yaitu dengan cara di sisipkan pada halaman HTML langsung, dan 1 lagi dengan cara menyimpan file javascript dengan ekstensi .js. dan kemudian menginclude nya pada halaman HTML. agar lebih spesifik akan kita bahas satu persatu. Menggunakan Javascript Secara Internal Penulisan javascript secara internal adalah dengan cara menyisipkan langsung syntax javascript di dalam HTML. jika teman-teman menggunakan cara ini maka syntax javascript nya harus teman-teman letakkan di antara tag pembuka dan tag penutup. dan meletakkannya bisa di dalam tag , bisa juga di dalam tag . buat sebuah file HTML untuk membuat contoh penggunaan Javascript secara internal. bisa file html bisa juga php. karena javascript mampu berjalan di antara keduanya. di sini saya hanya membuat file html saja sebagai contoh. buat sebuah file html dengan nama 123456789101112131415161718 Belajar Javascript Part 2 Cara Penulisan Dan Penggunaan Javascript Belajar Javascript Part 2 Cara Penulisan Dan Penggunaan Javascript = "Nama Saya Malas Ngoding"; coba perhatikan pada contoh di atas. terdapat sebuah element div yang kita beri id=”nama”. dan kemudian kita memberikan sentuhan javascript di sana dengan perintah berikut. Belajar Javascript Part 2 Cara Penulisan Dan Penggunaan Javascript = "Nama Saya Malas Ngoding"; document adalah syntax wajib di javascript, dan fungsi getElementById berfungsi untuk memerintahkan mendapatkan element yang ber id sesuai dengan yang ada di dalam parameter fungsi getElementById itu sendiri. penulisannya harus si perhatikan ya teman-teman besar kecil nya. karena javascript bersifat case sensitive. dan innerHTML berfungsi untuk menuliskan html. jadi secara lengkap intruksi yang kita serukan adalah kita menyerukan untuk menulisakan “Nama Saya Malas Ngoding” di element yang ber id “nama”. jika di jalankan pada browser. maka hasilnya sebagai berikut. cara penulisan dan penggunaan javascript Menggunakan Javascript Secara External Setelah membahas cara penulisan javascript secara internal, atau dengan cara menyisipkan langsung syntax javascript pada html, maka di sini kita akan membahas cara lainnya untuk menggunakan javascript, yaitu dengan cara menggunakan javascript secara external. caranya buat lah dua buah file, yaitu di file kita akan menuliskan syntax HTML nya saja. dan pada kita akan menuliskan syntax javascript nya pada file dan cara agar kedua file ini terhubung adalah dengan cara menghubungkannya dengan syntax berikut. Belajar Javascript Part 2 Cara Penulisan Dan Penggunaan Javascript. Belajar Javascript Part 2 Cara Penulisan Dan Penggunaan Javascript Belajar Javascript Part 2 Cara Penulisan Dan Penggunaan Javascript = "Nama Saya Malas Ngoding"; dan jika di jalankan maka hasilnya akan sama. Oke teman-teman sekian lah tutorial Belajar Javascript Part 2 Cara Penulisan Dan Penggunaan Javascript. pada tutorial ini kita telah belajar tentang bagaimana penulisan javascript dan bagaimana cara menggunakannya. Incoming search termskode javascript lengkapKode javascriptkumpulan kode javascriptPenggunaan javascriptcontoh javascript eksternalcara membuat javascript di htmlkumpulan javascriptkumpulan javascript lengkapcara penulisan javascriptkumpulan script javascript Tags belajar javascript, belajar javascript lebih lanjut dengan jquery, belajar javascript lengkap, belajar javascript lengkap pdf, belajar javascript pdf, belajar javascript untuk game, belajar javascript untuk pemula, belajar javascript untuk pemula pdf, cara menghubungkan html dan javascript, contoh icon menu akses internet, contoh javascript, dasar dasar javascript, framework javascript, kumpulan kode javascript, Pengertian HTML, pengertian javascript, ukuran kecepatan akses internet

Dalam tutorial belajar bahasa pemrograman JavaScript kali ini kita akan bahas terkait Aturan Dasar Penulisan Kode Program JavaScript. Aturan ini mencakup case sensitivity, whitespace, cara penulisan baris komentar, penulisan identifier, reserved keyword, dan penulisan semicolon. Perbedaan Penulisan Huruf Case Sensitivity Di dalam JavaScript, penulisan huruf besar dan huruf kecil dibedakan, atau dalam istilah pemrograman bersifat Case Sensitif. Ini berarti penulisan variabel, keyword, dan nama fungsi di JavaScript harus konsisten. Variabel nama, Nama, dan NAMA merupakan 3 variabel berbeda. Sedangkan untuk penulisan keyword while, harus ditulis dengan while, bukan While atau WHILE. Namun karena HTML sendiri tidak bersifat case-sensitif, aturan ini bisa berbeda. Contohnya, jika menggunakan event handler bisa ditulis onclick, onClick, atau OnClick. Ketiga penulisan ini dibolehkan di dalam HTML. Penggunaan Karakter Whitespace Whitespace adalah sebutan dari karakter-karakter yang tidak terlihat, seperti spasi, enter, tab. Secara umum, whitespace akan diabaikan pada saat pemrosesan oleh JavaScript. Karakter-karakter whitespace ini bebas digunakan untuk menjorokkan atau meng-indenting kode program agar lebih mudah dibaca. Misalnya kode berikut let a="Selamat Pagi"; let b = "Good Morning"; Akan diproses sama oleh JavaScript dengan let a="Selamat Pagi"; let b = "Good Morning"; Cara Penulisan Baris Komentar Baris komentar atau comment adalah kode program yang ditambah untuk memberi keterangan / penjelasan mengenai cara kerja program. Baris Komentar ini tidak akan diproses dan hanya sebagai alat bantu bagi kita sebagai programmer. Dalam bahasa JavaScript, terdapat 2 cara membuat baris komentar Komentar singkat dengan karakter forward slash dua kali //. Komentar panjang dengan tanda pembuka /* dan tanda penutup */. Untuk komentar singkat dengan tanda //, hanya berlaku untuk satu baris saja. Seluruh teks yang ada setelah tanda tersebut akan diabaikan Berikut contoh penulisan komentar di dalam JavaScript // ini adalah komentar dalam 1 baris /* Baris ini juga merupakan komentar */ //ini juga komentar /* Komentar ini mencakup beberapa baris */ /* * Beberapa programmer * menambahkan tanda bintang * agar penulisan komentar * lebih rapi */ Aturan Penulisan Identifier Variabel dan Nama Fungsi Di dalam pemrograman, identifier adalah sebutan untuk sebuah nama. Nama ini mencakup nama variabel, nama konstanta nama, nama class, nama function, dll. Aturan penulisan identifier dalam JavaScript adalah Karakter pertama harus diawali dengan huruf, underscore _ atau tanda dollar $ Karakter kedua dan seterusnya bisa ditambah dengan huruf, angka, underscore _ atau tanda dollar $. Berdasarkan aturan ini, kita tidak bisa menggunakan angka sebagai karakter pertama dari sebuah identifier. Berikut contoh penulisan nama variabel yang dibolehkan duniailkom $ilkom v12 _karakter b3l4j4r Namun karakter berikut tidak bisa digunakan sebagai identifier %duniailkom // terdapat karakter % dunia ilkom // terdapat karakter spasi 4ngka // diawali dengan angka sukasuka // terdapat karakter Kata Kunci Reserved Keyword Seperti bahasa pemrograman lain, JavaScript memiliki beberapa kata kunci atau keyword yang tidak bisa digunakan sebagai nama identifier. Istilah ini sering disebut sebagai reserved keyword. Reserved keyword merupakan kata kunci yang digunakan JavaScript dalam menjalankan fungsinya. Berikut daftar reserved keyword dalam JavaScript Sebagian dari nama keyword ini bisa saja dipakai dalam situasi khusus, seperti untuk nama property dan method object. Namun sebaiknya tetap dihindari untuk mengantisipasi perubahan dari standar EcmaScript. Aturan Penulisan Tanda Semicolon di Akhir Baris Berbeda dari bahasa turunan C lainnya, di dalam JavaScript karakter titik-koma atau semicolon sebagai penanda akhir baris perintah boleh tidak ditulis opsional. JavaScript bisa mendeteksi perintah baru dari karakter Enter yang kita pakai untuk pindah baris. Kode berikut berjalan sebagaimana mestinya di dalam JavaScript Belajar JavaScript di Duniailkom Belajar JavaScript Saya sedang belajar JavaScript di duniailkom a = 13 b = a+2 alertb Di setiap perintah JavaScript pada baris 10-13, saya tidak menambah titik koma untuk menutup baris perintah, dan ini tidak masalah. Namun walaupun boleh tidak ditulis, menambah tanda titik koma akan membuat program menjadi lebih mudah dibaca dan menghindari kode ambigu di beberapa situasi tertentu. Sepanjang tutorial JavaScript di duniailkom ini, saya akan selalu pakai tanda titik koma di akhir baris. Dalam tutorial kali ini kita telah membahas Aturan Dasar Penulisan Kode Program JavaScript. Tutorial berikutnya akan dilanjutkan tentang Pengertian dan Cara Membuat Variabel di dalam JavaScript. Saat ini di Duniailkom tersedia eBook / buku JavaScript Uncover. Dengan total lebih dari 650 halaman A4, materi di buku jauh lebih banyak daripada tutorial di web Duniailkom. Penjelasan lebih lanjut bisa ke JavaScript Uncover – Panduan Belajar JavaScript.

penulisan script yang benar berikut ini adalah