- Yasaklandı
- #1
I'm the Boss
Ultra Üye
Evet arkadaşlar elimden geldğince sizlerle html dersi veriyor olacağım bu forum için
Temel HTML kullanımını , yazı özeliklerini,form elemanlarını, baklava " < >" lar arasına yazılan özellikerden bahsetcez kısaca
Buyrun başlayalım ;
Öncelikle kod yapımız şu şekildedir
<html>
<head>
Buruya meta komutları , title felan yazılır ( burası görünmez kısım )
</head>
<body>
İşte ne yapcaksak buruya yazıyoruz
<body>
<html> Bu kadar dır arkadaşlar
klasik html ögeleri
<img src="resminyolu.png" width="500" height="100"/>İle resim koyabilir ve Width height parametlerleri ile büyüklükleriyle oynayabilirsiniz
<center>nesneler,mnüler,yazılar</center> ile oluşturacağnız yazacağnız nsneleri ortalarsınız ortada yazdırır
<br/> Komutu ile bi ala inersiniz " World belgesine enter koyup alta geçmek gibi" enter görevi görür
<a href="http://memroyhackers.net" target="_blank">Linke tıkla</a>
Bu kmut ile ekrana bnbi link koyduk üzerine tıklayınca memroyhackersa gitti target blank kodu ilede yeni sekmede açıldı..
Temel paramtreler
Önemli not : her öge her paramtereyi çalıştırcak diye bişey yok mesela linklere büyüklük vs vermessiniz
width="100" veya width="100px" Genişlik ayarı
height="100" veya height="100px" Yükseklik ayarı
align="center" , align="right" align="left" Pozisyon ayarı
color="red" backcolor="blue" Burda ögelerin / yazıların rengini arkaplan rengini ayarlarsınız
style="css kodları" Burda css in yerel kullanımını öğrenmiş olduunuz sadece nesneye ait css oldarını yan yana yazabilirsiniz
title="Ögenin ismi" burda bişey oluşturdunuz ve bbu kodu içine koyduysanız mouse ile üzerine gelince ne olduğunu söyler
1 : Yazı Tipleri , Fontlar
Evet arkadaşlar bir yazıı biçimlemek için onu
<font>Girilcek Metin </font> şeklinde yazarız..
Bunun büyklüğünü , rengini felanda ayalaayabiliriz örneğin :
2: Tablolar , tablo oluşturma
Evet arkadaşlar şimdi en hassa s yer buralar ama ben burda işin mantığını öretiyim size
Html de tablo oluşturmak için <table> etiketini kullanırız
<tr>
ile satır oluşturuz
</tr>
<td>
ilede sütun oluşturuz
</td>
</table> ilede tabloyu bitiriz
Mesela Örnek bi kullanımı
Evet bu örnek te tr ler ile 3 tane sütun ekledik
td ler ile 3 er adet satır ekledik
her bir hücreye genişlik yükseklik verdki
<table> baklavasında border verdik "Çizgiler" ve tablonun toplam obyutunu ayarladık align="center" ile tabloyu ortyaya yerleştirdik
Benden bu kadar tabloları geliştirmek size kalmış
3 : Form ögeleri
Arkadaşlar bunlar daha çok php , javascript te işinizi görür Yani iletişim formu anket ler , Kulanıcı girişi gibi yerlerde kullanılır
<form> Burda hiçbişey olmadı içine koduğumuz şeylerin form elmanı olduğunu belirttik
<input type="button" value="Bana Tıkla" width="?" height="?"> Bu kodla bir buton oluştruruz
<input type="textbox" > Bir textbox oluşturusunuz
<input type="chechkbox" > Bir onay kutusu chechkbox oluştursunuz
<input type="radio" > Radio checkboxu oluşturusunuz
</form>
Evet arkadaşlar Temel Html ögeleri bu kadardı sizle sadece temelleri işledik basit tasarım dersiydi
Eğr işinize yarayan biryer olduysa bir rep veriseniz sevinirim
NOT: Alıntı değildir
Temel HTML kullanımını , yazı özeliklerini,form elemanlarını, baklava " < >" lar arasına yazılan özellikerden bahsetcez kısaca
Buyrun başlayalım ;
Öncelikle kod yapımız şu şekildedir
<html>
<head>
Buruya meta komutları , title felan yazılır ( burası görünmez kısım )
</head>
<body>
İşte ne yapcaksak buruya yazıyoruz
<body>
<html> Bu kadar dır arkadaşlar
klasik html ögeleri
<img src="resminyolu.png" width="500" height="100"/>İle resim koyabilir ve Width height parametlerleri ile büyüklükleriyle oynayabilirsiniz
<center>nesneler,mnüler,yazılar</center> ile oluşturacağnız yazacağnız nsneleri ortalarsınız ortada yazdırır
<br/> Komutu ile bi ala inersiniz " World belgesine enter koyup alta geçmek gibi" enter görevi görür
<a href="http://memroyhackers.net" target="_blank">Linke tıkla</a>
Bu kmut ile ekrana bnbi link koyduk üzerine tıklayınca memroyhackersa gitti target blank kodu ilede yeni sekmede açıldı..
Temel paramtreler
Önemli not : her öge her paramtereyi çalıştırcak diye bişey yok mesela linklere büyüklük vs vermessiniz
width="100" veya width="100px" Genişlik ayarı
height="100" veya height="100px" Yükseklik ayarı
align="center" , align="right" align="left" Pozisyon ayarı
color="red" backcolor="blue" Burda ögelerin / yazıların rengini arkaplan rengini ayarlarsınız
style="css kodları" Burda css in yerel kullanımını öğrenmiş olduunuz
sadece nesneye ait css oldarını yan yana yazabilirsiniz title="Ögenin ismi" burda bişey oluşturdunuz ve bbu kodu içine koyduysanız mouse ile üzerine gelince ne olduğunu söyler
1 : Yazı Tipleri , Fontlar
Evet arkadaşlar bir yazıı biçimlemek için onu
<font>Girilcek Metin </font> şeklinde yazarız..
Bunun büyklüğünü , rengini felanda ayalaayabiliriz örneğin :
Kod:
Kod:
<b> Grilcek yazı</b> Yazıları kalın yazar "bold" dan aklınıza gelsin
Kod:
<i> Grilcek yazı<i/> Yazıları italik yazar
Kod:
<u>Altı çizili yazıyorum</u> yAZILARI ALTI ÇİZİLİ YAZAR
Kod:
<p> Girilcek yazı</p> yazıları paragraf şeklinde yazar bunun yanına bi yazı eklerseniz alta geçer
Kod:
<br> Tarayıcı ekrandında adeta enter görevi görür Yani bi alta geçirir ögeleri
<font color="red" >MemoryHackers</font> Kırmızı bi şekilde Memoryhackers yazar
<font color="red" size="15" >MemoryHackers</font> size komutu ile büyüklüğü ile oynayabiliriz2: Tablolar , tablo oluşturma
Evet arkadaşlar şimdi en hassa s yer buralar ama ben burda işin mantığını öretiyim size
Html de tablo oluşturmak için <table> etiketini kullanırız
<tr>
ile satır oluşturuz
</tr>
<td>
ilede sütun oluşturuz
</td>
</table> ilede tabloyu bitiriz
Mesela Örnek bi kullanımı
Kod:
<table width="800" height="650" align="center" border="1">
<tr>
<td width="100" height="100">Öğrenci no</td>
<td>14</td>
<td>22</td>
<td>36</td>
</tr>
<tr>
<td width="100" height="100">Adı</td>
<td>Ufuk</td>
<td>Üzgünbirey</td>
<td>Darkdays</td>
</tr>
<tr>
Kod:
<td width="100" height="100">sınıf</td>
<td>10 a</td>
<td>11 b</td>
<td>12 c</td>
Kod:
</tr>
</table>td ler ile 3 er adet satır ekledik
her bir hücreye genişlik yükseklik verdki
<table> baklavasında border verdik "Çizgiler" ve tablonun toplam obyutunu ayarladık align="center" ile tabloyu ortyaya yerleştirdik
Benden bu kadar tabloları geliştirmek size kalmış
3 : Form ögeleri
Arkadaşlar bunlar daha çok php , javascript te işinizi görür Yani iletişim formu anket ler , Kulanıcı girişi gibi yerlerde kullanılır
<form> Burda hiçbişey olmadı içine koduğumuz şeylerin form elmanı olduğunu belirttik
<input type="button" value="Bana Tıkla" width="?" height="?"> Bu kodla bir buton oluştruruz
<input type="textbox" > Bir textbox oluşturusunuz
<input type="chechkbox" > Bir onay kutusu chechkbox oluştursunuz
<input type="radio" > Radio checkboxu oluşturusunuz
</form>
Evet arkadaşlar Temel Html ögeleri bu kadardı sizle sadece temelleri işledik basit tasarım dersiydi
Eğr işinize yarayan biryer olduysa bir rep veriseniz sevinirim
NOT: Alıntı değildir
