Acemi Webmasterlar İçin Bilgiler Burada... - Baktabul.CoM, Msn messenger ifadeleri, Avatar, gif, smiley, Resimli Siirler, izle, indir, Komik Resimler, programlar, Resimleri, Haberler

**deliqanli** · 04-17-2007, 19:13

HTML Hakkında Herşey

(1.BÖLÜM)

HTML NEDİR?

İngilizce’si HyperText Markup Language olan Html web sitesi tasarlamak için kullanılan bir dildir. Asıl amacı sahip olunan bilgilerin bir dokümana yazılıp bu dokümanların başka kişilerce okunabilmesini, elde edilebilmesidir.Bu da HyperText (bağlantılı metinler) ile sağlanıyor.Yani sayfanın içindeki bir linkin olması ve bu link ile başka sayfalara erişebilmek anlamına geliyor.

TEMEL HTML TAGLARI VE PARAMETRELERİ

<HTML>
<HEAD>
<TITLE>SAYFA BASLIĞI</TITLE>
</HEAD>
<BODY>

Sayfa içeriği bu bölüme gelir

</BODY>
</HTML>

Bir html sayfasının en sade hali yukarıdaki gibidir.<Html> tagı ile başlar <html> ile biter.<head> </head> tagları arasına meta tagları cssler javascriptler konulur.<title> </title> tagları arasına sayfa başlığı yazılır.<bOdy> </bOdy> tagları arasına sayfada bulunmasını istediğimiz yazı resim vb içeriği yerleştiririz.

BODY Tagının parametleri
<bOdy bgcolor=& background=& text=& link=& alink=& vlink=& leftmargin=& topmargin=& >

* BGCOLOR Arka plan rengini belirler
* BACKGROUND Arka plana resim ekler
* TEXT Yazı rengini belirler
* LINK Sayfadaki linklerin(bağlantıların) rengini belirler
* ALINK Aktif link rengini belirler
* VLINK Ziyaret edilmiş linklerin rengini belirler
* LEFTMARGIN Sayfanın sol ve sağından ne kadar içeriye doğru kayacağını belirler.
* TOPMARGIN Sayfanın üst kısmından ne kadar içeriye doğru kayacağını belirler.

Örnekler

