"Geleceğe atılan doğru bir adım..."
Bilgi Eğitim Bilgisayar Kursu Ders Notları

Web Tasarım Kursu - Etiket Tag Seçiciler ve kullanımı

Etiket (Tag ) Seçicisi

Etiket seçicileri aynı türden tüm ögelere (etiketlere), istediğimiz stili uygulamak için kullanılır. :

Örnek :  sayfamızdaki paragraflarda yazı büyüklüğünün 16px, yazı tipinin Arial ve kalın olmasını sağlamamak için, stilimiz aşağıdaki şekilde oluşturulur.

p {

          font-size:16px;

          font-family:Arial;

          font-weight:bold;

}

Bu şekilde etiket seçici kullanıldığında stil özellikleri , sayfa içerisinde bulunan tüm p etiketlerine etki edecektir.

Örnek : Etiket seçici örnek  uygulama

Not : p ve h1 etiketlerine aşağıdaki gibi stil ayarları yapıldığında html sayfamız içerisinde kullanılan tüm h1 ve p etiketleri verilmiş olan stil özelliklerinden etkilenir.

 

<html>

<head>

<title>Css Örnekleri</title>

<styletype="text/css">

  /*p etiketi için stilimizi belirliyoruz*/

p { 

          color:#000080;  /* lacivert renk */

          font-size:12px;  /* 12 pixel yazı puntosu */

}

 

  /*h1 etiketi için stilimizi belirliyoruz*/

  h1 {

          color:#ff0000;  /* kırmızı renk */

          font-size:16px;  /* 16 pixel yazı puntosu */

}

 

</style>

</head>

<body>

<h1>H1 etiketi ile oluşturulmuş başlık </h1>

<p>Burası p etiketi içerisinde yer alan metindir. Bu metin p etiketine verilmiş olan stil özellikleri ile biçimledirilmiştir.</p>

<h1>Başka Bir Başlık</h1>

<p>Burası başka bir p etiketi içerisidir. </p>

</body>

</html>