Bagaimana untuk menyediakan projek asas Html, css dan javaScript

Tutorial ini adalah untuk mereka yang ingin terus ke inti dan hanya menyediakan projek dan memulakan pengekodan.

Buat folder untuk fail Html, css dan Javascript anda.

Cipta fail anda di dalam folder yang baru anda buat

manakala cara rupa fail mungkin berbeza dari PC ke PC memastikan penerangan fail adalah sama seperti imej di atas.

Pautkan fail Css dan JavaScript ke fail Html

Apabila berkaitan dengan memautkan fail, adalah penting untuk mengambil perhatian di mana setiap fail berada dalam folder. Dalam kes kami, fail semuanya berada pada tahap yang sama yang akan menjadikan pemautan terus ke hadapan.

Kandungan fail html anda sepatutnya kelihatan seperti ini
`

`

Kami akan menggunakan 2 teg berbeza untuk memautkan fail css dan js kerana ia memerlukan jenis teg yang berbeza untuk memautkannya.
untuk memautkan fail css kami menggunakan Tag. kami kemudian menggunakan atribut rel dan href untuk menunjukkan hubungan kandungan teg pautan dengan halaman dan lokasi fail css berada. Ia kelihatan seperti ini.


Tag dakwat hendaklah diletakkan di antara tag kepala.

untuk fail javascript kami menggunakan tag skrip dan pas di lokasi fail javascript dalam atribut src. ia kelihatan seperti ini.



ambil perhatian bahawa teg skrip boleh diletakkan di dalam kedua-dua teg kepala dan teg badan namun untuk tujuan prestasi adalah dinasihatkan untuk meletakkan teg skrip di bahagian bawah teg badan dengan cara ia dihuraikan terakhir. Ia juga boleh diletakkan di kepala tanda nama dengan sama ada

Atribut "Async" atau "Defer" ditambahkan padanya untuk meniru gelagat pemuatan yang serupa.

Jika anda telah mengikut arahan di atas, kandungan fail html anda sepatutnya kelihatan seperti ini.
`

`

Dan kini anda mempunyai persediaan Html, css dan javascript yang sangat asas. jika anda mempunyai sebarang soalan atau tersekat sila tinggalkan soalan anda di bahagian komen dan saya akan membalasnya.

Atas ialah kandungan terperinci Bagaimana untuk menyediakan projek asas Html, css dan javaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!