HTML Dersleri 4 – HTML Parametreler (Attributes)

Bu derste HTML parametrelerinin (attributes) ne olduğunu, etiketlere nasıl eklendiğini ve sayfa içeriğini nasıl kontrol ettiğini öğreneceksin. En sık kullanılan HTML parametreleri örnek mantığıyla detaylı şekilde açıklanır.

admin admin
Eylül 12, 2022 - 00:55 Updated: Ocak 8, 2026 - 22:30
0 157
HTML Dersleri 4 – HTML Parametreler (Attributes)
HTML Parametreler (Attributes)

HTML Parametreler Nedir?

HTML parametreler, etiketlere eklenen ve o etiketin davranışını veya görünümünü belirleyen özelliklerdir. Bir HTML etiketi tek başına yapıyı oluşturur, parametreler ise bu yapının nasıl çalışacağını tanımlar.

HTML parametreleri sayesinde bir etiketin rengi, boyutu, bağlantı adresi, kimliği veya ek özellikleri kontrol edilebilir. Bu nedenle HTML parametreler, etiketlerin tamamlayıcı ve vazgeçilmez bir parçasıdır.

HTML Parametrelerin Yapısı

HTML parametreleri, her zaman açılış etiketi içerisinde yazılır ve genellikle anahtar–değer mantığıyla kullanılır. Parametre adı, eşittir işareti ve değer şeklinde tanımlanır.

Bir etiket birden fazla parametre alabilir. Parametreler, tarayıcıya etiketin nasıl davranacağını bildirir.

En Sık Kullanılan HTML Parametreleri

HTML öğrenirken bazı parametreler neredeyse tüm projelerde kullanılır. Bu parametreleri iyi bilmek, kodlama sürecini ciddi şekilde hızlandırır.

Yaygın kullanılan HTML parametreleri:

  • id → Sayfa içinde benzersiz bir tanımlayıcı oluşturur

  • class → Birden fazla elemana ortak özellik vermek için kullanılır

  • style → Satır içi stil tanımlamak için kullanılır

  • title → Üzerine gelindiğinde açıklama gösterir

  • href → Bağlantı adresini belirtir

  • src → Görsel veya medya dosyasının yolunu tanımlar

Bu parametreler, HTML ile CSS ve JavaScript arasında köprü görevi görür.

ID ve Class Parametreleri Arasındaki Fark

id ve class parametreleri HTML’de en çok kullanılan ve en çok karıştırılan özelliklerdir.

id parametresi:

  • Sayfa içinde yalnızca bir kez kullanılmalıdır

  • Tek bir elementi hedeflemek için idealdir

class parametresi:

  • Birden fazla elementte kullanılabilir

  • Ortak stiller veya davranışlar için tercih edilir

Bu ayrımı doğru yapmak, ileride CSS ve JavaScript kullanımını kolaylaştırır.

Style Parametresi Nedir?

style parametresi, HTML etiketi üzerinde doğrudan stil tanımlamaya yarar. Renk, yazı tipi, boyut gibi görsel özellikler bu parametre ile verilebilir.

Ancak büyük projelerde style parametresinin aşırı kullanımı önerilmez. Bunun yerine CSS dosyalarıyla stil yönetimi yapılması daha doğru bir yaklaşımdır.

HTML Parametrelerinin SEO ve Yapısal Önemi

HTML parametreleri sadece görsellik için değil, sayfanın yapısal kalitesi için de önemlidir. Doğru parametre kullanımı:

  • Arama motorlarının sayfayı daha iyi anlamasını sağlar

  • Kodun okunabilirliğini artırır

  • Erişilebilirliği güçlendirir

  • Sayfa yönetimini kolaylaştırır

Özellikle title, alt, id ve class gibi parametreler SEO açısından dolaylı katkı sağlar.

HTML Parametre Kullanırken Dikkat Edilmesi Gerekenler

HTML parametreleri kullanılırken bazı temel kurallara dikkat edilmelidir:

  • Parametre isimleri doğru yazılmalı

  • Gereksiz parametre kullanımından kaçınılmalı

  • Aynı id değeri tekrar edilmemeli

  • Kod düzeni okunabilir olmalı

Bu kurallar, hem tarayıcı uyumluluğunu hem de proje kalitesini artırır.

HTML parametrelerini öğrendikten sonra artık HTML ile içerikleri biçimlendirme aşamasına geçebiliriz. Metinleri kalınlaştırmak, vurgulamak ve görsel düzen oluşturmak için bir sonraki ders olan HTML Biçimlendirme konusuna geçmek doğru bir adım olacaktır.

? HTML Dersleri 5 – Biçimlendirme
https://cilginyazilim.com/html-dersleri-5-bicimlendirme

Etiketler: