|
HTML DERSLERi
Web sayfasında genel kod yapısı şu şekildedir:
<html> <head> <title>Burada Explorer başlığında görünecek yazı yer alır</title> </head> <body> Sitenizde olması gereken herşey burada yeralır </body> </html> <HTML> </HTML> Web sayfasında kodlar <html> kodu ile başlar </html> kodu ile biter. Diğer tüm kodlar bu iki kod arasında yer alır. <HEAD> </HEAD> <head> kodu ile başlar, </head> kodu ile biter. Sitenin adının yer aldığı Title'lın, Meta Tag denilen arama motorlarında bulunmanızı kolaylaştıran yazıların yazıldığı yerdir. <TITLE> </TITLE> <title> kodu ile başlar, </title> kodu ile biter. Her sitenin bir adı olması gerekir. Örneğin; <title> PcTeknikZone </title> Bu isim insanların sitenizi bulmasında yardımcı olur. Çünkü sitenizi ararken ismiyle ararlar... (Ayrıca şunu belirtmekte fayda görüyorum ki; title kodu içine yazdıklarınız web sayfası tarayıcınızın başlığı olarak gözükür. Örneğin internet explorer da en üstte başlık kısmında yer alan yazı yani "::PC TekniK ZonE Forum ::" gibi.. <BODY> </BODY> <body> kodu ile başlar, </body> kodu ile biter. Burası web sayfanızda olmasını istediğiniz yazı ve resimlerin bulunduğu bölümdür. Bu kodları deneyebileceğimiz en kolay yer NOT DEFTERİdir. Şimdi; Programlar>Donatılar>Not defteri ni açın ve aşağıdaki örneği yazın. <html> <head> <title> ilk sayfam </title> </head> <body> HTML kodlarını öğreniyorum. </body> </html> ipucu: bu kodlar arasında tek boşluktan fazlasını space yada enter tusları ile yapamazsınız. Bunun için kodlar kullanılır. Bu kodları şimdilik kafanızın karışmaması için kullanmayacağız. Bu dökümanı; ulaşımda kolaylık sağlaması için, masaüstüne yeni bir klasör açarak index ismiyle kaydedin ve kapatın. Tekrar bu dökümanı açın. Hiçbir değişiklik olmadığını göreceksiniz. Çünkü henüz bu dökümanı htm ye çevirmedik. Bu işlemi gerçekleştirmek için Dosya menüsünden farklı kaydet seçeneğini tıklayın ve index.htm yada index.html ismiyle aynı klasöre kaydedin. Şimdi de yeni kaydettiğiniz sayfayı açarak gözlem yapın. Artık bir web sayfası görünümünde olduğunu fark edeceksiniz. <FONT> </FONT> Sayfada yazıların yazıldığı kodlar <font> kodu ile başlar, </font> kodu ile biter. Bu kodların içinde kullanılan komutlar şunlardır: SIZE : Yazının büyüklük ayarlaması için kullanılan komuttur. FACE : Yazı tipinin ayarlanması için kullanılan komuttur. COLOR : Yazının renk ayarlaması için kullanılan komuttur. Bir denem ile bunları kavrayalım: <html> <head> <title> ilk sayfam </title> </head> <body> <font size=”4” face=”verdana” color=”blue”> HTML kodlarını öğreniyorum. </font> </body> </html> Görüldüğü gibi komutlar; “<font “ dan hemen sonra, yani “<font” kodunu “ >” ile tamamlamadan önce yazılıyor. Yapmak istediğimiz ayarlar çift tırnak yani “ “ arasında yazılıyor ve komuta = işareti ile atanıyor. Ayarlamalar bittikten sonra > işaretimizi yazabiliriz. Bu işlemden sonra yazmak istediğimiz yazıyı yazıp, </font> komutu ile kapatmalıyız. Renk ayarlarında rengin ismini yazabileceğiniz gibi hexadecimal kodunu yazarak ta daha ince ayarlamaları yapabilirsiniz. |
Satırbaşı yapmak
<br> Klavyede yazarken alt satıra inmek için enter tuşunu kullanıyorsunuz. Ama web sayfası hazırlarken bu işe yaramaz. Alt satıra inmek istediğinizi sizin kod yazarak belirtmeniz gerekir. <br> yazdığınız zaman, yazınızı satırbaşı yapmadan yazmış olsanız bile, yazınız web sayfanızda satırbaşı yapılmış olarak görünür. Bu komutu "/" işareti ile kapatmak zorunlu değildir. paragraf yapmak <p> Paragraf yapmak için kullanılır. Paragraf, Hem satırbaşı hem de bir satır boşluk olması demektir. Bu komutu "/" işareti ile kapatmak zorunlu değildir. Yazının sola dayalı olması için: <p>Yazınızı buraya yazacaksınız</p> Yazının ortada olması için: <p align=center>Yazınızı buraya yazacaksınız</p> Yazının sağa dayalı olması için: <p align=right>Yazınızı buraya yazacaksınız</p> Kalın (Bold) yazı <b>Yazınızı buraya yazacaksınız</b> Eğik (İtalik) yazı <i>Yazınızı buraya yazacaksınız</i> Altı çizgili (underline) yazı <u>Yazınızı buraya yazacaksınız</u> Ama dikkat etmeniz gereken bir şey var. Biliyorsunuz, link verilen kelimelerin de altı çizgili oluyor. Yani altı çizgili bir kelime gördüğümüzde aklımıza gelen şey başka bir sayfaya gidecek olmamız... Siz link vermediğiniz kelimeleri altı çizgili yaparsanız, insanları yanıltmış olacaksınız. Onun için dikkat edin ... Peki... Hem kalın hem eğik yazmak istersek ne yapacağız? O zaman her iki kodu da peş peşe kullanacağız. <b><i> Yazınızı buraya yazacaksınız</i></b> Yani ne kadar özellik vermek istiyorsak onların hepsini kod olarak peş peşe yazabiliriz. Ama kodları kapatmayı hiçbir zaman unutmayın. Resimleri sayfamıza yerleştirmeye yarayan etiketimiz img src="resmin adı" etiketidir. Tırnak işaretlerinin arasına koyacağımız resmin adını yazarız. Şimdi bunu bir örnekle gösterelim: <html> <head> <title>Sayfada Resim </title> </head> <body> <img src="cicek.jpg"> </body> </html> Resmin ortaya hizalanması <img src="cicek.jpg align="center"> Resmin sağa hizalanması <img src="cicek.jpg" align="right"> Resmimizin boyutlarını da belirleyebiliriz. Bunun için resmin genişliğini ve yüksekliğini yazmamız gerekir. "width=230 height=252" etiketlerini kodumuza ekleriz. <img src="cicek.jpg" width=230 height=252> Resmin üzerine gelince görünen yazı Mouse'umuzu yani faremizi sayfamızdaki bir resmin ya da grafik unsurun üstüne getirdiğimizde görünen açıklama metni koyabiliriz. Bu metinde resmin adı, sitemiz hakkında bilgi bulunabilir. <img src="cicek.jpg" width=230 height=252 alt="web siteme hoş geldiniz "> hatırlatma: Resimlerimiz ile .htm dosyalarımız aynı klasörde olmalı. Yoksa resimlerimiz gözükmez. Onun yerine bir çarpı işareti görmekte pek hoş olmaz... |
Bu bölümde html taglarından bazılarının ne işe yaradığını anlatacağım..
A Hiper bağ oluşturmak için kullanılır ADDRESS Mail Adresi tanımlar AREA Resimlerin haritası çıkalırlır B Yazıyı koyu yapar BASE özel döküman adresi BASEFONT Font değeri ayarlama BGSOUND Sayfaya ses ekleme için kullanılır BIG Font büyüklüğünü artırma BLOCKQUOTE Yazıyı belli miktarda sağda yazdırır BODY Çeşitli etiketlerle kullanılır desen etiket v.s için BR Satır sonu belirtmek için kullanılır CENTER Yazıyı ortalamak için kullanılır CITE İtalik yazı tanımlama CODE Yazıyı genişleterek ilginç bir şekil verir COMMENT Sayfa içinde açıklama yapma DD Değişik listelendirme yapar DFN İtalik yazıya dönüştürür DL Listelendirme DT Listelendirme FONT Font tipini düzenleme FORM Bilgi alışverişi için form oluşturur FRAME Sayfada frame oluşturmak için kullanılır. FRAMESET Frame oluşturmada kullanılan komut Hn Başlıkları oluşturmada kullanılır. HEAD Dökümanın tanımlama bölümü burada tanımlanır. HR Yatay çizgi çizmek için kullanılır HTML Döküman başlangıcını ve sonunu belirtmek için kullanılır. I İtalik yazı yapar IMG Sayfaya resim eklemek için kullanılır INPUT Formlarda bilgi girişini gösterir. ISINDEX Arama için bölüm oluşturur KBD Yazı boyutunu genişletir. LISTING Yazıyı çok küçük hale getirir MAP Resimlerin haritasını çıkarmada kullanılır. MARQUEE Kayan yazı MENU Listeyi belli oranda sağda görüntüler NOFRAMES Frameleri desteklemeyen browserler için OPTION Diyalog kutusu içinde seçim yapmayı sağlar P Paragraf sonu belirtmek için kullanılır PLAINTEXT Bu tagdan sonra yazılan herşey web sayfasında görünür. PRE Yazıyı boşluklu ve aralıklı yazdırır S Yazıyı ortadan çizer SAMP Özel yazı kodu ile yazar SELECT Menu seçimi sağlar SMALL Çok Küçük yazı yazar STRIKE Koyu yazı yazdırır TABLE Tablo oluşturmak için kullanılır TEXTAREA Küçük alanlara daha çok yazı yazmayı sağlayan text alanı TITLE Dökümanın başlığını ifade eder TT Değişik yazı U Altı çizgili yazı |
sayfanıza link koymak için şu kod dizimini kullanırsınız;
<a href="http://web_adresini_buraya_yazın">Bu yazı sayfada görünür</a> yukarıda görmüş olduğunuz gibi başka bir web sayfasına yapacagınız bağlantılarda bu kod dizimi kullanılır. Başka bir sayfaya bağlantı yapmak istediğinizi web tarayıcınız "http://" kodundan anlar. Örneğin; <a href="http://www.**********.com">deneme bağlantısı PCTeknikZone</a> bu kod diziminin sayfanızdaki görüntüsü deneme bağlantısı PCTeknikZone şeklindedir.Eğer kendi PCnizden bir sayfaya link vermek isteseniz; <a href="Pcnizdeki_sayfanın_tam_adresi\sayfa_ismi.htm l">Sayfanızda_görünecek_Link_Adı</a> şimdiye kadar anlattığım bağlantılar hep sizin yapmış olduğunuz sayfa üzerine çağırdığınız sayfayı açar. eğer linki tıkladığınızda yeni bir sayfa olarak gelmesini isiyorsanız target kodunu kullanırsınız.. örneğin; <a href="http://www.**********.com" target="_blank"> PCTeknikZone sayfasını açar </a> Mail linki verme: <a href="mailto:e-mail_adresini_buraya_yazın">e-mail gönder</a> Linkin alt çizgisini yoketme: style="text-decoration: none" hemen örnek verelim; <a href="http://www.**********.com" style="text-decoration: none"> Van.Gen.TR</a> |
bgcolor: Arka plan rengi
text: Sayfa içindeki yazıların font color ile değişmediği sürece rengi link: bir süre hiç ziyaret etmediğimiz bağlantıların rengi vlink: ziyaret bağlantıların rengi alink: bir bağlantıya tıkladığımızda bağlantının rengi veya mouse un düğmesini uzunca basılı tutunca bağlantının rengi Bu belirttiğim özellikler body kısmında tanımlanır.örneğin; <body bgcolor="#0000a0" text="#ffffff" link="#ffff00" vlink="#808000" alink="#ff0000"> Üzerine gidince ve ayrılınca renk değiştirmesini bir örnekle açıklayalım: <a href="http://www.**********.com" onmouseover="this.style.color='blue'" onmouseout="this.style.color='red'"> pcteknikzone </a> |
TABLOLAR
<table> kodu tablo başlangıcı, </table> kodu da bu kodun sonlandırıcısıdır. bu kodları kullanınca hemen çizgiler oluşmaz yada tabloyu tam olarak oluşturduğumuz söylenemez. Tablonun satırlarını ve sütunlarını belirtmek gerekir. Satır için <tr> kod başlangıcı </tr> kod sonlandırıcısıdır. bu iki kod arasına yazılanlar tek bir satırda bulunacakları gösterir.her satırın ayrı ayrı belirtilmesi gerekir. Sütun için <td> kod başlangıcı </td> kod sonlandırıcısıdır. bu iki kod arasına yazılanlar tek bir sütunda bulunacakları gösterir.her sütunun ayrı ayrı belirtilmesi gerekir ve bu kodlar istenilen <tr> ile </tr> kodları arasında yeralır. bunun sebebi o sütunun hangi satırda yeralacağını internet tarayıcınıza göstermenizdir. |
şimdi bir örnek yapalım, daha iyi anlayacaksınız.
<table> <tr> <td>ilk satırın ilk hücresi</td> <td>ilk satırın ikinci hücresi</td> <td>ilk satırınüçüncü hücresi</td> </tr> <tr> <td>ikinci satırın ilk hücresi</td> <td>ikinci satırın ikinci hücresi</td> <td>iikinci satırınüçüncü hücresi</td> </tr> <tr> <td>üçüncü satırın ilk hücresi</td> <td>üçüncü satırın ikinci hücresi</td> <td>üçüncü satırınüçüncü hücresi</td> </tr> </table> u örnek 3 satırdan ve 3 sütundan oluşan bir tablo yapar. deneyin göreceksiniz. satır ve sütun sayısını istediğiniz kadar çoğaltabilirsiniz. |
Hücre ayarları
align: içeriği sola,sağa,ortaya yerleştirme. valign: içeriği alta, üste, ortaya yerleştirme. <td valign=top> içeriği üstte gösterir <td valign=bottom> içeriği altta gösterir <td valign=middle> içeriği ortada gösterir <td align=left> içeriği solda gösterir <td align=rigt> içeriği sağda gösterir <td align=center> içeriği ortada gösterir |
Table tanımında kullanılan parametreler
align: tabloyu sola (left), sağa (right), ortaya (center) yerleştirme. width: tablonun genişliğini belirler. height: tablonun yüksekliğini belirler. bordercolor: çizgilerin rengini belirler. bgcolor: tablonun zemin rengini belirler. cellspacing: hücrelerin kendi aralarındaki ve dış çizgi arasındaki boşluk. cellpadding: hücrenin içindeki yazı ile hücre çizgisi arasındaki boşluk. border:tablonun çizgi kalınlığını belirler. kalınlığı 0 olarak belirlerseniz tablo çizgisi yokolur. örnek: <table border=4 align=center width=450 height=150 cellspacing=20 cellpadding=0 bordercolor=blue bgcolor=red> . . . . </table> |
Table başlıkları
<thead> </thead> : table'ın 1. başlığı <caption> </caption> : table'ın 2. başlığı |
Kolon ve Satır Birleştirme
Rowspan: Satır birleştirmek için kullanılır (her satıra ait sadece 1 hücreyi yani bir başka deyişle alt alta hücreleri birleştirir) Colspan: Sütun birleştirmek için kullanılır (yanyana hücreleri birleştirir) ** bu kodları kullandığınızda değerleri ne kadar verirseniz okadar td atlamak zorundasınız. Yani o değer kadar td komutunu yazmamanız gerekir. Şöyle ki; td atlamazsanız tablonuz (çigileri varsa) düzensiz görünür. Örnek: <table border=3> <tr> <td rowspan=2>  </td> <td >  </td> <td >  </td> <td >  </td> </tr> <tr> <td colspan=2>  </td> <td >  </td> </tr> </table> ** Ayrıca belirtmeliyim ki; hücrelerin içini boş bırakmak ve çizgi görünmesini isterseniz   kodunu kullanmalısınız. |
Çerçeveler (frame'ler)
Çerçeveler sayfamızda bazı sabit bölümler ve istediğimiz alanın değiştiririlmesinde kullanılır. asıl amaç sayfanızda dolaşırken cpu kullanımını azaltmaktır ama görünümün düzen içermesi içinde kullanılır. <frameset> kodu ile başlar, </frameset> kodu ile son bulur. Bu iki kod genel çerçeveyi belirler. Bu kodların arasında kullanılan başka kodlar da vardır. rows:altalta oluşturulacak sayfa sayısını belirtir. cols: yanyana oluşturulacak sayfa sayısını belirtir. src: Oluşturulmuş bir sayfayı belirtilen çerçeve içine çağırır. <Frame>: ilgili frameset ayarlarını bu kodla yaparız. yani çerçeveye sayfa eklemek, çerçevelere bölmek gibi.. <noframes> </noframes>: çerçeveleri tanımayan tarayıcılarda ekranın boş gözükmemesi için bu kodla yedek bir sayfa bağlantısı kurulur. scrolling=yes: ilgili çerçevede scrollbar kullanımını etkinleştirir. scrılling=no: ilgili çerçevede scrollbar kullanımını kapatır. scrılling=auto: ilgili çerçevede scrollbar kullanımı default ayarındadır. name: çerçeve ismi belirler. örnek: <html> <head> <title> deneme sayfası </title> </head> <frameset cols="100,*,100"> sayfayı solda 100pxl sağda 100pxl geriye kalan pxl'leri orta bölümde olacak şekilde kolonlara böldük <frame name="soldakisayfa" scrolling=no src="sol.htm"> soldaki bölüm tanımlandı kolonla ayırdığımız çerçevelerin orta bölümü yapılıyor <frameset rows="150,*"> sayfayı üstte 150pxl geriye kalan pxl'leri orta bölümde olacak şekilde satır mantığıyla böldük <frame name="üstsayfa" scrolling=no src="üst.htm"> üstteki bölüm tanımlandı <frame name="altsayfa" scrolling=yes src="alt.htm"> alttaki bölüm tanımlandı </frameset> kolonlara ayırdığımız sayfanın orta bölümü bitti <frame name="sağdakisayfa" scrolling=no src="sag.htm"> sağdaki bölüm tanımlandı </frameset> kolonlara ayırdığımız sayfanın sağ bölümü bitti çerçeveleri tanımayan tarayıcılar için bu kısmın yazılması gerekir. <noframes> <a href="baglantisayfasi.htm"> </a>çerçeveleri tanımayan bir tarayıcıda direkt olarak ekrana bağlantisayfasi.htm gelir. </noframes> </html> |
bu örnekte görüldüğü gibi cols'ta veya Rows'ta ne kadar bölüm tanımlarsanız o kadar <frame mane=... src=.. > kullanmalısınız. Şunuda belirteyim ki; önce cols kullanmak şart değildir. sayfanızın düzeninin nasıl olmasını istiyorsanız ona göre cols yada rows başa gelir. bölmek istediğiniz kısımlarda bölme işlemini yaparsınız. yukarıdaki örnekte net bir şekilde görebilirsiniz.
Ayrıca benim tanımladığım bölümlerde pxl olarak kullanulan (150 yada 100 gibi) sayıları %30,%20,%80 şeklinde yüzde kavramıyla da tanımlayabilirsiniz. örnekte görmüş olduğunuz yıldız ise geriye kalan bölüm anlamındadır. tarayıcınız bunu bu şekilde anlar. |
Arkaplan görüntüleri, sayfa duvarkağıdı
Sayfada düz arkaplan yerine renkli görüntüler kullanmak için background="resimadı" işareti kullanılmaktadır. örnek: <BODY BACKGROUND="zemin.jpg" text="#000000" link="#0066CC" vlink="#336600"> Bu resim sayfa ile aynı dizin içerisinde bulunmalı ve adı küçük/büyükharf olarak tag'de yazılan biçimi ile aynı olmalıdır. İnternet üzerindeki sistemlerin hiçbirinde dosya isimlerinde Türkçe harfler kullanılmamaktadır. background işareti bgcolor ile birlikte kullanıldığında arkaplan resmi yükleninceye kadar sayfa bgcolor renginde görünecektir. |
Yatay çizgiler
Sayfa içerisinde istediğiniz yere <hr> (horizontal ruler) işareti ile yatay bir çizgi atabilirsiniz. Bu yatay çizigye bir kaç ekstra özellik kazandırmak mümkün: Kalınlık: SIZE=sayı Hizalama: ALIGN=LEFT/RIGHT/CENTER Genişlik: WIDTH=yüzde veya WIDTH=sayı Gölgesiz: NOSHADE Bu özellikleri birleştirerek bir örnek verelim: <hr size=10 align=left noshade width=50%> Sola dayalı, 10 piksel genişliğinde, gölgesiz, ve sayfa genişliğinin yarısı genişlikte bir çizgi oluşturur. **Web sayfalarında gördüğünüz bir çok süslü çizgi <hr> işareti ile değil, resimler kullanılarak oluşturulmuştur.** |
Sırasız listeler
Kendi sırasız listelerinizi <ul> (unordered list) işaretini kullanarak yaratabilirsiniz. Nokta olması istenen her liste maddesi başında <li> bulunmalıdır. Komut biçimi şu şekilde: <ul> <li>Birinci madde <li>İkinci madde <li>Üçüncü Madde </ul> Sırasız liste şu şeklide görünecektir. * Birinci madde * İkinci madde * Üçüncü madde Sırasız listeler istendiğinde iç içe döngülendirilebilir. <ul> <li>Birinci madde <li>İkinci madde <ul> <li>İkinci madde birnici şık <li>İkinci madde ikinci şık </ul> <li>Üçüncü madde </ul> Döngülendirilmiş liste şu şekilde görünecektir. * Birinci madde * İkinci madde * İkinci madde birinci şık * İkinci madde ikinci şık * Üçüncü madde Sıralı veya Numaralı listeler Sıralı listeler yaratmak için <ol> (ordered list) işaretini kullanabilirsiniz. <ol> <li>Birinci madde <li>İkinci madde <li>Üçüncü Madde </ol> Listeniz aşağıdaki gibi görünecektir. 1. Birinci madde 2. İkinci madde 3. Üçüncü madde Sıralı listeler sırasız listeler gibi döngülendirilebilirler. Ayrıca sıralı ve sırasız listeler ile karışık iç içe döngüler oluşturmak mümkündür. Tanım listeleri Tanım listesini en iyi açıklamanın yolu bir örnek göstermektir. <dl> <dt> Elmalar <dd> Elmalar hakkında bilgi burada verilmektedir. <dt> Armutlar <dd> Armutlar hakkında bilgi burada verilmektedir. </dl> İşte yukarıdaki tanım listesi aşağıdaki şekilde görünecekir. Elmalar Elmalar hakkında bilgi burada verilmektedir. Armutlar Armutlar hakkında bilgi burada verilmektedir. <dl> bunun bir liste olduğunu gösterir. <dt> bunun bir liste terimi olduğunu gösterir. <dd> bunun bir liste maddesi olduğunu gösterir. |
Ses Dosyaları
Bir Sayfa yüklendiğinde otomatik olarak ses dosyasının çalması nasıl sağlanır? <EMBED SRC="ses.wav" AUTOSTART="TRUE" HIDDEN="TRUE" LOOP=3 > WAV <EMBED SRC="ses.au" AUTOSTART="TRUE" HIDDEN="TRUE" LOOP=2 > AU <EMBED SRC="children.mod" HIDDEN="FALSE" WIDTH="166" HEIGHT="95" autostart="true" loop="false"> MOD <EMBED SRC="enter.mid" HIDDEN=true AUTOSTART=true LOOP=true > MIDI Aktif Ses Kullanımı: <EMBED SRC="ses.wav" NAME="snd" WIDTH="1" HEIGHT="2" SES> Here is a <A HREF="page.htm" OnMouseOver="Play_()">link</A> aktif ses |
Formlar
Formlar kullanıcılardan gelen bilgileri standart şekillerde alan sayfanın etkileşimli alanlarıdır. Form kullanmanın e-mail almaya göre bir çok avantajı var. Eğer uygun yazılımlar geliştirirseniz form bilgilerini doğrudan istediğiniz yazılıma yönlenirebilirsiniz. Herhangi bir yazılım kullanmıyorsanız formunuzu ilk örnekteki gibi salt metin olarak e-mail adresinize gelecek şekilde ayarlayabilirsiniz. <form action="mailto:kullanici@adresiniz.net?subject=Kon u Başlığı" method="POST" enctype="text/plain" > Form Elemanları </form> Cgi için örnek POST komutu: <form method="post" action="http://sunucu_adi/cgi-bin/program_adi.pl?değişken"> </form> GET komutu nadir kullanıldığından anlatılmayacak. Formlarda kullanılan bazı alan seçenekleri: Radyo Buton'u tipi: <BR>Soru1. <BR><INPUT TYPE=Radio CHECKED NAME="Soru_adi1" VALUE="Birinci_Yanıt"> İkinci_Yanıt <BR><INPUT TYPE=Radio NAME="Soru_adi1" VALUE="İkinci_Yanıt"> İkinci_Yanıt <BR><INPUT TYPE=Radio NAME="Soru_adi1" VALUE="Üçüncü_Yanıt"> Üçüncü_Yanıt Liste tipi soru: <BR>Soru2<BR> <SELECT NAME="Soru_adi2" > <OPTION> Seçenek1 <OPTION> Seçenek2 <OPTION> Seçenek3 </SELECT><BR> Küçük metin: <BR>Soru3:<BR> <INPUT TYPE=Text NAME="Soru_adi3" VALUE="varsayılan_değer" SIZE=25 MAXLENGTH=30><BR> Geniş metin alanı: <TextArea NAME="Soru4" ROWS=7 COLS=35 MAXLENGTH=100> Varsayılan Yazı </TextArea><BR> Kutu işaretleme tipi soru <Br> <INPUT TYPE="checkbox" NAME="Soru_adi3" VALUE="seçenek1">seçenek1 <BR> <INPUT TYPE="checkbox" NAME="Soru_adi3" VALUE="seçenek2">seçenek2 <BR> <INPUT TYPE="checkbox" NAME="Soru_adi3" VALUE="seçenek3">seçenek3 </UL> Gönderme ve Sıfırlama butonları: <INPUT TYPE=Submit NAME="Gönder" VALUE="Gönder"> <INPUT TYPE=Reset NAME="Reset" VALUE="Reset"> |
META-işaretler:
Meta işaretler tarayıcılar, arama motorları ve sayfaya gelebilecek yazılımlara yönelik bilgiler içeren işaretlerdir. Sık kullanılan bir kaç Metaişaretin anlamını açıklamak yeterli olacaktır. Meta işaretler sayfada <HEAD> bölümü içerisine yerleştirlir. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-9"> Turkish Metatag, Sayfanın Türkçe olduğunu ve uluslarası standart ensititüsünün ISO-8859-9 standardına uygun yapıldığını gösterir. <META NAME="generator" CONTENT="Yazılım Adı"> Generator Meta tag, sayfanın hangi yazılım ile hazırlandığını gösterir. <META NAME="Author" CONTENT=" Nevit "> Author Meta tag sayfanın hazırlayıcısı olan kişiyi gösterir. <META NAME="keywords" CONTENT="keyword, keyword, keyword"> Content Meta tag Anahtar kelimelerin burada bulunması sadece bu bölüme bakan bazı arama motorlarının işini kolaylaştırır. <META NAME="description"CONTENT=" Sayfanın tanımı "> Description Meta tag Bazı arama motorları arama motorunu kullanan kişilere bu bölümü gösterirler. <META HTTP-EQUIV="Refresh" CONTENT="7;URL=index.html"> Refresh, İtme teknolojisi ile devreye giren bir meta işarettir. Sayfaya gelen kişi herhangi bir işlem yapmasa bile başka bir sayfaya aktarılır. <META HTTP-EQUIV="Content-Type" Content-Base: "http://www.**********.com> Content Base, sayfa içeriğinin bulunduğu URL'yi gösterir. Alıntıdır |
oooo Zor ßişeye ßenziyoR ZamanLa ÖğrEnecez iNş PayLaşım iÇin tşkLer ZyreC Emeğine SağLık.
|
emeğine sağlık ruşen abi... :1:
|
ELLERİNE SAĞLIK ÇOK SAOOL
|
çok güzel olmuş emeğine sağlık
|
çok güzel bilgiler sana +1000 rep benden :4:
|
çok teşekkürler
|
Çok Teşekkür Ederim Adminim... :)
|
| Bütün Zaman Ayarları WEZ +3 olarak düzenlenmiştir. Şu Anki Saat: 17:35 . |
Powered by vBulletin® Version 3.7.0
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.