- Katılım
- 21 Şub 2021
- Mesajlar
- 110
- Tepki
- 102
ilk dersimize hoşgeldiniz bu derste css'e özel dosya oluşturmadan html dosyasının içerisinde kod yazmayı göstereceğim
öncelikle html dosyası oluşturuyoruz
daha sonra <head> </head> tagları arasına <style> etiketini koyuyoruz
daha sonra şimdi ise body kısmına <h1> diyerek bir başlık atayalım
daha sonra style taglarına gelelim ve
diyelim ve html dosyasını açarak bakalım
burada anlattıklarım sitedeki bütün h1 taglarını etkiler nasıl diye sorabilirsiniz şöyle anlatayım:
eğer siz 10 tane daha h1 açarsanız eğer bunların hepsi kırmızı olacaktır.100 tane açsanız yine kırmızı olacaktır
ama siz eğer sadece istediğiniz bir h1'in kırmızı olmasını istiyorsanız ıd veya class vermeniz lazım onuda şöyle yapacaksınız
şimdi bunları style bölümümüze yazalım
oraya eğer class'ı h1 etiketi olanı yazmak isterseniz:
başına nokta koyarsanız eğer bu class'ı h1etiketi olanı etkiler yanı bütün h1'leri etkilemez
eğer İd'si h1etiketi olanı yapmak isterseniz
başına # etiketi koymalısınız.
bu anlattıklarımı bütün taglar için kullanabilirsiniz mesela <p> </p> etiketi için
style bölümüne bunlar
body nin arasına bunlar
bu dersimiz bu kadardı gelecek derste görüşmek üzere hoşçakalın!
öncelikle html dosyası oluşturuyoruz
daha sonra <head> </head> tagları arasına <style> etiketini koyuyoruz
daha sonra şimdi ise body kısmına <h1> diyerek bir başlık atayalım
daha sonra style taglarına gelelim ve
Kod:
h1{
color: red;
}burada anlattıklarım sitedeki bütün h1 taglarını etkiler nasıl diye sorabilirsiniz şöyle anlatayım:
eğer siz 10 tane daha h1 açarsanız eğer bunların hepsi kırmızı olacaktır.100 tane açsanız yine kırmızı olacaktır
ama siz eğer sadece istediğiniz bir h1'in kırmızı olmasını istiyorsanız ıd veya class vermeniz lazım onuda şöyle yapacaksınız
HTML:
<h1 class="h1etiketi">H1 Etiketi</h1>
<h1 id="h1etiket">H1 Etiketi</h1>oraya eğer class'ı h1 etiketi olanı yazmak isterseniz:
Kod:
.h1etiketi{
color: red;
}eğer İd'si h1etiketi olanı yapmak isterseniz
Kod:
#h1etiketi{
color: red;
}bu anlattıklarımı bütün taglar için kullanabilirsiniz mesela <p> </p> etiketi için
style bölümüne bunlar
Kod:
#petiketi{
color: blue;
}
HTML:
<p class="petiketi">H1 Etiketi</p>bu dersimiz bu kadardı gelecek derste görüşmek üzere hoşçakalın!