HTML ve CSS Nedir? Ne İşe Yararlar?
İnternette gezdiğimiz her sayfa aslında birer kod yığını. Ama gözümüzle sadece yazılar, görseller, butonlar görüyoruz.
Peki bu sayfalar nasıl oluşuyor? İşte tam burada HTML ve CSS devreye giriyor.
Eğer yazılıma ya da web geliştirmeye ilgi duyuyorsan, bu iki dostla tanışman şart! 😊
🧱 HTML Nedir?
HTML (HyperText Markup Language), yani Türkçesiyle “Hiper Metin İşaretleme Dili” web sayfalarının iskeletini oluşturan dildir.
📌 Yani bir web sayfasındaki:
- Başlıkları
- Paragrafları
- Listeleri
- Görselleri
- Butonları
ve daha birçok yapıyı tanımlamak için HTML kullanılır.
🛠 Küçük Bir Örnek:
<h1>Merhaba Dünya!</h1>
<p>Bu benim ilk web sayfam.</p>
<img src="resim.jpg" alt="Bir resim">
Bu kod: bir başlık, bir paragraf ve bir resim gösterir. Hepsi bu kadar basit!
🎨 CSS Nedir?
CSS (Cascading Style Sheets), yani “Basamaklı Stil Sayfaları” HTML ile oluşturduğumuz yapıya görsellik katar.
📌 Yani:
- Renkleri
- Yazı tiplerini
- Arka planları
- Buton boyutlarını
- Sayfanın düzenini
güzelleştirmek için CSS kullanılır.
🛠 Küçük Bir Örnek:
h1 {
color: blue;
font-family: Arial;
text-align: center;
}
Bu kod ne yapar?
Tüm <h1>
başlıklarını mavi yapar, Arial yazı tipiyle gösterir ve ortalar.
Yani HTML’in “ne var” dediği yerde, CSS “nasıl görünsün” der.
👩💻 HTML + CSS = Web Sayfası
HTML ve CSS birlikte çalışır.
HTML yapıyı kurar, CSS görünümü güzelleştirir.
Tıpkı bir ev gibi düşün:
- HTML evin duvarları, kapıları, çatısı…
- CSS ise boyası, perdeleri, mobilyalarıdır.
HTML ve CSS Ne İşe Yarar?
Kısaca:
- Kendi web siteni yapmanı sağlar.
- Front-end (ön yüz) geliştirme için temel oluşturur.
- Web tasarımı öğrenmenin ilk adımıdır.
- Kariyerinde yazılım veya tasarım düşünüyorsan, olmazsa olmazdır.
Üstelik bu ikisini öğrenmek, diğer dillere göre çok daha kolaydır. Gözle görülür sonuçlar aldığın için motive eder ve hemen sonuç verir.
Nereden Öğrenebilirim?
İşte bazı başlangıç kaynakları:
- w3schools.com
- freecodecamp.org
- YouTube’da “HTML CSS eğitimi” araması
- Udemy gibi platformlarda ücretsiz kurslar
Her gün 20-30 dakikanı ayırarak kısa sürede temel bilgileri öğrenebilirsin.