ForumTayfa  

Go Back   ForumTayfa > Güvenlik & Bilgisayar & İnternet & Webmaster & Programlama Bölümü > Güvenlik & Bilgisayar & İnternet & Webmaster & Programlama > ASP, Perl, Php, Html

ASP, Perl, Php, Html ASP, Perl, Php, Html, Java gibi her tür programcılık dili için yardım alabilceğimiz bölüm...

Yeni Konu aç  Cevapla
 
LinkBack Seçenekler Stil
Alt 01.02.07, 13:45   #1 (permalink)
Yeni Tayfa
 
long_time_03 - ait Kullanıcı Resmi (Avatar)
 
Üyelik Tarihi: Jan 2007
Nereden: AfYoN
Mesaj Sayısı: 126
Konu Sayısı: 57
Rep Gücü: 233
Rep Puanı: 21927
Rep Derecesi : long_time_03 0-250000long_time_03 0-250000long_time_03 0-250000long_time_03 0-250000long_time_03 0-250000long_time_03 0-250000long_time_03 0-250000long_time_03 0-250000long_time_03 0-250000long_time_03 0-250000long_time_03 0-250000
Ruh Hali:

Smile HTML Metin Düzeni




Paragraf Oluşturma

Hatırlıyorsanız paragraf yapmak için <br> veya <pre> kodlarını kullanıyorduk. Oysa HTML'de sırf paragraf yapmakla görevlendirilmiş bir kod var: <p>...</p> arasına yazacağımız ifadeler paragraf halinde gösterilir. Hemen bir uygulama geliştirelim


codeDivStart()Kod:
<html>
<head>
<title>Kum Tanesi</title>
</head>
<body>
<p>Sokaklarda bulurum kendimi, yalnızlığımdan her kaçışımda. Cebimde ne sigara, ne de para..."Kum tanesi" olduğumu bilirim ama, gösteremem kendimi bir türlü dev haritalarda... Atlarım bir arabaya; "sür!" derim "Kızılay'a"...Eski bir sevgili gelir nedense aklıma; "Dön" derim "Ulus’a"... Barda çalışır, adı"Ayça". Tahmin ettiğim gibi, işte burada... Heyy gülüm hey, şu anda kokteyl yapmakta; Biz duygularımızdan yapardık kokteyli, sonra da sarhoş olurduk, sevişirdik aldırmadan, güneş ışıklarının vücudumuzu olduğu gibi gösteren aydınlığına... "Geri döneceğimi biliyormuş gibi "baktı suratıma,dudaklarında kendince haklı bir tebessüm, haklı çıktı ya davasında... Dedim"ilan ı aşk yapmaya gelmedim; Param yok,sigaram yok, dışarıda taksi bekliyor, üstelik evin anahtarını kaybettim, üstelik kalacak yerim yok..." Ayça sever ya bizi, halletti bütün işleri... Üstelik eski günlerdeki gibi sevişti...</p>
<p>Neyse kafiyeyi bozmayalım...Sonraki gece, aynı dert, aynı tasa... Rakı, radyoda çalan bir nihavend şarkı ve geçmişte yaşanmış ya da yaşanamamış bir kaç ağlatan anı, birleşirler odamda... Eski bir sevgili gelir nedense aklıma... Atlarım arabaya; "Sür!" derim "Mithatpaşa’ya"... Lojmanlarda oturur, edebiyat hocası, adı "Selda"... Tahmin ettiğim gibi işte burada. Vayy gülüm vay, geceliğiyle çıktı kapıya; En sevdiğim elbisesiydi bu, aklımı alırdı her defasında... Bu kızlar hep böylemi hoca;Bu da "geleceğimi biliyormuş gibi" baktı suratıma. Üstelik aynı tebessüm... Benim derdimse aynı; "Geçiyordum,uğradım". Güzel "afyan" u varmış, "fayfe" yaptık, içtik, içtik, içtik... Sonra da bulduk kendimizi yorgun bir sevişme sonrasında... Sanki yıllardır birlikteymişiz gibi rahattık...</p>
<p>Kafiye gene bozuldu galiba, neyse; Sonra atarım kendimi evime,odama. Yalnızlığım, "tahmin ettiğim gibi" burada... Ah gülüm ahh,en çok o bakar zaten suratıma,"geri döneciğimi biliyormuşcasına". Tebessüm etmez, soğuktur, zaten bir tek o koyar bana. Yalnızlığın "çöl" olduğunu anlarım, ben zaten "kum tanesi"... Sonra atlarım bir arabaya,"Sür!" derim "Gaziosmanpaşa’ya"; ******lik yapar, adı "Asuman"... Kafiye son isimde bozuldu ama; Boşveer bütün isimler "aynıdır" aslında...</p>
</body>
</html>


