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 tentu sudah berkenalan dengan editor dokumen, seperti Microsoft Word, yang dengannya Anda dapat menyusun dokumen Anda dengan judul, paragraf, daftar, tabel, gambar, teks tebal dan miring.

HTML menyediakan elemen pemformatan yang kira-kira sama. Perbedaan utama adalah bahwa memformat teks dalam Microsoft Word adalah visual, sedangkan kode HTML murni semantik: Anda memberikan makna pada teks Anda.

Cara yang sama Anda menggunakan catatan untuk menulis musik, Anda menggunakan HTML untuk menulis halaman web.

Sementara HTML adalah tentang menentukan konten halaman web, CSS adalah tentang menata halaman web. Ini berarti mengatur warna, font, dimensi, margin, posisi, elemen laman web.

CSS menghidupkan laman web, dengan menerapkan lapisan cat pada konten statisnya, dan meningkatkan tujuannya melalui warna, ruang, penekanan, dan gerak.