<html></html> html baslangic
<head>ara kisim yol gosterme site isminin belirtildigi yer</head>
<title>site sol ust kisimdaki adi kimligi</title>
<meta>dil uyarlamasi turkce icin utf-8 formati kullanilir
<body>ana kisim islermler in yapildigi bolum</body>
<table> tablo kodu </table>
<font>yaziyi buyutme kucutme renk verme v.s</font>
<div>besne olusturma en onemli kisim olarak gormekteyim sadece div ve css ile site yapilmasi mumkun</div>
<h1>kisa yoldan belli boyutlarlayazi tipi boyutlandir 1-6 ya kadar gitmekde 1 enbuyuk 6 en kucuk yazi</h1>
<link>farkli dosyadan css yol gostermeye yarar</link>
<style>css html uzerine yazilmasina yarar</style>
Css
Temel bilgi: div'in isimlendirmesindeki class da . Ile yon verilir id de ise # isaretiyle orneklendirmeyle gostericegim body ile tam ekran geneli islenir
Normal div yazildiginda geneline hitap eder
Icine yazilacagi zaman {} suslu zorunludur
Bir ornek ile tamamini gosteriyim
<html>
<head>
<body>
<div id="isim"></div>
<style>
Body {background:black;}
Div {border:1px solid red; = border tablonun css hali px boyut kavrami solid duz anlaminda red derken ise tablo rengi}
#isim {margin:20px; = dis uzaklik heigh:100px; = boy kavrami width:100px; = en kavrami padding:5px; = ice uzaklik . auto eklenirse otomatik heryerden ayni uyarliyorsunuz}-
float: bir sol orta sag tasimaniza yaramakda bir bolumde 3 bolmede yazilar v.s olusturmak istenildiginde kullanilmakda genellikle;
Clear:both;float gibi bir islemi bitirmek istediginizde yazilmasi gereken bir koddur
Text-align:center; metinsel ortalama
Color:renk;
Backgroung:arka plan renk;
Background-image:url(resmin yolu);resim ekleme
</style>
</body>
</head>
</html>
Daha kapsamli istenilirse resimli bir sekilde durumu guncelleye bilirim
<head>ara kisim yol gosterme site isminin belirtildigi yer</head>
<title>site sol ust kisimdaki adi kimligi</title>
<meta>dil uyarlamasi turkce icin utf-8 formati kullanilir
<body>ana kisim islermler in yapildigi bolum</body>
<table> tablo kodu </table>
<font>yaziyi buyutme kucutme renk verme v.s</font>
<div>besne olusturma en onemli kisim olarak gormekteyim sadece div ve css ile site yapilmasi mumkun</div>
<h1>kisa yoldan belli boyutlarlayazi tipi boyutlandir 1-6 ya kadar gitmekde 1 enbuyuk 6 en kucuk yazi</h1>
<link>farkli dosyadan css yol gostermeye yarar</link>
<style>css html uzerine yazilmasina yarar</style>
Css
Temel bilgi: div'in isimlendirmesindeki class da . Ile yon verilir id de ise # isaretiyle orneklendirmeyle gostericegim body ile tam ekran geneli islenir
Normal div yazildiginda geneline hitap eder
Icine yazilacagi zaman {} suslu zorunludur
Bir ornek ile tamamini gosteriyim
<html>
<head>
<body>
<div id="isim"></div>
<style>
Body {background:black;}
Div {border:1px solid red; = border tablonun css hali px boyut kavrami solid duz anlaminda red derken ise tablo rengi}
#isim {margin:20px; = dis uzaklik heigh:100px; = boy kavrami width:100px; = en kavrami padding:5px; = ice uzaklik . auto eklenirse otomatik heryerden ayni uyarliyorsunuz}-
float: bir sol orta sag tasimaniza yaramakda bir bolumde 3 bolmede yazilar v.s olusturmak istenildiginde kullanilmakda genellikle;
Clear:both;float gibi bir islemi bitirmek istediginizde yazilmasi gereken bir koddur
Text-align:center; metinsel ortalama
Color:renk;
Backgroung:arka plan renk;
Background-image:url(resmin yolu);resim ekleme
</style>
</body>
</head>
</html>
Daha kapsamli istenilirse resimli bir sekilde durumu guncelleye bilirim