Dikkat ederseniz yazdığınız paragraflar sola yaslanmış haldedir.

Paragraf Hizalama

Peki paragrafları nasıl sağa yaslarız veya ortalarız? Bunun için <p> kodunun bazı parametreleri vardır. Mesela paragrafı sağa yaslamak için kodu şöyle kullanırız:<p align="right">...</p> Ortalamak için: <p align="center">...</p>. Sola yaslamak için: <p align="left"> ...</p>. Hiçbir parametre kullanmazsak, paragraf sola yaslanmış halde çıkacaktır. Aşağıdaki uygulamaya bakalım:


codeDivStart()Kod:
<html>
<head>
<title>Kum Tanesi</title>
</head>
<body>
<p align="left">Sokaklarda bulurum kendimi, yalnızlığımdan her kaçışımda. Cebimde ne sigara, ne de para..."Kum tanesi" olduğumu bilirim ama, gösteremem kendimi bir türlü dev haritalarda... Atlarım bir arabaya; "sür!" derim "Kızılay'a"...Eski bir sevgili gelir nedense aklıma; "Dön" derim "Ulus’a"... Barda çalışır, adı"Ayça". Tahmin ettiğim gibi, işte burada... Heyy gülüm hey, şu anda kokteyl yapmakta; Biz duygularımızdan yapardık kokteyli, sonra da sarhoş olurduk, sevişirdik aldırmadan, güneş ışıklarının vücudumuzu olduğu gibi gösteren aydınlığına... "Geri döneceğimi biliyormuş gibi "baktı suratıma,dudaklarında kendince haklı bir tebessüm, haklı çıktı ya davasında... Dedim"ilan ı aşk yapmaya gelmedim; Param yok,sigaram yok, dışarıda taksi bekliyor, üstelik evin anahtarını kaybettim, üstelik kalacak yerim yok..." Ayça sever ya bizi, halletti bütün işleri... Üstelik eski günlerdeki gibi sevişti...</p>
<p align="right">Neyse kafiyeyi bozmayalım...Sonraki gece, aynı dert, aynı tasa... Rakı, radyoda çalan bir nihavend şarkı ve geçmişte yaşanmış ya da yaşanamamış bir kaç ağlatan anı, birleşirler odamda... Eski bir sevgili gelir nedense aklıma... Atlarım arabaya; "Sür!" derim "Mithatpaşa’ya"... Lojmanlarda oturur, edebiyat hocası, adı "Selda"... Tahmin ettiğim gibi işte burada. Vayy gülüm vay, geceliğiyle çıktı kapıya; En sevdiğim elbisesiydi bu, aklımı alırdı her defasında... Bu kızlar hep böylemi hoca;Bu da "geleceğimi biliyormuş gibi" baktı suratıma. Üstelik aynı tebessüm... Benim derdimse aynı; "Geçiyordum,uğradım". Güzel "afyan" u varmış, "fayfe" yaptık, içtik, içtik, içtik... Sonra da bulduk kendimizi yorgun bir sevişme sonrasında... Sanki yıllardır birlikteymişiz gibi rahattık...</p>
<p align="center">Kafiye gene bozuldu galiba, neyse; Sonra atarım kendimi evime,odama. Yalnızlığım, "tahmin ettiğim gibi" burada... Ah gülüm ahh,en çok o bakar zaten suratıma,"geri döneciğimi biliyormuşcasına". Tebessüm etmez, soğuktur, zaten bir tek o koyar bana. Yalnızlığın "çöl" olduğunu anlarım, ben zaten "kum tanesi"... Sonra atlarım bir arabaya,"Sür!" derim "Gaziosmanpaşa’ya"; ******lik yapar, adı "Asuman"... Kafiye son isimde bozuldu ama; Boşveer bütün isimler "aynıdır" aslında...</p>
</body>
</html>



