HTML & CSS Basics

You’re certainly already acquainted with document editors, like Microsoft Word, with which you can structure your document with titles, paragraph, lists, tables, images, bold and italic text.

HTML provides roughly the same elements of formatting. The key difference is that formatting text in Microsoft Word is visual, whereas HTML code is purely semantic: you provide meaning to your text.

The same way you use notes to write music, you use HTML to write webpages.

While HTML is about defining the content of a webpage, CSS is about styling a webpage. It means setting colors, fonts, dimensions, margins, positions, of a webpage’s elements.

CSS brings a webpage to life, by applying a coat of paint on its static content, and elevates its purpose through color, space, emphasis and motion.

Anda sudah pasti mengenali editor dokumen, seperti Microsoft Word, yang mana anda boleh menyusun dokumen anda dengan judul, perenggan, senarai, jadual, gambar, teks berani dan italik.

HTML menyediakan kira-kira elemen pemformatan yang sama. Perbezaan utama ialah teks pemformatan dalam Microsoft Word adalah visual, sedangkan kod HTML semantik murni: anda memberi makna pada teks anda.

Dengan cara yang sama anda menggunakan nota untuk menulis muzik, anda menggunakan HTML untuk menulis halaman web.

Walaupun HTML adalah tentang menentukan kandungan laman web, CSS adalah mengenai penggayaan halaman web. Ini bermakna menetapkan warna, fon, dimensi, margin, kedudukan, elemen laman web.

CSS membawa halaman web ke kehidupan, dengan menggunakan lapisan cat pada kandungan statiknya, dan meningkatkan tujuannya melalui warna, ruang, penekanan dan gerakan.