HTML ve CSS Temelleri
HTML Nedir?
HTML (HyperText Markup Language), web sayfalarının iskeletini oluşturmak için kullanılan bir işaretleme dilidir. HTML, web tarayıcılarının anlayabileceği yapısal bileşenler içerir.
Örnek HTML Kodu:
<!DOCTYPE html>
<html>
<head>
<title>Başlık</title>
</head>
<body>
<h1>Merhaba Dünya</h1>
</body>
</html>
CSS Nedir?
CSS (Cascading Style Sheets), HTML ile oluşturulan web sayfalarının stilini belirlemek için kullanılan bir stil dilidir. CSS, renkler, yazı tipleri, düzenler ve daha fazlasını tanımlamak için kullanılır.
Örnek CSS Kodu:
body {
background-color: #f0f0f0;
color: #333;
}
h1 {
color: #4CAF50;
}
HTML Temel Etiketler
HTML, çeşitli etiketler içerir ve her bir etiket farklı bir işlevi yerine getirir. İşte bazı temel HTML etiketleri:
- <h1> - <h6>: Başlık etiketleri
- <p>: Paragraf etiketi
- <a>: Bağlantı etiketi
- <img>: Resim etiketi
- <div>: Bölüm etiketi
CSS Temel Kuralları
CSS kuralları, seçiciler ve deklarasyon blokları içerir. İşte temel bir CSS kuralının yapısı:
Örnek CSS Kuralı:
selector {
property: value;
}
Örnek Bir Web Sayfası
Hem HTML hem de CSS kullanarak basit bir web sayfası nasıl oluşturulacağına dair bir örnek:
HTML ve CSS ile Basit Bir Web Sayfası:
<!DOCTYPE html>
<html>
<head>
<title>Örnek Sayfa</title>
<style>
body {
background-color: #e0f7fa;
font-family: Arial, sans-serif;
}
h1 {
color: #4CAF50;
}
p {
color: #333;
}
</style>
</head>
<body>
<h1>Merhaba Dünya</h1>
<p>Bu, CSS ile stillendirilmiş basit bir HTML sayfasıdır.</p>
</body>
</html>
Etiketler
Web Geliştirme