Şimdi uzun örneğimizin ilk paragrafı sola yaslanmış, ikinci paragrafı sağa yaslanmış, üçüncü paragraf ise ortalanmış haldedir. Paragrafı yazı editörlerinde yapıldığı gibi iki yana yaslamak da mümkün, ancak bunu ileri ki bölümlerde göreceğiz...<p> kodunu web sayfalarını tasarlarken çok sık kullanacağımızı göreceksiniz.

Tanıtıcı Mesaj Parametresi

Size <p> kodunun bir başka parametresini de vereyim: "title". <p title="tanıtıcı mesaj" >...</p> arasına yazılan bir paragrafın üzerine fareyi getirdiğimizde, yazdığımız mesajla karşılaşırız. Örnekle görelim:


codeDivStart()Kod:
<html>
<head>
<title>Paragraf Örneği</title>
</head>
<body>
<p align="left" title="Bu ananonim bir dize.">Kırlangıç yapar yuvayı; çamur sıvayı sıvayı</p>
<p align="left" title="Bu da ananonim bir dizedir.">Duvarın dibinde resmim aldılar; ak kağıt üstünde tanıyın beni</p>
</body>
</html>


u örnek de paragraflara hem align hem de title parametrelerini uyguladık. Bu tür parametrelerin birçok kod için geçerli olduğunu ileride göreceğiz. Yaptığımız son uygulamada, ilk paragrafın üzerine farenin imlecini bir-iki saniyeliğine (size on saniye gibi gelecek) bıraktığımızda, "Bu ananonim bir dize." mesajını göreceğiz. Bu da HTML sayfalarının bir başka özelliği.

Karakter Kodları

HTML kodu yazarken, bıraktığımız birden fazla boşlukların dikkate alınmadığı ve tek boşluk gibi gösterildiğini önceki sayfada söylemiştik. Birden fazla boşluğun görülebilmesi için, metin editörünün formatını doğrudan web sayfalarına taşıyan <pre> kodunu kullanıyorduk. Oysa bu yolu izlemek zorunda değiliz; &nbsp; kodu bir boşluk karakterine karşılık gelir. Mesela paragraf başı yapmak istiyoruz. Bunun için paragrafın başına 5 boşluk karakteri koymak istiyoruz diyelim. N'apacağız?

codeDivStart()Kod:

<html>
<head>
<title>Kentsel Mimari</title>
</head>
<body>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Balıkların hafızası üç saniyedir. Üç saniye sonra, üç saniye önceki yaşamlarından koparlar. Böylece üç saniyede ancak katettikleri akvaryumu, bir okyanusmuşcasına gezerler yaşamları boyunca. Yaşam onlara her üç saniyede yeni bir şey getirir, monotonluk onlar için 3 saniyeyi aşamayacak bir kavram.
</body>
</html>


Bu uygulamayla gördük ki HTML'in görmediği bazı karakterleri yazdırabilmek için kodlara (işlevsel olarak ASCII kodlarına benzer) ihtiyacımız vardır. Örneğin ben bu web sayfasında size HTML kodlarını anlatırken, bu kodlardan yararlanıyorum. Yoksa HTML'de "<HTML>" kelimesini normal yazarak gösteremeyiz. Çünkü web sayfası oluşturulurken, HTML derleyicisi "<HTML>" kelimesini metinsel bir ifade olarak değil, bir HTML kodu olarak algılar. Böyle olmaması için "<" karakteri yerine <, ">" karakteri yerine de > kodlarını kullanırız. Bunu bir uygulamayla gösterelim:

