Cara memasukan kode css, javascript ke html yang berbeda file dengan mudah

Menuliskan kode - kode html, php, css, javascript. dll dalam satu halaman atau satu file akan membuat kita lelah. Lelah melakukan kegiata scroll, lelah menggunakan fungsi find untuk menemukan sebuah kode, lelah karena jenuh melakukan scroll sini find sini.

Tapi begitulah kerjaannya hehe. Namun kita dapat mengurangi perasaan tersebut dengan memisahkan kode - kode.

Memisahkan kode CSS, Javascript, PHP. dll

Kita dapat memisahkan kode yang tadinya satu file html menjadi beberapa bagian :

  • kode css menjadi file style.css
  • kode javascript menjadi script.js
  • kode php menjadi home.php
Hal pertama yang kita lakukan ketika akan memisahkan kode - kode adalah mebuat file baru dengan type file yang sesuai dengan isinya. Seperti ketika kita akan memisahkan kode css maka kita akan membuat file dengan type .css nanti file tersebut akan kita isi dengan fungs- fungsi css


Menuliskan fungsi css secara terpisah akan membantu kita untuk lebih fokus dan terlihat lebih terstruktur dalam penulisan kode. Setelah kita tempatkan kode css tersebut jangan lupa klik save atau ctrl+s, simpan file tersebut dalam satu folder file html, js, css, php. Kita juga dapat memisahkan file tersebut pada beberapa folder, seperti :

  • folder dengan nama html
  • folder dengan nama css
  • folder dengan nama js
  • folder dengan nama php
Nama - nama folder tersebut bebas teman - teman ubah dengan nama yang sesuai dengan keinginan teman - teman, tapi untuk penulisan directory harus sesuai di mana teman - teman menyimpannya. berikut contoh kode untuk memasukan kode css ke dalam html


Karena saya menyimpan dalam satu folder makan untuk href saya tinggal menuliskan nama file serta typenya. gambar di atas juga terdapat kode untuk memasukan kode jasvascript ke dalam html untuk prosesnya tidak jauh beda dengan cara memisahkan kode css. 

Bagaimana tidak terlalu sulit kan untuk memisahkan kode - kode html ? Silahkan teman - teman mencoba memisahkan kodenya, jika ada yang ingin ditanyakan saya tunggu komentar teman - teman.

Demikian ulasan saya tentang bagaimana cara memasukan kode css, javascript ke html. Semoga ulasan saya dapat bermanfaat untuk teman - teman semuanya. Terima Kasih

0 Response to "Cara memasukan kode css, javascript ke html yang berbeda file dengan mudah"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel