Zamanında not defterine kaydetmiştim kendime göre açılım yaptım fakat işinize yarayacak bi makale
<!DOCTYPE html > : Html yazarken en üste yazmamış gereken kod türü.
<html> : Html kodu yazmak için gereken kod türü .
<head> : İndex yazarken en üste yani başda yazan yazıyı simgeleyen kod türü.
<meta> : İstediğimiz yazı tipini yazmak için kullanılan kod türü.
<body> : İşlemlerimizin neredeyse hepsini gerçekleştirdiğimiz adından da belli olan
gövde kısmı .
<p> : Baş harfinden de belli olduğu gibi paragraf yazısı yazmamız gereken kod.
<br> : Bir Satır aşşığı inmek için kullanılan kod türevi.
<hr> : Satırın aşşığı uzun bir çizgi çekmemizi sağlayan kod türevi.
<title> : Genelde başlıklarda kullanılan kalın yazmamız sağlayan kod türevi.
<h1 -6 > : Başlık için kullanılan ve sayısı artıkça boyutu küçülür 6 ya kadan giden kod.
<ul> : Sıralamamış Liste Oluşturmak İçin Kullanılan Kod Türevi
<li> : Adından da bariz olduğu gibi listelemek için <ul> kodunun içine yazarak satırlanızı listeyebilirsiniz.
<ol> : Sıralanmış Liste yazmak için gereken kod türevi.
<a href = "site" > </a> : Belirtilen siteye gitmek için kullanılan kod türü.
<type > : Eklediğiniz bir dosyayı formatını belirten kod türü.
<img src = > : Fotoğraf eklemek için gereken kod türü fotoğrafı uzantısıyla bilgisayarınıza
kaydedip örnek olarak metehan.png olarak yazdığınızda çalışır.
<alt = > : Fotoğraf destelenmediği zaman yazıyı belirten kod türü.
<audio > : Ses eklemek için kullanılan kod türü
<source > : Bitiş etiketi yoktur , ses , resim gibi dosyaları belirtmek için kullanılan
kod türü.
<veido> : İngilizceden kalıplaşmış ismi gibi görüntü eklemek için kullanılan kod türü.
width : İngilizce bir kelimedir Türkçede En,genişlik anlamına gelir.
height : İngilizce bir kelimedir Türkçede Boy,uzunluk anlamına gelir.
<controls > : Veido , ses eklerken bu paramtereyi kullanmanız gerekir,
başlatma , durdurma , ses düzeyini eklemek için gereken kod türü.
<controls autoplay> : Veido yüklediğiniz zaman bu anahtar kelime ile otomatik olarak
başlatan kod türü.
<controls autoplay loop > : Veido döngü haline yani otomatik başlattıktan sonra genişten başlamasını
sağlayan kod türü.
<style> : CSS yazmak için gerekli kod birimi.
<link> : Genelde CSS dosylarını bağlamak için kullanılan kod birimi.
rel = "stylesheet" : Eklemek istediğimiz dosyanın CSS dosyası olduğu belirtmek için kullanılan
kod birimi.
href = : Hangi dosyası alıcağımızı belirtmek ve uzantısı uç birimini yazmak için
kullanılank kod birimi.
font-family : Yazı tipinin şeklini grubu yazmak için kullanılan kod türü.
font-weight : Yazı tipinin kalınlığını - inceliğini ayarlamak için ve ayrı zamanda değer verebilinen kod türü .
font-style : Yazı tipinin stilini değiştirmek için kullanılan kod türü.
font-size : Yazı tipinin büyüklüğünü ayarlamak için kullanılan kod türü.
font : Tek Satırda yazı büyüklüğünü stilini kalınlığını şeklini vs. ayarlamak için kullanılan
kod türü.
padding : Yazının alt - üst ve sağ-sol şeklinde başladığını ayarlamak için kullanılan kod türü.
pixsel (px) şeklinde kullanılır örnek padding 40px
border : Çerçeve yapmak için kullanılan kod birimi .
border-style :Çerçeve stilini ayarlamak için kullanılan kod birimi ,
örnek (border-style : dotted ; ) noktalı çerçeve
örnek (border-style : dashed; ) kesitli çerçeve
örnek (border-style : solid ; ) normal çerçeve
örnek (border-style : ridge ; ) gerçekçi çerçeve
örnek (border-style : groove ; ) gerçekçi çerçeve
border-width :Çerçeve'nin kalınlığı ayarlama için kullanılan kod birimi ,
örnek ;( border-width : 10px ; )
margin adding etiketiyle neredeyse aynı işlevi gören yazının sayfaya uzaklığı ve yakınlığını
düzenlemek için kullanılıan kod türü , örnek ; (margin : 10px
<dive > : Blok oluşturmak için kullanılan kod türü. örnek ; (<dive>Metehan Bey'in Hayatı </dive>)
<span> : Satır içinde yazılarımız vurgulamak (css ile birlikte ) güzelliştirmek için kullanılan kod türü.
rgb : Renklerin birbirine karışık tonlarını düzenleyerek yazıya , bloğa , arka plana vs. eklemek için
kullanılan kod türü örnek ; [ blackground-color :rgb (95,80,60); ]
blackground-image : Arka plan resmini eklemek için kullanılan kod birimi
örnek; [ blackround-image :url(metehan.png); ]
blackground-repeat : Resmin tekrarlanmaması , sağa sola aşşığı yukarı doğru tekrarlanması için
kullanılan kod birimi. Örnek ; ( blackground-repeat : no-repeat ; )
blackground-position : Resmin poziyonunu düzenlemek için (ortada , köşede vs.) gibi ayarlamak için
kullanılan kod birimi örnek ; ( blackground-position :center ; )
blackground-attachment:fixed; : Resmi sayfayı aşşığı doğru da götürseniz sabit kalmasını sağlayan
kod birimi.
<id > : Class'la aynı işlevi görmemektedir fakat idler sadece bir kere kullanılabilir. kullanılım biçimi (#)
<class> :Sınıf oluşturmak için bir sınıfa ait özellik eklemek ve kodlama kolaylık sağlamak için kullanılan kod birimi , kullanım biçimi (.)
first-line : İngilizce Bir kelimedir, İlk satır anlamına gelir CSS'de
kullanılan bir kod türüdür
first-better : İngilizce Bir kelimedir ,İlk harf anlamına gelir CSS'de
kullanılan bir kod türüdür
text-desperation : Yazının altını çizili yapmak için kullanılan kod birimi.
first-child : İngilizce Bir Kelimedir, İlk Çocuk anlamına gelir CSS'de
kullanılan bir kod türüdür.
content :İngilizce Bir Kelimedir, İçerik anlamına gelir CSS'de
kullanılan bir kod türüdür.
nth-child : Belirlediğimiz özellikleri numara halinde veya even yazarak (çift) veya
odd (asal) , yazıya eklenmesini sağlayan kod birimi.
xn+x :nth-child koduyla n kullanılınca örnek olark 2n 2'şerli özellik eklenir veya
3n+5 8'erli daha sonra 11. sıradakinin o özelliği almasını sağlıyor.
hover :Yazının üzerine geldiğinde rengini değiştirmek için kullanılan kod birimi
örnek ; a:hover {
color :red;
}
active :Yazıya basılı tuttuğumuzda rengi düzenlemek için kullanılan kod birimi
örnek ; a:active {
color :blue;
}
visited :Yazıya gömülü linke bastığımızda sayfaya geri döndüğümüzde rengi düzenlemek için kullanılan kod birimi örnek ; a:active {
color :black;
}
list-style-image : Liste yaparken listenin başına resim eklemek için kullanılan kod birimi.
list-style-type : Liste yaparken listenin başındaki şekli değiştirme için kullanılan kod birimi.
list-style-position :Listenin poziyonunu değiştirmek için kullanılan kod birimi.
border-radius :Bloğun köşelerini ayarlamak için kullanılan kod birimi.
linear-gradient :Bloğun içindeki rengi çoklu renk kullanmak için kullanılan kod birimi.
<!DOCTYPE html > : Html yazarken en üste yazmamış gereken kod türü.
<html> : Html kodu yazmak için gereken kod türü .
<head> : İndex yazarken en üste yani başda yazan yazıyı simgeleyen kod türü.
<meta> : İstediğimiz yazı tipini yazmak için kullanılan kod türü.
<body> : İşlemlerimizin neredeyse hepsini gerçekleştirdiğimiz adından da belli olan
gövde kısmı .
<p> : Baş harfinden de belli olduğu gibi paragraf yazısı yazmamız gereken kod.
<br> : Bir Satır aşşığı inmek için kullanılan kod türevi.
<hr> : Satırın aşşığı uzun bir çizgi çekmemizi sağlayan kod türevi.
<title> : Genelde başlıklarda kullanılan kalın yazmamız sağlayan kod türevi.
<h1 -6 > : Başlık için kullanılan ve sayısı artıkça boyutu küçülür 6 ya kadan giden kod.
<ul> : Sıralamamış Liste Oluşturmak İçin Kullanılan Kod Türevi
<li> : Adından da bariz olduğu gibi listelemek için <ul> kodunun içine yazarak satırlanızı listeyebilirsiniz.
<ol> : Sıralanmış Liste yazmak için gereken kod türevi.
<a href = "site" > </a> : Belirtilen siteye gitmek için kullanılan kod türü.
<type > : Eklediğiniz bir dosyayı formatını belirten kod türü.
<img src = > : Fotoğraf eklemek için gereken kod türü fotoğrafı uzantısıyla bilgisayarınıza
kaydedip örnek olarak metehan.png olarak yazdığınızda çalışır.
<alt = > : Fotoğraf destelenmediği zaman yazıyı belirten kod türü.
<audio > : Ses eklemek için kullanılan kod türü
<source > : Bitiş etiketi yoktur , ses , resim gibi dosyaları belirtmek için kullanılan
kod türü.
<veido> : İngilizceden kalıplaşmış ismi gibi görüntü eklemek için kullanılan kod türü.
width : İngilizce bir kelimedir Türkçede En,genişlik anlamına gelir.
height : İngilizce bir kelimedir Türkçede Boy,uzunluk anlamına gelir.
<controls > : Veido , ses eklerken bu paramtereyi kullanmanız gerekir,
başlatma , durdurma , ses düzeyini eklemek için gereken kod türü.
<controls autoplay> : Veido yüklediğiniz zaman bu anahtar kelime ile otomatik olarak
başlatan kod türü.
<controls autoplay loop > : Veido döngü haline yani otomatik başlattıktan sonra genişten başlamasını
sağlayan kod türü.
<style> : CSS yazmak için gerekli kod birimi.
<link> : Genelde CSS dosylarını bağlamak için kullanılan kod birimi.
rel = "stylesheet" : Eklemek istediğimiz dosyanın CSS dosyası olduğu belirtmek için kullanılan
kod birimi.
href = : Hangi dosyası alıcağımızı belirtmek ve uzantısı uç birimini yazmak için
kullanılank kod birimi.
font-family : Yazı tipinin şeklini grubu yazmak için kullanılan kod türü.
font-weight : Yazı tipinin kalınlığını - inceliğini ayarlamak için ve ayrı zamanda değer verebilinen kod türü .
font-style : Yazı tipinin stilini değiştirmek için kullanılan kod türü.
font-size : Yazı tipinin büyüklüğünü ayarlamak için kullanılan kod türü.
font : Tek Satırda yazı büyüklüğünü stilini kalınlığını şeklini vs. ayarlamak için kullanılan
kod türü.
padding : Yazının alt - üst ve sağ-sol şeklinde başladığını ayarlamak için kullanılan kod türü.
pixsel (px) şeklinde kullanılır örnek padding 40px
border : Çerçeve yapmak için kullanılan kod birimi .
border-style :Çerçeve stilini ayarlamak için kullanılan kod birimi ,
örnek (border-style : dotted ; ) noktalı çerçeve
örnek (border-style : dashed; ) kesitli çerçeve
örnek (border-style : solid ; ) normal çerçeve
örnek (border-style : ridge ; ) gerçekçi çerçeve
örnek (border-style : groove ; ) gerçekçi çerçeve
border-width :Çerçeve'nin kalınlığı ayarlama için kullanılan kod birimi ,
örnek ;( border-width : 10px ; )
margin adding etiketiyle neredeyse aynı işlevi gören yazının sayfaya uzaklığı ve yakınlığını
düzenlemek için kullanılıan kod türü , örnek ; (margin : 10px
<dive > : Blok oluşturmak için kullanılan kod türü. örnek ; (<dive>Metehan Bey'in Hayatı </dive>)
<span> : Satır içinde yazılarımız vurgulamak (css ile birlikte ) güzelliştirmek için kullanılan kod türü.
rgb : Renklerin birbirine karışık tonlarını düzenleyerek yazıya , bloğa , arka plana vs. eklemek için
kullanılan kod türü örnek ; [ blackground-color :rgb (95,80,60); ]
blackground-image : Arka plan resmini eklemek için kullanılan kod birimi
örnek; [ blackround-image :url(metehan.png); ]
blackground-repeat : Resmin tekrarlanmaması , sağa sola aşşığı yukarı doğru tekrarlanması için
kullanılan kod birimi. Örnek ; ( blackground-repeat : no-repeat ; )
blackground-position : Resmin poziyonunu düzenlemek için (ortada , köşede vs.) gibi ayarlamak için
kullanılan kod birimi örnek ; ( blackground-position :center ; )
blackground-attachment:fixed; : Resmi sayfayı aşşığı doğru da götürseniz sabit kalmasını sağlayan
kod birimi.
<id > : Class'la aynı işlevi görmemektedir fakat idler sadece bir kere kullanılabilir. kullanılım biçimi (#)
<class> :Sınıf oluşturmak için bir sınıfa ait özellik eklemek ve kodlama kolaylık sağlamak için kullanılan kod birimi , kullanım biçimi (.)
first-line : İngilizce Bir kelimedir, İlk satır anlamına gelir CSS'de
kullanılan bir kod türüdür
first-better : İngilizce Bir kelimedir ,İlk harf anlamına gelir CSS'de
kullanılan bir kod türüdür
text-desperation : Yazının altını çizili yapmak için kullanılan kod birimi.
first-child : İngilizce Bir Kelimedir, İlk Çocuk anlamına gelir CSS'de
kullanılan bir kod türüdür.
content :İngilizce Bir Kelimedir, İçerik anlamına gelir CSS'de
kullanılan bir kod türüdür.
nth-child : Belirlediğimiz özellikleri numara halinde veya even yazarak (çift) veya
odd (asal) , yazıya eklenmesini sağlayan kod birimi.
xn+x :nth-child koduyla n kullanılınca örnek olark 2n 2'şerli özellik eklenir veya
3n+5 8'erli daha sonra 11. sıradakinin o özelliği almasını sağlıyor.
hover :Yazının üzerine geldiğinde rengini değiştirmek için kullanılan kod birimi
örnek ; a:hover {
color :red;
}
active :Yazıya basılı tuttuğumuzda rengi düzenlemek için kullanılan kod birimi
örnek ; a:active {
color :blue;
}
visited :Yazıya gömülü linke bastığımızda sayfaya geri döndüğümüzde rengi düzenlemek için kullanılan kod birimi örnek ; a:active {
color :black;
}
list-style-image : Liste yaparken listenin başına resim eklemek için kullanılan kod birimi.
list-style-type : Liste yaparken listenin başındaki şekli değiştirme için kullanılan kod birimi.
list-style-position :Listenin poziyonunu değiştirmek için kullanılan kod birimi.
border-radius :Bloğun köşelerini ayarlamak için kullanılan kod birimi.
linear-gradient :Bloğun içindeki rengi çoklu renk kullanmak için kullanılan kod birimi.