codeDivStart()Kod:

<html>
<head>
<title>HTML Kodları</title>
</head>
<body>
<b><html></b> kodu HTML uygulamalarının başlangıç kodudur.<br/>
<b><title></b> kodu web sayfasının başlığını yazmak için kullanılır.<br/>
<b><p></b> kodu ile web sayfalarında paragraflar oluşturabiliriz.<br/>
<b><pre></b> kodu ile metin editörlerinin formatını web sayfalarına taşırız.<br/>
<b><br></b> kodu ile metnin bir satır aşağıya atlamasını sağlarız.<br/>
<b><b></b> kodu ile metinsel ifadelerin koyu (bold) olmasını sağlarız.<br/>
</body>
</html>



Biraz akıl karıştırıcı değil mi? Sayfada nelerin çıkması gerektiğini, kodu yazarken gözünüzde canlandırabiliyorsanız, bu işi kapmışsınız demektir. Bu tip karakter kodlarını kullanırken, yaptığınız işi denetlemeyi unutmayın. HTML'in sizi uyaracağını falan düşünmeyin bile. HTML hataları görmezden gelir ve bünyesinde taşır. (XHTML derslerinde bu konuya ayrıntılı şekilde değineceğim.) Tabi bu karakter kodlarını ezberleyim falan demeyin; yine de &nbsp; kodunun aklınızda kalması yararlıdır.

Yazı Komutları

Karakter kodları, parametreler falan, filan. Bu konuların biraz can sıkıcı olduğunu biliyorum. Bilgisayar dillerine pek alışkın olmayan kişiler, bir dilin tüm komutlarını, parametrelerini öğrenmeden kendilerini güven içinde hissetmezler. Oysa bu bilgisayar fobisi aşılamadan yazılımcı olunamaz. Önemli olan algoritma yapısını ve dilin kendine has ritmini yakalayabilmek. (Bu sözleri edebiyat parçalamak için değil, olayın felsefesini anlatabilmek için yazıyorum.) HTML'in çok az kodunu öğrenmeniz bile yeterli olabilir; kaldı ki kod bakımından HTML çok da zengin sayılmaz. Hiç kimse tüm komutları, tüm fonksiyonları, tüm parametreleri aklında tutmaz. Zaten dil, tıpkı yaşayan bir organizma gibi bir değişim, bir evrim sürecindedir. Bazı kodlar eskimiş, körelmiş, kullanılırlığı kalmamıştır. HTML'de böyle bir çok kod var. Bunları bilseniz de olur, bilmeseniz de. Önemli olan yapacağınız uygulamayı zihninizde modelleyebilmek, yoksa ne kadar komut bildiğinizin; o komutları verimli bir şekilde kullanamadıkça, pek önemi yok. Şimdi pek kullanılmayan ama literatürde rastlayabileceğiniz bu tür bazı komutları yazıyorum. Bunları aklınızda tutmaya çalışmayın, sadece göz aşinâlığınız bulunsun. Kullanmanız gerektiğinde "böyle şeyler vardı, açıp bakayım" dersiniz.

<address></address> Arasına yazılan metinsel ifadeyi, adres formatına çevirir. (nasıl birşey olduğunu merak edenler denesin; çok kullanılan bir şey değil)
<bdo dir="rtl"></bdo> Arasına yazılan metinsel ifadeyi tersine çevirir. "Banu"'yu "unaB" yapar. Bu kod olmasaydı, insanoğlu n'apardı bilemiyorum.
<sample></sample> Arasına yazılan metni "sample" (örneklem) moduna çevirir. (Matah birşey zannetmeyin, merak eden denesin.)
<code></code> Arasına yazılan metni "code" (kod) moduna çevirir. Bilgisayar kodlarını web sayfasına yazacaksanız, tavsiye ederim.
<kbd></kbd> Arasına yazılan metni "keyboard" (klavye/daktilo) moduna çevirir.
<tt></tt> Arasına yazılan metni "teletip metin" moduna çevirir.
<var></var> Arasına yazılan metni "variable" (var) moduna çevirir. (not: değişken tanımlama gibi birşey zannetmeyin, yukarıdakiler gibi gereksiz birşey.)
<acronym></acronym> Arasına yazılan metni kısaltma moduna çevirir.
<abbr></abbr> Arasına yazılan metni yine kısaltma moduna çevirir.
<q></q> Arasına yazılan metni "quotation" (alıntı) moduna çevirir. (Pek faydalı birşey değil.)