<bOdy bgcolor="red"> veya <bOdy bgcolor="#FF0000">
Arka plan rengini değiştirmek için rengin ingilizce adını (red gibi) yada hexadecimal kodunu (#FF0000 gibi) girmeliyiz. Dikkat ettiyseniz hexadecimal kodu girerken kodun başına # işareti ekliyoruz Eğer kod kullanacaksak bu işareti kullanmalıyız yoksa yanlış olur.

<bOdy background="banner.JPG">
Artalan resim eklemek için bu komutu kullanırız " " iki tırnak işareti arasına resmin bulundugu yeri ,resmin adını ve resmin uzantısını yazarız "banner.JPG" örneğinde banner resmin adı JPG ise resmin uzantısı (türü) resim eğer html belgemiz ile aynı klasörde ise yolu yazmıyoruz
Eğer banner adlı resmimiz resimler klasörü altında ise <bOdy background="resimler/banner.JPG"> şeklinde belirtiyoruz.

<bOdy text="yellow"> yazı rengini sarı yaptık

<bOdy link="blue" alink="red" vlink="#CC33FF"> linkler mavi aktif link kırmızı ziyaret edilmiş linkler mor oldu.

<bOdy leftmargin="50" topmargin="50"> sayfa içeriği kenara yapışık olmadı belirttiğimiz miktarda içeriye kaydı.

META (TANIMLAMA) TAGLARI

* <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-9"> kodu ı,ğ,ş,ç gibi türkçe karakterlerin düzgün çıkması için browsera sayfanın türkçe oldugunu söyler
*

<META NAME="author" CONTENT="Ahmet ÖZDEMİR"> Kodu sayfanın tasarımcı kimliğini gösterir
*

<META NAME="copyright" CONTENT="© 2005 Ahmet ÖZDEMİR"> Kodu sayfanın telif hakkının kime ait olduğunu gösterir.
*

<META NAME="keywords" CONTENT="html,htm,html komutları,html dersleri,html nedir"> Kodu sayfanın hangi kelimeleri içerdiğini gösterir.Bu kod arama motorlarında sitenizin adının geçmesi için çok önemlidir.
*

<META NAME="Description" CONTENT="Sayfanızın Kısa tanıtımını buraya yapın."> Kodu sayfanın kısa tanımı yapılmak için kullanılır
*

<META name="GENERATOR" CONTENT="Microsoft FrontPage 5.0"> Kodu sayfanın hangi editörle yapıldığını gösterir
*

<META NAME="ROBOTS" CONTENT="ALL,FOLLOW,INDEX"> Kodu sayfanızı tüm arama motorlarının veri tabanına kaydolabilme hakkının verilmiş olduğunu gösterir.
*

<META NAME="RATING" CONTENT="GENERAL"> Kodu sitenizin hangi kategoride, sınıfta olduğunu gösterir. GENERAL yazmakla bütün katagoride olduğu belirtilmiş oldu.
*

<META HTTP-equiv="Refresh" content="3RL=http://www.ahmetozdemir.com.tr.tc"> Sayfa açıldıktan 3 saniye sonra belirtilen url’ye gider url’yi aynı sayfa olarak belirtirsek sayfayı 3 saniyede bir yenilemiş oluruz.

YAZI YAZMAK VE BİÇİMLENDİRMEK

* <font face="Arial" size="4" color="green">yazacağımız yazı </font> bu iki tag arasında kalan yazı belirtilen özellikleri alır size büyüklük color yazı rengi face yazı tipini belirler.
* <h&> yazacağımız yazı </h&> iki tag arasında kalan yazının büyüklüğünü belirler size ile aynı görevdedir & işareti yerine 1 den 6 ya kadar olan rakamlar gelebilir rakam büyüdükçe yazı boyutu küçülür
* <center> yazacağımız yazı </center> yazıyı satırın ortasına taşır.
* <p align=left>yazacağımız yazı </p> yazıyı satırın soluna taşır.
* <p align=right>yazacağımız yazı </p> yazıyı satırın sağına taşır.
* <p align=center>yazacağımız yazı </p> yazıyı satırın ortasına taşır <center> </center> tagı ile aynı görevdedir
* <br> yazıyı bir alt satırdan devam ettirmek için <br> tagını kullanırız normal yazı yazar gibi enter ile alt satıra insek bile html belgemizdeki yazı aynı satırda olacaktır bunun için alt satıra geçmek istiyorsak bu etiketi kullanmalıyız
* <p> bu tag’a 2*br diyebiliriz 2 satır alttan devam etmek için bunu kullanırız ayrıca pragraf yapmak içinde bu tagı kullanırız
* NOT: <br> , <p> ve <hr> tagının bitiş tagı yoktur diğer tüm tagların başlangıç ve bitiş tagları bulunur.
* <u>yazacağımız yazı </u> iki tag arasındaki yazı altı çizgili olur
* <i>yazacağımız yazı </i> iki tag arasındaki yazı italik olur
* <b>yazacağımız yazı </b> iki tag arasındaki yazı kalın olur
* <nobr>yazağımız yazı </nobr> yazacağımız metnin tek satırda olmasını istersek bu tagı kullanırız eğer kullanmazsak uzun olan metnimiz sayfanın sonuna gelince otomatik olarak alt satırdan devam eder
* <pre>

YA Z A CAĞ I MI Z YAZ I

</pre> bu iki tag arasındaki yazı aynen çıkar yani enterla alt satıra geçersek ve bu tagı kullanırsak html belgemizdede alt satırda olur tıpkısının aynısı yani
* <blockquote>

yazağımız yazı

<blockquote> bu iki tag arasına yazılan yazı sayfanın hem sağından hemde solundan bir miktar içeri kayar
* <sup>yazacağımız yazı </sup> iki tag arasındaki yazı satırın birazcık üzeride görünür.
* <sub> yazacağımız yazı </sub> iki tag arasındaki yazı satırın birazcık altında görünür.
* <strike>yazacağımız yazı </strike> iki tag arasındaki yazı üstü çizili olur
* <em>yazacağımız yazı </em> vurguyu belirtmek için kullanılır dışarıya biraz eğik çıkar
* <strong>yazacağımız yazı </strong> güçlü vurguyu belirtir dışarıya biraz koyu çıkar
* <code> yazacağımız yazı </code> yasa kural belirten yazılar için kullanılır
* <samp> yazacağımız yazı </samp>
* <var> yazacağımız yazı </var> tam emin olmadığımız yazılar için kullanılır.
* <dfn> yazacağımız yazı </dfn> tanımlama belirten yazılar için kullanılır.
* <cite>yazcağımız yazı </cite> alıntı olan yazıyı belirtmek için kullanılır.
* <small> yazacağımız yazı </small> bu iki tag arasındaki yazı dışarıya çok küçük çıkar.
* <big>yazacağımız yazı </big> bu iki tag arasına yazılan yazı dışarıya çok büyük çıkar.
* <addres>yazağımız yazı </addres> bu iki tag adres belirtmek için kullanılır.
* <kbd> yazacağımız yazı </kbd> bu iki tag arasına yazacağımız yazı keyboard karakterleri gibi görünür.
* <tt>yazacağımız yazı </tt> bu iki tag arasına yazılan yazı daktilo yazısı gibi olur.
* <div align= center | left | right>yazacağımız yazı </div> yazının satırın neresinde görünmesini bu tag ile belirleriz <p align= left | center | right > </p> ile aynı görevdedir
* <hr size="2" width="20" color="yellow">bu tag çizgi çizdirmeye yarar width yatay uzunluğu color rengi size dikey uzunluğu belirler.
* <marquee bgcolor="blue" loop="170" direction= up | down | right | left scrolldelay="100" scrollamount="30" width="400" height="15" behavior="alternate" >
yazıcağımız yazı veya ekleyeceğimiz resim bölümü
</marquee> bgcolor kayan bölgenin arka plan rengini belirler , loop kaç kez kayacağını belirler bunu kullanmazsak sonsuza kadar kayar , direction kayma yönünü belirler up yukarı down aşağı left sola right sağa , scrolldelay kayma hızını belirler sayı arttıkça hız düşer scrollamount zıplayarak gitme hızını belirler sayı arttıkça hız artar ,width kayan bölgenin genişliğini height ise kayan bölgenin yüksekliğini belirler.
*  bu tag kodların düzenli olabilmesi için kullanılır örneğin yazdıgımız kodlar ne işe yarar not düşeriz bu tag ile ve sayfada görünmez.

**deliqanli** · 04-17-2007, 19:16

RESİM EKLEMEK

(2.BÖLÜM)

<img src= "../..../resimadı.uzantısı" width="100" height="200" alt="mause ile resmin üzerine gelince görünecek olan acıklama" align="left | right"> bu tag resim eklemek için kullanılır alt resme açıklama ekler width ile genişliği height ile yüksekliği belirleriz align komutu ile resmin yerini belirleriz yanlız <img src içerisine girilen align center degerini alamaz eger ortalamak istiyorsak bu tagın dışında bildiğimiz <p align=center> <img src= "resim.JPEG"> </p> tagını kullanırız

LİNK VERMEK

* <a href= "iletisim.html" target="_blank">İLETİŞİM</a> Aynı dizindeki bir sayfaya link verme
* <a href= "sayfalar/iletisim.html>İLETİŞİM </a> Farklı bir dizindeki sayfaya link verme
* <a href= "http://www.ahmetozdemir.com.tr.tc" title="Ahmet ÖZDEMİR’in sayfasına gitmek için tıklayınız">DOST SİTE </a> başka bir siteye link verme
* title etiketini kullanırsak link üzerine geldiğimizde etiketin içindeki yazı görünür
* <a href= "mailto:karincapc@yahoo.com?subject=Bir soru sormak istiyorum &bOdy=kısa ve öz olsun">email </a> email linkini bu şekilde veriyoruz ?subject konu baslığını bOdy ise emaili belirtir kişi tıklayınca email başlığı ve içeriği yazılmış olur kullanmak isteğe bağlıdır.
* target: Bağlantının açılacağı pencereyi belirtmek için kullanılır.
o target="_blank" Bağlantı yeni bir pencerede açılır.
o target="_self" Bağlantı aynı pencere içerisinde açılır.
o target="_top" Bağlantı aynı pencere içerisinde en üstten itibaren açılır.
o target="_parent" Açılan bağlantı, o anda açık sayfayı oluşturmuş bir ana sayfa varsa onun yerine konur.
o target="çerçeve adı" Frame komutu ile çerçeve oluşturulmuşsa bağlantının adı verilen çerçevede açılmasını sağlar
* <a href= "sayfa2.html#bas">Başa dön</a>Sayfa içerisinde her hangi bir bölüme link vermek için link uzantısına # işareti ile birlikte sayfa içerisinde gidilecek name yazılır ancak öncesinde name atamak gerek şu şekilde name atanır <a name="bas">HTML NEDİR? </a> sayfadaki Başa dön linkleride sayfa içi linklerdendir
* <a href=ftp://ftp.linux.org.tr>LİNUX FTP </a> ftp linki bu şekilde verilir.
* <A href= "news://news.istanbul.edu.tr">Istanbul Üniversitesi Haber Sunucusu</A> Haber sunucularına bu şekilde link verilir

RENKLER VE İNGİLİZCE KARŞILIKLARI

* Beyaz = FFFFFF
* Sarı = FFFF66
* Kırmızı = FF0000
* Gri = CC9999
* Mavi = 0000FF
* Yeşil = 00FF00
* Siyah = 000000
* Turkuaz = 00FFFF
* Majenta = FF00FF
* Mor = CC33FF
* Açık Mavi = 00CCFF

DAHA FAZLA RENK İÇİN TIKLAYINIZ

RGB ve CMYK KODLU RENKLER İÇİN TIKLAYINIZ

RENK MODELLERİ

RGB (Red, Green, Blue) (Kırmızı, Yeşil, Mavi)
Doğada bütün renkler aslında bizim adına Kırmızı, Yeşil ve Mavi dediğimiz üç ana rengin karışımından meydana gelmişlerdir. Herhangi bir rengin oluşabilmesi için 0 ile 255 arasında bir oran kullanılmalıdır. Ancak bu sayıların mantıklı bir şekilde Web tarayıcısına yollanması gerekir. Bu renk kodlarını html dilinde kullanmak ve Web tarayıcısına yollamak için 16’lık (Hexadecimal) sayı sistemi kullanılmaktadır. İnternet’te yayınlanacak sayfalar için kullanılır.
Max : 72 dpi
Standart : 50 dpi
256*256*256 = 16.400.000 Renk

CMYK (Cyan, Magenta, Yellow, Black)
Baskıya gidecek işler için kullanılır.
Min 00 dpi
100*100*1000*100 = 100.000.000 Renk

LİSTELEME

1. SIRALI LİSTE

Sıralı liste <ol> etiketi ile başlar </ol> etiketi ile biter <li> etiketi listenin maddelerini belirler. type içerisine farklı değerler girerek roma rakamı harf ile sıralamasını sağlayabiliriz , start komutu kaçıncı sayıdan itibaren başlayacağını belirtir.

<ol>
<li>Mercedes
<li>Bmw
<li>Renault
</ol>

Ekran çıktısı şu şekilde olur
1. Mercedes
2. Bmw
3. Renault

<ol type="I">
<li>Mercedes
<li>Bmw
<li>Renault
</ol>

Ekran çıktısı şu şekilde olur
1. Mercedes
2. Bmw
3. Renault

<ol type="A">
<li>Mercedes
<li>Bmw
<li>Renault
</ol>

Ekran çıktısı şu şekilde olur
1. Mercedes
2. Bmw
3. Renault

<ol type="A" start="5">
<li>Mercedes
<li>Bmw
<li>Renault
</ol>

Ekran çıktısı şu şekilde olur
5. Mercedes
6. Bmw
7. Renault

2. SIRASIZ LİSTE

Sırasız liste <ul> etiketi ile başlar </ul> etiketi ile biter <li> etiketi listenin maddelerini belirler. <ul> veya <ol> etiketlerinin içerisine girilen type değeri disc olursa içi dolu daire , circle olursa içi boş çember , square yazarsak köşeli bir nokta olur

<ul>
<li>Mercedes
<li>Bmw
<li>Renault
</ul>

Ekran çıktısı şu şekilde olur
* Mercedes
* Bmw
* Renault

<ol type="circle">
<li>Mercedes
</ol>
<ol type=disc>
<li>Bmw
</ol>
<ol type="square">
<li>Renault
</ol>

Ekran çıktısı şu şekilde olur
1. Mercedes
1. Bmw
1. Renault
3. SIRALI + SIRASIZ LİSTE

<OL type="I">
<li>SAYISAL DERSLER
<ul >
<li>Matematik
<li>Geometri
<li>Fizik
<li>Kimya
<li>Biyoloji
</ul>
<li>SÖZEL DERSLER
<ul >
<li>Türkçe
<li>Tarih
<li>Coğrafya
<li>Felsefe
</ul>
</ol>

Ekran çıktısı şu şekilde olur
1. SAYISAL DERSLER
* Matematik
* Geometri
* Fizik
* Kimya
* Biyoloji
2. SÖZEL DERSLER
* Türkçe
* Tarih
* Coğrafya
* Felsefe

4. TANIMLAMA LİSTESİ

tanımlama listesi <dl> ile başlar </dl> ile biter listenin maddeleri <dt> , <dd> etiketleri arasına yazılır.

<dl>
<dt> WEB PROGRAMLAMA DİLLERİ
<dd>HTML,XML,DHTML,ASP,CSS,JAVASCRİPT,PHP,JSP,PE RL ,CGI
<dt> İŞLETİM SİSTEMLERİ
<dd> WİNDOWS,LINUX,MACOS,UNIX
</dl>

Ekran çıktısı şu şekilde olur

WEB PROGRAMLAMA DİLLERİ
HTML,XML,DHTML,ASP,CSS,JAVASCRİPT,PHP,JSP,PERL,CGI
İŞLETİM SİSTEMLERİ
WİNDOWS,LINUX,MACOS,UNIX

TABLOLAR

* Tablolar <table> ile başlar </table> ile biter yatay hücre oluşturmak için <tr> </tr> taglarını dikey hücre için <td> </td> taglarını kullanırız.
* Border tablonun kenar kalınlığını belirler.
* Bordercolor kenar kalınlığının rengini belirler.
* <table> içerisine yerleştirilen width height tablonun yükseklik ve genişliğini belirler.
* <table> içindeki align ise tablonun tümünü konumlandırır.
* <table> içerisindeki cellpadding hücre içindeki verinin kenara yapışmasını engeller belirtilen miktarda boşluk bırakılır.
* <table> içerindeki cellspacing hücre kenar kalınlığını belirler border ile karıştırmayalım border tablo kenar kalınlığını belirliyor.
* <td> içerisine girilen bgcolor hücrenin rengini belirler bunun yerine background kullanıp hücre arka planına resim ekleyebiliriz.
* <td> içerisine girilen align bildiğimiz gibi yatay hizalamakya yarar left sol right sağ center orta şeceneklerinden birini kullanabiliriz.
* <td> içerisine girdiğimiz valign ise dikey hizalamaya yarar parametreleri top yukarı, middle orta, bottom aşağı hizalar.

<table border="6" bordercolor="red" width="400" height="100" align="left" cellpadding="5" cellspacing="7">
<tr>
<td bgcolor="orange">Matematik</td>
<td align="right">Geometri</td>
<td >Fizik</td>
</tr>
<tr>
<td valign="bottom">Türkçe</td>
<td>Kimya</td>
<td>Biyoloji</td>
</tr>
</table>

Ekran çıktısı şu şekilde olur

Matematik

Geometri

Fizik

Türkçe

Kimya

Biyoloji

**deliqanli** · 04-17-2007, 19:17

(3.BÖLÜM)

Tablodaki hücreleri yatay ve dikey birleştirmek

* Yanyana iki hücreyi birleştirmek

yanyana iki hücreyi birleştirmek için colspan komutunu kullanırız birleştireceğimiz hücrenin içerisine bu komutu ekleriz.

<table border=1 bordercolor=red>
<tr>
<td>bir
<td>iki
<td>üç
</tr>
<tr>
<td colspan=2>dört
<td>beş
</tr>
<tr>
<td>altı
<td>yedi
<td>sekiz
</tr>
</table>

Ekran çıktısı şu şekilde olur

bir

iki

üç

dört

beş

altı

yedi

sekiz

* Altalta iki hücreyi birleştirmek

Altalta iki hücreyi birleştirmek için rowspan komutunu kullanırız birleştirmek istediğimiz hücrenin içerisine bu komutu yerleştiririz.

<table border=1 bordercolor=red>
<tr>
<td>bir
<td>iki
<td>üç
</tr>
<tr>
<td>dört
<td rowspan=2>beş
<td>altı
</tr>
<tr>
<td>yedi
<td>sekiz
</tr>
</table>

Ekran çıktısı şu şekilde olur

bir

iki

üç

dört

beş

altı

yedi

sekiz

FRAMELER (ÇERCEVELER)

* Frame özelliğini birden fazla sayfayı belirli oranlarda tek sayfada birleştirmek için kullanacağız.
* Sonuç olarak ortaya yeni bir sayfa çıkacağı için frame kodlarını temel html tagları olan (bOdy tagı hariç) bir sayfaya yerleştireceğiz.
* <frameset> </frameset> tagları arasına oluşturacağımız sayfaların parçaları girilir
* <frame name="1" src= "cerceve1">frame ile sayfa ekleriz name adını belirler cerceveye link vermek için önemlidir linkler bölümünde görmüştük src ise sayfanın bulundugu yeri sayfanın adını uzantısını belirtir">cols yatay birleştirme oranını rows ise dikey birleştirme oranını belirler
* frameborder kenar kalınlığının olup olmayacağını belirler frameborder="yes| no" yes olursa kenar kalınlığı olur , no olursa kenar kalınlığı olmaz.
* border="3" kenar kalınlığını belirler
* bordercolor="red" kenar kalınlığının rengini belirler
* scrolling kaydırma çubuğunun olup olmayacağını belirler scrolling="yes" kaydırma çubuğu olur , scrolling="no" kaydırma çubuğu olmaz ,scrolling="auto" gerekirse kaydırma çubuğu olur
* marginwidth yatay kenar boşluğunu marginheight üstteki kenar boşluğunu belirler.
* <noframes> </noframes> frame özelliği htmlye sonradan eklendiği için eski browserlar bu teknolojiyi desteklemez ziyaretçinize bu tag ile bilgi verirsiniz.
* Frame konusu biraz karışık gelebilir bu konuda fazlaca deneme yapınız

<html>
<head>
<title>Çerçeveli sayfa</title>
</head>
<frameset cols="50%,50%" rows="50%,50%" frameborder="yes" border="2" bordercolor="green">
<frame name="1" src= "><frame name="2" src= "><frame name="3" src= "><frame name="4" src= "><noframes>Üzgünüm Web tarayıcınız çerçeve teknolojisini desteklemiyor Başka bir tarayıcı ile tekrar giriniz</noframes>

FRAME ÖRNEKLERİNİ İNCELEMEK İÇİN TIKLAYINIZ.

FORMLAR

* <form><textarea rows="5" cols="20" style="backgroundrange" style="font-familyomic sans ms" style="color:green" style="borderstyle:solid;">Yazınızı buraya yazın!</textarea></form> <FORM><TEXTAREA style="BACKGROUND: orange; COLOR: green; FONT-FAMILY: Comic sans ms; borderstyle: solid" rows=5>Yazınızı buraya yazın!
* FORMlar ziyaretçilerimiz ile iletişim kurmak için kullandığımız html’nin güzel özelliklerinden birisidir
* textarea mein alanı oluşturmak için kullanılır rows cols seçenekleri ile dikey ve yatay boyutu belirlenir.
* style="backgroundrange" metin alanımızın arka planını belirler.
* style="font-family:comic sans ms" metin alanındaki yazı tipini belirler.
* style="color:green" metin alanındaki yazı rengini belirler.
* style="borderstyle:solid;" kenar kalınlığı stilini belirler.

* <form><input type="text" size="20" maxlength="21" value="Yazıyı buraya yazınız"></form>
* type=text yatay metin alanı oluşturmak için kullanılır.
* size yatay metin alanının boyutunu belirtir.
* maxlength yatay metin alanına en fazla kaç karakterlik yazı yazılacağını belirler.
* value metin alanına açıklama eklemek için kullanılır.

* <form><input type="password" size="10"></form>
* şifre girilecek yatay metin alanı oluşturmak için kullanılır girilen karakter yıldız şeklinde görünür.

* <form><input type="checkbox" name="isaret"></form>

* type="checkbox" işaret kutucuğu yapmak için kullanılır , name kutucuğun adını belirtir.

* <form><input type="radio" name="isaret"></form>

* type="radio" seçenek kutusu yapmak için kullanılır , name kutucuğun adını belirtir.
* radio ile checkbox arasındaki fark radio ile tek seçim yapılır checkbox ile istediğimiz kadar kutucuğu seçebiliriz.

* <select name=günler size="1">
<option selected >GÜNLER
<option value="Pazartesi">Pazartesi
<option value="Salı">Salı
<option value="Çarşamba">Çarşamba
<option value="Perşembe">Perşembe
<option value="Cuma">Cuma
<option value="Cumartesi">Cumartesi
<option value="Pazar">Pazar
</select>

* Aşağıya doğru açılan seçim kutucuğu oluşturmak için select etiketini kullanırız
* option selected açılan kutunun başlık yazısını belirtir.
* option value seçenek eklemek için kullanılır.
* NOT: input etiketinde olduğu gibi option etiketininde bitiş tagı yoktur , select ve form taglarının bitiş tagı vardır.

* <input type="submit" name="gönder" value="gönder">

* Formun içeriğinin gönderilmesi için gönder butonu ekler.

* <input type="reset" name="sil" value="sil">

* Form üzerinde yapılan işlemleri geri almak yazıan yazıları silmek için sil butonunu ekler.

* <button type="submit" name="gönder" value="gönder"><img src= "grafikler/gonder.jpg">

* Gönder için özel butonunuz varsa bu kodu kullanabilirsiniz.

* <button type="reset" name="sil" value="sil"><img src= "grafikler/sil.jpg">

* Sil için özel butonunuz varsa bu kodu kullanabilirsiniz.

FORMU GÖNDERMEK

* <FORM ACTION="mailto:karincapc@yahoo.com" METHOD=GET>

* Formun içerine eklenen bu kod ile form e posta yoluyla iletilir

SAYFAYA SES VE VİDEO EKLEMEK

* <bgsound src= "">loop kac defa çalınacağını belirtir , volume ses ayarını belirler -10000 ile +10000 arasında değerler alır .
* balance hoparlörün sağ sol dengesini ayarlar -10000 ile +10000 arasında değerler alır.

* <embed src= "gitar">embed komutu sayfaya müzik eklemek için kullanılır autostart değeri false olursa müzik otomatik başlamaz true olursa otomatik başlar
* loop ise kaç defa çalınacağını belirler.
* hidden değeri true olursa ekranda hiçbirşet görünmez sadece ses olur bgsound komutundan farkı kalmaz.

* <embed src= "gitar">embed komutu aynı zamanda sayfaya video eklemek için kullanılır
* videonun buyotunu kendimiz ayarlamak istersek embed etiketi içerisine width ve height değerlerini girebiliriz.

ÖZEL KARAKTERLER

* < <
* > >
* & &
* ® ®
* " "
*   bu kod boşluk 1 karakterlik boşluk bırakır.

**deliqanli** · 04-17-2007, 19:19

Yararlı Siteler

ASP:

ASP İndir - Türkçe ASP Kaynağınız

ASPNedir?com

MaxiASP - [ Türkçe Asp Merkezi ]

ASPTurkiye.com Forum

MaxiASP.Net - Gelecek Çok .Net

http://www.aspdepo.net/

Aspin: ASP Scripts, Applications, Tutorials, ASP hosting

Home : The Official Microsoft ASP.NET 2.0 Site : English

TotalASP - {ASP & ASP.NET Portal}

ASP Today Home

JSP:

JAVAScript İndir - Türkçe JAVAScript Kaynağınız

Jspturk.com Jsp ve Web Tabanlı Programlama Öğrenim ve Paylaşım Sitesi

April's A1 JavaScript(TM) Resources - The home to enhance your website - free javascript, dhtml, tutorials, tools, forum and more

JavaScript Kit- Comprehensive JavaScript, DHTML, CSS tutorials and over 400+ free JavaScripts!

JavaScript City

JavaScript.com (TM) - The Definitive JavaScript Resource: JavaScript Tutorials, Free Java Scripts, Source Code and Other Scripting Resources

CGI - PERL:

CGIScript.net :: Automate your website for less!

The CGI Resource Index

Perlmasters Perl Script and CGI Script Resource Site

CGI and Perl Scripts With Full Resell Rights at SuperScripts.com

The CGI Directory: CGI Scripts, Tutorials, and more.

CGI Extremes - A Perl and CGI Script Resource

PHP:

Türkiye PHP Grubu - Anasayfa

Turk-PHP.com Türkiye'nin Bir Numaralı Programcılık Sitesi...

phpdosyasi.com

PHP: Hypertext Preprocessor

PHPBuilder.com, the best resource for PHP tutorials, templates, PHP manuals, content management systems, scripts, classes and more.

PHP Arşivimiz - Türkçe PHP Kaynağınız

PHPKaynak.com :: PHP Kaynak Portalı-Türkçe PHP ve MySQL Kodları, Web Hosting, Web Sunucular

Ceviz.Net V.4 - Türkçe PHP ASP Perl Font C C++ C# Javascript CSS Photoshop web tasarım Flash Ağ güvenlik Dreamveawer Visual Basic Database Veritabanı Delphi programlama .NET teknikler

codewalkers.com - main page - PHP Help

Templates:

Free Web Templates - Get free website templates and page layouts, flash templates, business templates and more

Free Website Templates

Free Website Templates, Free Photoshop Web Templates, Website Design

Steve's free web page templates

free web templates, free flash and website templates, and free interfaces at webtemplateszone

Script Siteleri:

Free-Scripts.Net ( CGI - PERL )

Hotscripts.com :: The net's largest PHP, CGI, Perl, JavaScript and ASP script collection and resource web portal ( Karışık )

FatScripts.com | Scripts, programs, and tools in PHP, javascript, ASP, Perl, and more. ( Karışık )

ScriptSearch.com: Your Ultimate Resource for JavaScript scripts, source code, php, java, books, examples, help and more! ( Karışık )

Scripts Directory of PHP, ASP, ASP.NET, Java, Javascript, Perl and more! - Scripts ( Karışık )

Need Scripts :: One stop Web Development Resource providing reviews, articles and information related to ASP, ASP.net, PHP, Perl Flash, XML, C ++, HTML Tutorials, Java/JavaScripts and more. Information includes tips & tutorials, scripts, software, ar ( Karışık )

HIOX INDIA FREE SCRIPT, Tutorial, Images and Web master Tool ( PHP - JAVASCRIPT )

Free ASP Scripts, PHP Scripts, Java Scripts, Tools and Utilities - The Script Dungeon ( Karışık )

Perlfect Solutions ( PERL )

Matt's Script Archive, Inc. :: Free Perl CGI Scripts ( CGI - PERL )

Web Scripts Directory - PHP, CGI, Perl, JavaScript, and ASP scripts and programs ( Karışık )

- Script-Archiv.com - Kostenlose Scripts, PHP Scripte ( Karışık )

SiteScripts - PHP Scripts, CGI Scripts, Free Javascript, ASP Scripts and more! ( Karışık )

PHP scripts, ASP, CGI, Perl, JavaScript, and hosted scripts ( Karışık )

WebMasterPoint.org - Webmaster, Programmazione, Manuali, Asp, Php, Html, Flash ( Karışık )

DevPapers - Main page ( Karışık )

Open Source Web Development Tutorials - Dev Shed ( Karışık )

ASP Help, ASP Tutorials, ASP Programming, ASP Code - ASP Free ( ASP )

**zingare** · 04-27-2007, 20:10

Merhaba ben sifirdan bir site yapmak istiyorum. asp ile tek sayfa uzerinden diger alt sayfalari baglama imkani var mi? Ilerideki sayfa karisikligi sorunun engellemek icin anlatabildimmi bilmem

04-17-2007, 19:16	#2
deliqanli Super Moderator Mesajlar: 5.422 Teşekkür Etme: 3.773 2.984 Mesajina 7.125 Defa Tesekkur edildi Tecrübe Puanı: 8696032	Resİm Eklemek RESİM EKLEMEK (2.BÖLÜM) <img src= "../..../resimadı.uzantısı" width="100" height="200" alt="mause ile resmin üzerine gelince görünecek olan acıklama" align="left \| right"> bu tag resim eklemek için kullanılır alt resme açıklama ekler width ile genişliği height ile yüksekliği belirleriz align komutu ile resmin yerini belirleriz yanlız <img src içerisine girilen align center degerini alamaz eger ortalamak istiyorsak bu tagın dışında bildiğimiz <p align=center> <img src= "resim.JPEG"> </p> tagını kullanırız LİNK VERMEK * <a href= "iletisim.html" target="_blank">İLETİŞİM</a> Aynı dizindeki bir sayfaya link verme * <a href= "sayfalar/iletisim.html>İLETİŞİM </a> Farklı bir dizindeki sayfaya link verme * <a href= "http://www.ahmetozdemir.com.tr.tc" title="Ahmet ÖZDEMİR’in sayfasına gitmek için tıklayınız">DOST SİTE </a> başka bir siteye link verme * title etiketini kullanırsak link üzerine geldiğimizde etiketin içindeki yazı görünür * <a href= "mailto:karincapc@yahoo.com?subject=Bir soru sormak istiyorum &bOdy=kısa ve öz olsun">email </a> email linkini bu şekilde veriyoruz ?subject konu baslığını bOdy ise emaili belirtir kişi tıklayınca email başlığı ve içeriği yazılmış olur kullanmak isteğe bağlıdır. * target: Bağlantının açılacağı pencereyi belirtmek için kullanılır. o target="_blank" Bağlantı yeni bir pencerede açılır. o target="_self" Bağlantı aynı pencere içerisinde açılır. o target="_top" Bağlantı aynı pencere içerisinde en üstten itibaren açılır. o target="_parent" Açılan bağlantı, o anda açık sayfayı oluşturmuş bir ana sayfa varsa onun yerine konur. o target="çerçeve adı" Frame komutu ile çerçeve oluşturulmuşsa bağlantının adı verilen çerçevede açılmasını sağlar * <a href= "sayfa2.html#bas">Başa dön</a>Sayfa içerisinde her hangi bir bölüme link vermek için link uzantısına # işareti ile birlikte sayfa içerisinde gidilecek name yazılır ancak öncesinde name atamak gerek şu şekilde name atanır <a name="bas">HTML NEDİR? </a> sayfadaki Başa dön linkleride sayfa içi linklerdendir * <a href=ftp://ftp.linux.org.tr>LİNUX FTP </a> ftp linki bu şekilde verilir. * <A href= "news://news.istanbul.edu.tr">Istanbul Üniversitesi Haber Sunucusu</A> Haber sunucularına bu şekilde link verilir RENKLER VE İNGİLİZCE KARŞILIKLARI * Beyaz = FFFFFF * Sarı = FFFF66 * Kırmızı = FF0000 * Gri = CC9999 * Mavi = 0000FF * Yeşil = 00FF00 * Siyah = 000000 * Turkuaz = 00FFFF * Majenta = FF00FF * Mor = CC33FF * Açık Mavi = 00CCFF DAHA FAZLA RENK İÇİN TIKLAYINIZ RGB ve CMYK KODLU RENKLER İÇİN TIKLAYINIZ RENK MODELLERİ RGB (Red, Green, Blue) (Kırmızı, Yeşil, Mavi) Doğada bütün renkler aslında bizim adına Kırmızı, Yeşil ve Mavi dediğimiz üç ana rengin karışımından meydana gelmişlerdir. Herhangi bir rengin oluşabilmesi için 0 ile 255 arasında bir oran kullanılmalıdır. Ancak bu sayıların mantıklı bir şekilde Web tarayıcısına yollanması gerekir. Bu renk kodlarını html dilinde kullanmak ve Web tarayıcısına yollamak için 16’lık (Hexadecimal) sayı sistemi kullanılmaktadır. İnternet’te yayınlanacak sayfalar için kullanılır. Max : 72 dpi Standart : 50 dpi 256256256 = 16.400.000 Renk CMYK (Cyan, Magenta, Yellow, Black) Baskıya gidecek işler için kullanılır. Min 00 dpi 1001001000100 = 100.000.000 Renk LİSTELEME 1. SIRALI LİSTE Sıralı liste <ol> etiketi ile başlar </ol> etiketi ile biter <li> etiketi listenin maddelerini belirler. type içerisine farklı değerler girerek roma rakamı harf ile sıralamasını sağlayabiliriz , start komutu kaçıncı sayıdan itibaren başlayacağını belirtir. <ol> <li>Mercedes <li>Bmw <li>Renault </ol> Ekran çıktısı şu şekilde olur 1. Mercedes 2. Bmw 3. Renault <ol type="I"> <li>Mercedes <li>Bmw <li>Renault </ol> Ekran çıktısı şu şekilde olur 1. Mercedes 2. Bmw 3. Renault <ol type="A"> <li>Mercedes <li>Bmw <li>Renault </ol> Ekran çıktısı şu şekilde olur 1. Mercedes 2. Bmw 3. Renault <ol type="A" start="5"> <li>Mercedes <li>Bmw <li>Renault </ol> Ekran çıktısı şu şekilde olur 5. Mercedes 6. Bmw 7. Renault 2. SIRASIZ LİSTE Sırasız liste <ul> etiketi ile başlar </ul> etiketi ile biter <li> etiketi listenin maddelerini belirler. <ul> veya <ol> etiketlerinin içerisine girilen type değeri disc olursa içi dolu daire , circle olursa içi boş çember , square yazarsak köşeli bir nokta olur <ul> <li>Mercedes <li>Bmw <li>Renault </ul> Ekran çıktısı şu şekilde olur Mercedes * Bmw * Renault <ol type="circle"> <li>Mercedes </ol> <ol type=disc> <li>Bmw </ol> <ol type="square"> <li>Renault </ol> Ekran çıktısı şu şekilde olur 1. Mercedes 1. Bmw 1. Renault 3. SIRALI + SIRASIZ LİSTE <OL type="I"> <li>SAYISAL DERSLER <ul > <li>Matematik <li>Geometri <li>Fizik <li>Kimya <li>Biyoloji </ul> <li>SÖZEL DERSLER <ul > <li>Türkçe <li>Tarih <li>Coğrafya <li>Felsefe </ul> </ol> Ekran çıktısı şu şekilde olur 1. SAYISAL DERSLER * Matematik * Geometri * Fizik * Kimya * Biyoloji 2. SÖZEL DERSLER * Türkçe * Tarih * Coğrafya * Felsefe 4. TANIMLAMA LİSTESİ tanımlama listesi <dl> ile başlar </dl> ile biter listenin maddeleri <dt> , <dd> etiketleri arasına yazılır. <dl> <dt> WEB PROGRAMLAMA DİLLERİ <dd>HTML,XML,DHTML,ASP,CSS,JAVASCRİPT,PHP,JSP,PE RL ,CGI <dt> İŞLETİM SİSTEMLERİ <dd> WİNDOWS,LINUX,MACOS,UNIX </dl> Ekran çıktısı şu şekilde olur WEB PROGRAMLAMA DİLLERİ HTML,XML,DHTML,ASP,CSS,JAVASCRİPT,PHP,JSP,PERL,CGI İŞLETİM SİSTEMLERİ WİNDOWS,LINUX,MACOS,UNIX TABLOLAR * Tablolar <table> ile başlar </table> ile biter yatay hücre oluşturmak için <tr> </tr> taglarını dikey hücre için <td> </td> taglarını kullanırız. * Border tablonun kenar kalınlığını belirler. * Bordercolor kenar kalınlığının rengini belirler. * <table> içerisine yerleştirilen width height tablonun yükseklik ve genişliğini belirler. * <table> içindeki align ise tablonun tümünü konumlandırır. * <table> içerisindeki cellpadding hücre içindeki verinin kenara yapışmasını engeller belirtilen miktarda boşluk bırakılır. * <table> içerindeki cellspacing hücre kenar kalınlığını belirler border ile karıştırmayalım border tablo kenar kalınlığını belirliyor. * <td> içerisine girilen bgcolor hücrenin rengini belirler bunun yerine background kullanıp hücre arka planına resim ekleyebiliriz. * <td> içerisine girilen align bildiğimiz gibi yatay hizalamakya yarar left sol right sağ center orta şeceneklerinden birini kullanabiliriz. * <td> içerisine girdiğimiz valign ise dikey hizalamaya yarar parametreleri top yukarı, middle orta, bottom aşağı hizalar. <table border="6" bordercolor="red" width="400" height="100" align="left" cellpadding="5" cellspacing="7"> <tr> <td bgcolor="orange">Matematik</td> <td align="right">Geometri</td> <td >Fizik</td> </tr> <tr> <td valign="bottom">Türkçe</td> <td>Kimya</td> <td>Biyoloji</td> </tr> </table> Ekran çıktısı şu şekilde olur Matematik Geometri Fizik Türkçe Kimya Biyoloji

04-17-2007, 19:19	#4
deliqanli Super Moderator Mesajlar: 5.422 Teşekkür Etme: 3.773 2.984 Mesajina 7.125 Defa Tesekkur edildi Tecrübe Puanı: 8696032	Yararlı Siteler Yararlı Siteler ASP: ASP İndir - Türkçe ASP Kaynağınız ASPNedir?com MaxiASP - [ Türkçe Asp Merkezi ] ASPTurkiye.com Forum MaxiASP.Net - Gelecek Çok .Net http://www.aspdepo.net/ Aspin: ASP Scripts, Applications, Tutorials, ASP hosting Home : The Official Microsoft ASP.NET 2.0 Site : English TotalASP - {ASP & ASP.NET Portal} ASP Today Home JSP: JAVAScript İndir - Türkçe JAVAScript Kaynağınız Jspturk.com Jsp ve Web Tabanlı Programlama Öğrenim ve Paylaşım Sitesi April's A1 JavaScript(TM) Resources - The home to enhance your website - free javascript, dhtml, tutorials, tools, forum and more JavaScript Kit- Comprehensive JavaScript, DHTML, CSS tutorials and over 400+ free JavaScripts! JavaScript City JavaScript.com (TM) - The Definitive JavaScript Resource: JavaScript Tutorials, Free Java Scripts, Source Code and Other Scripting Resources CGI - PERL: CGIScript.net :: Automate your website for less! The CGI Resource Index Perlmasters Perl Script and CGI Script Resource Site CGI and Perl Scripts With Full Resell Rights at SuperScripts.com The CGI Directory: CGI Scripts, Tutorials, and more. CGI Extremes - A Perl and CGI Script Resource PHP: Türkiye PHP Grubu - Anasayfa Turk-PHP.com Türkiye'nin Bir Numaralı Programcılık Sitesi... phpdosyasi.com PHP: Hypertext Preprocessor PHPBuilder.com, the best resource for PHP tutorials, templates, PHP manuals, content management systems, scripts, classes and more. PHP Arşivimiz - Türkçe PHP Kaynağınız PHPKaynak.com :: PHP Kaynak Portalı-Türkçe PHP ve MySQL Kodları, Web Hosting, Web Sunucular Ceviz.Net V.4 - Türkçe PHP ASP Perl Font C C++ C# Javascript CSS Photoshop web tasarım Flash Ağ güvenlik Dreamveawer Visual Basic Database Veritabanı Delphi programlama .NET teknikler codewalkers.com - main page - PHP Help Templates: Free Web Templates - Get free website templates and page layouts, flash templates, business templates and more Free Website Templates Free Website Templates, Free Photoshop Web Templates, Website Design Steve's free web page templates free web templates, free flash and website templates, and free interfaces at webtemplateszone Script Siteleri: Free-Scripts.Net ( CGI - PERL ) Hotscripts.com :: The net's largest PHP, CGI, Perl, JavaScript and ASP script collection and resource web portal ( Karışık ) FatScripts.com \| Scripts, programs, and tools in PHP, javascript, ASP, Perl, and more. ( Karışık ) ScriptSearch.com: Your Ultimate Resource for JavaScript scripts, source code, php, java, books, examples, help and more! ( Karışık ) Scripts Directory of PHP, ASP, ASP.NET, Java, Javascript, Perl and more! - Scripts ( Karışık ) Need Scripts :: One stop Web Development Resource providing reviews, articles and information related to ASP, ASP.net, PHP, Perl Flash, XML, C ++, HTML Tutorials, Java/JavaScripts and more. Information includes tips & tutorials, scripts, software, ar ( Karışık ) HIOX INDIA FREE SCRIPT, Tutorial, Images and Web master Tool ( PHP - JAVASCRIPT ) Free ASP Scripts, PHP Scripts, Java Scripts, Tools and Utilities - The Script Dungeon ( Karışık ) Perlfect Solutions ( PERL ) Matt's Script Archive, Inc. :: Free Perl CGI Scripts ( CGI - PERL ) Web Scripts Directory - PHP, CGI, Perl, JavaScript, and ASP scripts and programs ( Karışık ) - Script-Archiv.com - Kostenlose Scripts, PHP Scripte ( Karışık ) SiteScripts - PHP Scripts, CGI Scripts, Free Javascript, ASP Scripts and more! ( Karışık ) PHP scripts, ASP, CGI, Perl, JavaScript, and hosted scripts ( Karışık ) WebMasterPoint.org - Webmaster, Programmazione, Manuali, Asp, Php, Html, Flash ( Karışık ) DevPapers - Main page ( Karışık ) Open Source Web Development Tutorials - Dev Shed ( Karışık ) ASP Help, ASP Tutorials, ASP Programming, ASP Code - ASP Free ( ASP ) Konu deliqanli tarafından (04-17-2007 Saat 19:28 ) de değistirilmistir..

Konu Seçenekleri
Yazdırılabilir Sümü Göster Sayfayı E-Mail'le gönder
Modları Göster
Normal Mod Ağaç Modununa Geç Otomatik Konu Moduna Geç

Okuduğunuz Konuya Benzer Konular
Konu	Konuyu Açan	Forum	Cevaplar	Son Mesaj
Acemi Moderatör ...Çok Şükür Bizim Moderatörler Acemi Değil...	zuzuu	Komik Karikatürler	26	09-08-2008 21:31
Burada Tenis Oynamak İçin Yürek Gerekir...	SeLeNnnn	Ilginc Garip Enterasan Seyler	5	08-29-2008 12:34
Webmasterlar İçin İpuçları	Safak	Webmaster	0	07-17-2007 19:27
Motorola MPX 200 Serisi İçin Temel Bilgiler	CaNDy'S	Motorola Samsung	4	12-04-2006 00:40
Webmasterlar İçin bazi ipuçları	Leon	Webmaster	3	12-01-2006 06:12

04-17-2007, 19:17	#3
deliqanli Super Moderator Mesajlar: 5.422 Teşekkür Etme: 3.773 2.984 Mesajina 7.125 Defa Tesekkur edildi Tecrübe Puanı: 8696032	(3.BÖLÜM) Tablodaki hücreleri yatay ve dikey birleştirmek * Yanyana iki hücreyi birleştirmek yanyana iki hücreyi birleştirmek için colspan komutunu kullanırız birleştireceğimiz hücrenin içerisine bu komutu ekleriz. <table border=1 bordercolor=red> <tr> <td>bir <td>iki <td>üç </tr> <tr> <td colspan=2>dört <td>beş </tr> <tr> <td>altı <td>yedi <td>sekiz </tr> </table> Ekran çıktısı şu şekilde olur bir iki üç dört beş altı yedi sekiz * Altalta iki hücreyi birleştirmek Altalta iki hücreyi birleştirmek için rowspan komutunu kullanırız birleştirmek istediğimiz hücrenin içerisine bu komutu yerleştiririz. <table border=1 bordercolor=red> <tr> <td>bir <td>iki <td>üç </tr> <tr> <td>dört <td rowspan=2>beş <td>altı </tr> <tr> <td>yedi <td>sekiz </tr> </table> Ekran çıktısı şu şekilde olur bir iki üç dört beş altı yedi sekiz FRAMELER (ÇERCEVELER) * Frame özelliğini birden fazla sayfayı belirli oranlarda tek sayfada birleştirmek için kullanacağız. * Sonuç olarak ortaya yeni bir sayfa çıkacağı için frame kodlarını temel html tagları olan (bOdy tagı hariç) bir sayfaya yerleştireceğiz. * <frameset> </frameset> tagları arasına oluşturacağımız sayfaların parçaları girilir * <frame name="1" src= "cerceve1">frame ile sayfa ekleriz name adını belirler cerceveye link vermek için önemlidir linkler bölümünde görmüştük src ise sayfanın bulundugu yeri sayfanın adını uzantısını belirtir">cols yatay birleştirme oranını rows ise dikey birleştirme oranını belirler * frameborder kenar kalınlığının olup olmayacağını belirler frameborder="yes\| no" yes olursa kenar kalınlığı olur , no olursa kenar kalınlığı olmaz. * border="3" kenar kalınlığını belirler * bordercolor="red" kenar kalınlığının rengini belirler * scrolling kaydırma çubuğunun olup olmayacağını belirler scrolling="yes" kaydırma çubuğu olur , scrolling="no" kaydırma çubuğu olmaz ,scrolling="auto" gerekirse kaydırma çubuğu olur * marginwidth yatay kenar boşluğunu marginheight üstteki kenar boşluğunu belirler. * <noframes> </noframes> frame özelliği htmlye sonradan eklendiği için eski browserlar bu teknolojiyi desteklemez ziyaretçinize bu tag ile bilgi verirsiniz. * Frame konusu biraz karışık gelebilir bu konuda fazlaca deneme yapınız <html> <head> <title>Çerçeveli sayfa</title> </head> <frameset cols="50%,50%" rows="50%,50%" frameborder="yes" border="2" bordercolor="green"> <frame name="1" src= "><frame name="2" src= "><frame name="3" src= "><frame name="4" src= "><noframes>Üzgünüm Web tarayıcınız çerçeve teknolojisini desteklemiyor Başka bir tarayıcı ile tekrar giriniz</noframes> FRAME ÖRNEKLERİNİ İNCELEMEK İÇİN TIKLAYINIZ. FORMLAR * <form><textarea rows="5" cols="20" style="backgroundrange" style="font-familyomic sans ms" style="color:green" style="borderstyle:solid;">Yazınızı buraya yazın!</textarea></form> <FORM><TEXTAREA style="BACKGROUND: orange; COLOR: green; FONT-FAMILY: Comic sans ms; borderstyle: solid" rows=5>Yazınızı buraya yazın! * FORMlar ziyaretçilerimiz ile iletişim kurmak için kullandığımız html’nin güzel özelliklerinden birisidir * textarea mein alanı oluşturmak için kullanılır rows cols seçenekleri ile dikey ve yatay boyutu belirlenir. * style="backgroundrange" metin alanımızın arka planını belirler. * style="font-family:comic sans ms" metin alanındaki yazı tipini belirler. * style="color:green" metin alanındaki yazı rengini belirler. * style="borderstyle:solid;" kenar kalınlığı stilini belirler. * <form><input type="text" size="20" maxlength="21" value="Yazıyı buraya yazınız"></form> * type=text yatay metin alanı oluşturmak için kullanılır. * size yatay metin alanının boyutunu belirtir. * maxlength yatay metin alanına en fazla kaç karakterlik yazı yazılacağını belirler. * value metin alanına açıklama eklemek için kullanılır. * <form><input type="password" size="10"></form> * şifre girilecek yatay metin alanı oluşturmak için kullanılır girilen karakter yıldız şeklinde görünür. * <form><input type="checkbox" name="isaret"></form> * type="checkbox" işaret kutucuğu yapmak için kullanılır , name kutucuğun adını belirtir. * <form><input type="radio" name="isaret"></form> * type="radio" seçenek kutusu yapmak için kullanılır , name kutucuğun adını belirtir. * radio ile checkbox arasındaki fark radio ile tek seçim yapılır checkbox ile istediğimiz kadar kutucuğu seçebiliriz. * <select name=günler size="1"> <option selected >GÜNLER <option value="Pazartesi">Pazartesi <option value="Salı">Salı <option value="Çarşamba">Çarşamba <option value="Perşembe">Perşembe <option value="Cuma">Cuma <option value="Cumartesi">Cumartesi <option value="Pazar">Pazar </select> * Aşağıya doğru açılan seçim kutucuğu oluşturmak için select etiketini kullanırız * option selected açılan kutunun başlık yazısını belirtir. * option value seçenek eklemek için kullanılır. * NOT: input etiketinde olduğu gibi option etiketininde bitiş tagı yoktur , select ve form taglarının bitiş tagı vardır. * <input type="submit" name="gönder" value="gönder"> * Formun içeriğinin gönderilmesi için gönder butonu ekler. * <input type="reset" name="sil" value="sil"> * Form üzerinde yapılan işlemleri geri almak yazıan yazıları silmek için sil butonunu ekler. * <button type="submit" name="gönder" value="gönder"><img src= "grafikler/gonder.jpg"> * Gönder için özel butonunuz varsa bu kodu kullanabilirsiniz. * <button type="reset" name="sil" value="sil"><img src= "grafikler/sil.jpg"> * Sil için özel butonunuz varsa bu kodu kullanabilirsiniz. FORMU GÖNDERMEK * <FORM ACTION="mailto:karincapc@yahoo.com" METHOD=GET> * Formun içerine eklenen bu kod ile form e posta yoluyla iletilir SAYFAYA SES VE VİDEO EKLEMEK * <bgsound src= "">loop kac defa çalınacağını belirtir , volume ses ayarını belirler -10000 ile +10000 arasında değerler alır . * balance hoparlörün sağ sol dengesini ayarlar -10000 ile +10000 arasında değerler alır. * <embed src= "gitar">embed komutu sayfaya müzik eklemek için kullanılır autostart değeri false olursa müzik otomatik başlamaz true olursa otomatik başlar * loop ise kaç defa çalınacağını belirler. * hidden değeri true olursa ekranda hiçbirşet görünmez sadece ses olur bgsound komutundan farkı kalmaz. * <embed src= "gitar">embed komutu aynı zamanda sayfaya video eklemek için kullanılır * videonun buyotunu kendimiz ayarlamak istersek embed etiketi içerisine width ve height değerlerini girebiliriz. ÖZEL KARAKTERLER * < < * > > * & & * ® ® * " " *   bu kod boşluk 1 karakterlik boşluk bırakır.

04-27-2007, 20:10	#5
zingare yabanci Mesajlar: 1 Teşekkür Etme: 0 0 Mesajina 0 Defa Tesekkur edildi Tecrübe Puanı: 0	Merhaba ben sifirdan bir site yapmak istiyorum. asp ile tek sayfa uzerinden diger alt sayfalari baglama imkani var mi? Ilerideki sayfa karisikligi sorunun engellemek icin anlatabildimmi bilmem