HTML (HyperText Markup Language) ve CSS (Cascading Style Sheets), web sayfalarının tasarlanması ve düzenlenmesi için kullanılan iki temel teknolojidir.
-
HTML (HyperText Markup Language):
- HTML, web sayfalarının yapısını belirlemek için kullanılır. Metin, bağlantılar, resimler, tablolar, form elemanları gibi temel öğeleri kullanarak sayfanın içeriğini tanımlar. HTML etiketleri, içerikleri saran ve belirli bir biçimde gösterilen öğelerdir. Bir HTML belgesi, bu etiketler ve içerikleriyle oluşturulur.
Örnek bir HTML belgesi:
<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Web Sayfam</title> </head> <body> <h1>Merhaba, Dünya!</h1> <p>HTML ve CSS öğreniyorum.</p> </body> </html> -
CSS (Cascading Style Sheets):
- CSS, HTML öğelerine stil ve düzen eklemek için kullanılır. Renkler, yazı tipleri, arka planlar, kenar boşlukları ve diğer görsel özellikleri kontrol etmek için CSS kullanılır. Bu, sayfanın görünümünü özelleştirmenizi ve kullanıcı deneyimini iyileştirmenizi sağlar.
Örnek bir CSS kodu:
body { font-family: 'Arial', sans-serif; background-color: #f4f4f4; color: #333; margin: 0; padding: 20px; } h1 { color: #0066cc; } p { line-height: 1.6; }Bu CSS kodu, sayfanın genel fontu, arka plan rengi, metin rengi ve paragrafların satır yüksekliği gibi özellikleri belirler.
HTML ve CSS'nin bir araya gelmesi, web sayfalarının yapısını belirlemek ve görsel düzenlemeleri yapmak için güçlü bir kombinasyon oluşturur. HTML, içeriği organize ederken, CSS, içeriğe stil ve düzen ekleyerek kullanıcı dostu ve estetik web sayfaları oluşturmanıza yardımcı olur. Bu teknolojiler, web geliştirme sürecinin temel taşlarıdır.