Bunların hepsini kapsayan bir örnek yapalım.


codeDivStart()Kod:
<html>
<head>
<title>Çok Faydalı HTML Kodları</title>
</head>
<body>
<b><address>:</b> <address>Göztepe'ye 3. ligde başarılar dileriz.</address><br/>
<b><bdo dir="rtl">:</b> <bdo dir="rtl">Göztepe'ye 3. ligde başarılar dileriz.</bdo><br/>
<b><sample>:</b> <sample>Göztepe'ye 3. ligde başarılar dileriz.</sample><br/>
<b><code>:</b> <code>Göztepe'ye 3. ligde başarılar dileriz.</code><br/>
<b><kbd>:</b> <kbd>Göztepe'ye 3. ligde başarılar dileriz.</kbd><br/>
<b><tt>:</b> <tt>Göztepe'ye 3. ligde başarılar dileriz.</tt><br/>
<b><var>:</b> <var>Göztepe'ye 3. ligde başarılar dileriz.</var><br/>
<b><acronym>:</b> <acronym>Göztepe'ye 3. ligde başarılar dileriz.</acronym><br/>
<b><abbr>:</b> <abbr>Göztepe'ye 3. ligde başarılar dileriz.</abbr><br/>
<b><q>:</b> <q>Göztepe'ye 3. ligde başarılar dileriz.</q><br/>
</body>
</html>


__________________
[Sadece Kayıtlı Kullanıcılar Linkleri Görebilir.Kayıt Olmak İçin Tıklayınız...]
[Sadece Kayıtlı Kullanıcılar Linkleri Görebilir.Kayıt Olmak İçin Tıklayınız...]
[Sadece Kayıtlı Kullanıcılar Linkleri Görebilir.Kayıt Olmak İçin Tıklayınız...]
[Sadece Kayıtlı Kullanıcılar Linkleri Görebilir.Kayıt Olmak İçin Tıklayınız...]
long_time_03 isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Cevapla


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık



Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 05:07.


Powered by vBulletin® Version 3.8.0
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.6.0
User Alert System provided by Advanced User Tagging v3.0.6 (Lite) - vBulletin Mods & Addons Copyright © 2020 DragonByte Technologies Ltd.
ForumTayfa

Arşiv: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 16 22 23 24 25 26 27 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 95 96 97 98 99 100 102 103 104 105 106 155 156 157 158 159 160 161 162 163 164 167 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271


ForumTayfa - Link Değişimi
Telinka İletişim | Voip Ürünleri | Link Değişimine Katılın |

Sitemiz bir forum sitesi olduğundan dolayı, kullanıcılar her türlü görüşlerini önceden onay olmadan anında siteye yazabilmektedir. ForumTayfa Yöneticileri mesajları itina ile kontrol etse de, bu yazılardan dolayı doğabilecek her türlü sorumluluk yazan kullanıcılara aittir. Yine de sitemizde yasalara aykırı unsurlar bulursanız [email protected] email adresine bildirebilirsiniz, şikayetiniz incelendikten sonra en kısa sürede gereken yapılacaktır.

Any member of our web site has the right of adding comments instantly without getting permisson due to the forum structure of our site basis. Althought, our site modarators check comments with care, all the responsibilities sourced from these comments directly belong to the members. If you still find any illegal content in our site ( A.buse, H.arassment, S.camming, H.acking, W.arez, C.rack, D.ivx, Mp.3 or any Illegal Activity ), please report us via [email protected] .Your reports will be evaluated as soon as the arrival of your e-mail.