SK T5 : PENGENALAN HTML, CSS, JAVASCRIPT

Get the idea:

Mahir (2021) | Menengah Atas - Sains Komputer, Tajuk : Menengah Atas - Sains Komputer

CSS dan HTML oleh Cikgu Che Noor Ashikin Binti Zakaria

https://www.youtube.com/watch?v=9ocqCWkx_9s

Mahir (2021) | Menengah Atas : Sains Computer Laman Web Interaktif (Siri 2) : JAVASCRIPT

Guru : Wan Rafik Bin Wan Ismail

https://www.youtube.com/watch?v=wCetC1X_JkA&t=427s

https://www.youtube.com/watch?v=nFHXxJODkbo

https://www.youtube.com/watch?v=sG3Z0tmNkj4

https://www.youtube.com/watch?v=hSkjAZXjI1s

https://www.youtube.com/watch?v=GWB1zJCeBT0

https://www.youtube.com/watch?v=1wAbUzHBu3Y

HTML (Hypertext Mark up Language)

HTML atau Hypertext Markup Language ialah bahasa markup standard yang digunakan oleh pereka web profesional bagi mereka bentuk laman web.

Dokumen HTML adalah mengenai konsep bagaimana dokumen dipaparkan. 

Dokumen HTML juga ialah konsep bagaimana elemen teks, audio, video serta grafik disusun agar mudah dibaca dan difahami oleh pelawat laman web. 

Untuk menerangkan struktur bagi setiap laman web, kod HTML atau elemen HTML digunakan. 

Elemen biasanya terdiri daripada dua tag yang berpasangan, iaitu: start tag dan close tag. 

Kandungan yang akan dipaparkan pada web akan berada di antara start tag dengan close tag.

Semua elemen HTML mengandungi atribut. Atribut mengandungi maklumat tambahan bagi setiap elemen HTML dan biasanya ditempatkan di start tag. Terdapat dua bahagian atribut:

Atribut nama 

Atribut nilai

Sumber : https://dlpng.com/png/7183819

Sumber : http://web.simmons.edu/~grabiner/comm244/weekone/html-attributes.html

Sumber : https://www.pinterest.com/pin/33847434675371242/

CSS (Cascading Style Sheets)

Cascading Style Sheet (CSS) ialah salah satu bahasa pengaturcaraan yang merupakan tambahan (extension) kepada HTML. 

CSS membenarkan perubahan kepada gaya sesuatu halaman web dan menerangkan persembahan bagi sesuatu dokumen HTML.

HTML dengan CSS (kiri) dan tanpa CSS (kanan)
Sumber : https://www.dummies.com/programming/what-does-css-do/

Sumber : https://jorcus.com/getting-started-with-css/

Laman web yang bagus untuk bacaan tentang Inline CSS, Internal CSS dan External CSS.

Sintaks CSS terdiri daripada selector dan declaration block. 

Selector ialah apa/bahagian tag HTML mana yang kita hendak style/hias.

Elemen dalam declaration block memberitahu bagaimana untuk stylekan/hiaskan. Cth warna, saiz dll.

Setiap declaration block mengandungi property dan value(nilai).

Sumber : https://wordpress.com/support/css-basics/

Sumber : https://blitzen.com/blog/how-to-learn-to-css-style-code-in-15-minutes-or-less/

Declaration block boleh ada satu atau lebih declaration(property dan value) dan diasingkan menggunakan semikolon (;)

CSS declaration mesti berakhir dengan semikolon, dan declaration block mesti berada dalam curly braces {}

Sumber : https://puzzleweb.ru/en/css/1_css_syntax.php

Sumber : https://www.wwp.northeastern.edu/outreach/seminars/xslt_2011-06/presentations/xslt/mdh_css-for-xhtml-intro_10.xhtml

JAVASCRIPT

JavaScript menyediakan keupayaan pengaturcaraan untuk memproses sesuatu tugas berdasarkan permohonan yang diterima daripada klien.

Kod JavaScript akan ditulis bersama-sama dalam kod HTML. 

Jika HTML tidak mempunyai sebarang skrip yang ditulis di dalamnya, browser akan menghasilkan laman web berdasarkan kod HTML tersebut.

Kod JavaScript ditulis di antara tag ‘<script>’ dengan ‘</script>’

Terdapat dua cara kod JavaScript ditulis dalam HTML:

1 Explicit embedding - kod JavaScript diletakkan dalam atau bersama-sama kod HTML

2 Implicit embedding - meletakkan kod JavaScript dalam satu fail sendiri

yang mempunyai extension “.js” seperti contoh myScript.js dan akan dipanggil jika ingin digunakan.