Cara HTML, CSS dan JavaScript Berfungsi

Apakah HTML?

HTML ialah singkatan dari HyperText Markup Language. Saya tahu ia adalah suapan tetapi pada asasnya, kami menggunakan HTML untuk menentukan struktur atau blok bangunan halaman web kami.

Apakah CSS?

CSS ialah singkatan untuk Cascading Style Sheets. Kami menggunakannya untuk menggayakan halaman web dan menjadikannya cantik.

Apakah JavaScript?

JavaScript digunakan untuk menambah kefungsian pada halaman web. Biar saya berikan satu analogi.

Fikirkan sebuah bangunan.

Bangunan di dunia nyata adalah seperti halaman web di internet. Ia mempunyai rangka atau struktur – rangka dan asas bangunan (HTML).

Ia boleh mempunyai dinding, tingkap dan jubin yang cantik juga yang menyelesaikannya dan menjadikannya kelihatan menarik (CSS).

Dan ia boleh mempunyai fungsi tertentu, seperti menjadi rumah, hospital atau pasar raya (JavaScript).

Sebagai contoh, apabila kita menekan butang lif, ia datang untuk menjemput kita. JavaScript akan membolehkan ini dalam analogi kami.

Contoh Nyata

Ini adalah contoh sebenar. Katakan anda ingin membina tapak web seperti Twitter. Untuk profil, anda mahu mempunyai reka letak seperti ini:

Pertama, kami menggunakan HTML untuk mentakrifkan blok binaan reka letak ini. Apakah blok bangunan ini di sini?

1. Imej.
2. Sesetengah teks yang menunjukkan pemegang Twitter pengguna (contohnya, @KarlgustaAnnoh).
3. Satu lagi blok teks yang mengandungi mesej (Mengajar pengekodan melalui cerita...).
4. Butang/ikon untuk mengedit profil, Lokasi, pautan dan tarikh.
5. Jumlah pengikut.

Kami menggunakan HTML untuk menambahkan blok binaan ini pada halaman web kami.

Kemudian, kami menggunakan CSS untuk memberikannya tarikan visual. Sebagai contoh, dengan CSS, kita boleh membuat teks tebal (seperti nama), kita boleh membuat imej kita bulat. Kami juga boleh menukar warna lokasi, pautan dan ikon tarikh serta menentukan rupa mereka apabila kami menuding di atasnya.

Jadi, CSS adalah mengenai kesan visual. Dengan CSS, kita juga boleh mencipta animasi yang cantik.

Kini, kebanyakan halaman web hari ini adalah interraktif. Mereka bertindak balas terhadap tindakan kami seperti klik dan tatal. Di sinilah JavaScript masuk. Dengan JavaScript, kami boleh menambah fungsi atau tingkah laku pada halaman web kami. Contohnya, kita boleh mengklik butang untuk mengikuti seseorang.

Jadi, JavaScript ialah bahasa pengaturcaraan, manakala HTML (Bahasa Penanda) dan CSS (Bahasa penggayaan) secara teknikalnya bukan. Ini bermakna kita tidak boleh menggunakannya untuk memberitahu komputer apa yang perlu dilakukan. Kami menggunakannya untuk menentukan blok binaan halaman web kami dan menggayakannya.

Setiap halaman web yang anda lihat di internet dibina dengan tiga bahasa ini. Jadi, lebih baik anda mempelajari dan memahaminya serta ciri-cirinya, lebih baik anda berada dalam pembangunan bahagian hadapan.

Jumpa anda pada yang seterusnya!

P.S. Ini siri baru saya. Jika anda baru dalam pengekodan, dan ingin mendapatkan bantuan untuk mempelajari kod, lihat Pembangun Web 2 Jam.

Atas ialah kandungan terperinci Cara HTML, CSS dan JavaScript Berfungsi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!