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.

Belgenizi başlıklar, paragraflar, listeler, tablolar, resimler, koyu ve italik metinlerle yapılandırabileceğiniz Microsoft Word gibi belge düzenleyicileri hakkında zaten bilgi sahibisiniz.

HTML, kabaca aynı biçimlendirme unsurlarını sağlar. Temel fark, Microsoft Word'de metni biçimlendirmenin görsel olduğu, HTML kodunun ise tamamen anlamsal olduğu: metninize anlam kazandırdığınızdır.

Müzik yazmak için notları kullandığınız gibi, web sayfaları yazmak için de HTML'yi kullanırsınız.

HTML bir web sayfasının içeriğini tanımlamakla ilgili olsa da, CSS bir web sayfasını biçimlendirmekle ilgilidir. Bir web sayfasının öğelerinin renklerini, yazı tiplerini, boyutlarını, kenar boşluklarını, konumlarını ayarlama anlamına gelir.

CSS statik içeriği üzerine bir kat boya uygulayarak hayata bir web sayfası getirir ve amacını renk, mekan, vurgu ve hareketle yükseltir.