Umurcan Görür http://www.ugorur.com Ben ve Diğer Herşey Wed, 18 Apr 2012 14:36:41 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 HTML’de Başlık Belirleme http://www.ugorur.com/htmlde-baslik-belirleme/ http://www.ugorur.com/htmlde-baslik-belirleme/#comments Wed, 18 Apr 2012 14:30:32 +0000 ugorur http://www.ugorur.com/?p=456 HTML5HTML bize 6 ayrı seviye başlık oluşturma imkanı sunuyor. bunlar <h1>, <h2>, <h3>, <h4>, <h5> ve <h6> etiketleridir. Ayrıca başlık grubu oluşturmak için <hgroup> kodu vardır.

Görünümü

Not: Görüntüleri CSS ile değiştirlebilir.
Dikkat: Eğer <hgroup> kullanacaksanız; içine sadece h etiketleri gelebilir. Eğer sadece h etiketleri kullanmıyosanız lütfen <hgroup> kullanmayın. Ayrıca tek başına h etiketi kullancaksanız da <hgroup> kullanmanıza gerek yoktur.

<!doctype html>
<html>
    <head>
        <title>HTML Başlık Seviyesi</title>
        <meta charset="UTF-8">
        <meta name="description" content="Sayfanız hakkında en fazla 160 karakter uzunluğunda açıklama" />
        <meta name="keywords" content="arama, motorları, bulsun, diye, sayfa ile alakalı, kelimeler" />
    </head>
    <body>
        <hgroup>
            <h1>En üst seviye başlık. Sayfada en fazla 1 tane bulunmalı</h1>
            <h2>İkinci seviye başlık. Sayfada en fazla 5 tane bulunmalı</h2>
            <h3>Üçüncü seviye başlık. Sayfada en fazla 10 tane bulunmalı</h3>
            <h4>Dördüncü seviye başlık. Sayfada en fazla 15 tane bulunmalı</h4>
            <h5>Beşinci seviye başlık. Sayfada en fazla 20 tane bulunmalı</h5>
            <h6>Altıncı seviye başlık. Sayfada en fazla 25 tane bulunmalı</h6>
        </hgroup>
    </body>
</html>

Örnek Görünüm

En üst seviye başlık. Sayfada en fazla 1 tane bulunmalı

İkinci seviye başlık. Sayfada en fazla 5 tane bulunmalı

Üçüncü seviye başlık. Sayfada en fazla 10 tane bulunmalı

Dördüncü seviye başlık. Sayfada en fazla 15 tane bulunmalı

Beşinci seviye başlık. Sayfada en fazla 20 tane bulunmalı
Altıncı seviye başlık. Sayfada en fazla 25 tane bulunmalı
]]> http://www.ugorur.com/htmlde-baslik-belirleme/feed/ 0 HTML Etiketi: style http://www.ugorur.com/html-etiketi-style/ http://www.ugorur.com/html-etiketi-style/#comments Tue, 17 Apr 2012 08:08:52 +0000 ugorur http://www.ugorur.com/?p=437 HTML5<style>  etiketi sayfamıza CSS kodları eklemenizi sağlar. Burada eklenen kodlar sadece içinde bulunduğu sayfayı etkiler. O yüzden tüm sayfalarda kullanacağınız CSS kodlarını <link> kodu ile ekleyin.

STYLE Etiketi

Sayfaya CSS yada başka bir sitil (LESS vb..) kodları eklemek için kullanılır. Sayfada birden fazla olabilir.

STYLE Özellikleri

  • type: Koyduğunuz kodun tipini yazarsınız. CSS için text/css (HTML5′de koymaya gerek yok), LESS için text/less vb…
  • media: Kullanılacak yeri belirtir. Detaylı bilgi aşağıda.
  • Tüm genel özellikler. (Tam liste için tıklayın.)

Media Seçenekleri

  • Cihazlar
    • all: Heryerde kullanılması için. (Varsayılan)
    • aural: Konuşma sentezleyiciler. (Nedir)
    • braille: Görme engelliler için braille cihazı.
    • handheld: Küçük ekranlı cihazlar. Muhtemelen limitli internet) (Cep telefonu, el bilgisayarı, vb…)
    • projection: Projeksiyon.
    • print: Sitenin yazdırılabilir versiyonu.
    • screen: Bilgisayar ekranı.
    • tty: Teletype ve benzeri sabit karakter sıklığı (fixed-pitch) olan cihazlar için.
    • tv: Televizyon ve benzeri düşük çözünürlüklü ve düşük kaydırma (scroll) seçeneği olan cihazlar.
  • Mantıksal Operatörler
    • and: VE. Birden fazla zorunlu seçenek eklemek için kullanılır. Verilen tüm seçenekler uymalı.
    • not: DEĞİL. Uyuyorsa kullanılmayacak seçenek belirlemek için. Verilen seçenek uymamalı.
    • ,: VEYA. Birden fazla uyabilir seçenek eklemek için kullanılır. Verilenlerden biri uysa bile uygular.
  • Değerler
    • width: Görüntü alanı genişliği. min ve max ön ekleri ilede kullanılabilir. (Örnek)
    • height: Görüntü alanı yüksekliği. min ve max ön ekleri ilede kullanılabilir. (Örnek)
    • device-width: Cihazın/kağıdın genişliği. min ve max ön ekleri ilede kullanılabilir. (Örnek)
    • device-height: Cihazın/kağıdın yüksekliği. min ve max ön ekleri ilede kullanılabilir. (Örnek)
    • orientation: Cihazın/kağıdın şekli. portrait ve landscape değerleri alır. (Örnek)
    • aspect-ratio: Görüntü alanı görüntü oranı. (Örnek)
    • device-aspect-ratio: Cihazın/kağıdın görüntü oranı. (Örnek)
    • color: Cihazın/kağıdın renk başına kullandığı bit. min ve max ön ekleri ilede kullanılabilir. (Örnek)
    • color-index: Cihazın/kağıdın renk sayısı. min ve max ön ekleri ilede kullanılabilir. (Örnek)
    • resolution: Cihazın/kağıdın çözünürlüğü (dbi yada dpcm). min ve max ön ekleri ilede kullanılabilir. (Örnek)
    • scan: Cihazın görüntüyü işleme şekli. progressive ve interlace değerleri alır. (Örnek)
    • grid: Cihazın grid mi bitmap mı olduğunu seçer. 1 (grid) ve 0 (bitmap) değerleri alır. (Örnek)
  • Tüm genel özellikler. (Tam liste için tıklayın.)

Media Değerleri Örnekleri

width için örnek:

<style media="screen and (width:500px)"></style>
<style media="screen and (max-width:500px)"></style>
<style media="screen and (min-width:500px)"></style>

height için örnek:

<style media="screen and (height:500px)"></style>
<style media="screen and (max-height:500px)"></style>
<style media="screen and (min-height:500px)"></style>

device-width için örnek:

<style media="screen and (device-width:500px)"></style>
<style media="screen and (max-device-width:500px)"></style>
<style media="screen and (min-device-width:500px)"></style>

device-height için örnek:

<style media="screen and (device-height:500px)"></style>
<style media="screen and (max-device-height:500px)"></style>
<style media="screen and (min-device-height:500px)"></style>

orientation için örnek:

<style media="screen and (orientation:portrait)"></style>
<style media="screen and (orientation:landscape)"></style>

aspect-ratio için örnek:

<style media="tv and (aspect-ratio:16/9)"></style>
<style media="tv and (aspect-ratio:4/3)"></style>

device-aspect-ratio için örnek:

<style media="tv and (device-aspect-ratio:16/9)"></style>
<style media="tv and (device-aspect-ratio:4/3)"></style>

color için örnek:

<style media="screen and (color:3)"></style>
<style media="screen and (max-color:3)"></style>
<style media="screen and (min-color:3)"></style>

color-index için örnek:

<style media="screen and (color-index:256)"></style>
<style media="screen and (max-color-index:256)"></style>
<style media="screen and (min-color-index:256)"></style>

resolution için örnek:

<style media="screen and (resolution:1200dpi)"></style>
<style media="screen and (max-resolution:1200dpi)"></style>
<style media="screen and (min-resolution:1200dpi)"></style>

scan için örnek:

<style media="screen and (scan:progressive)"></style>
<style media="screen and (scan:interlace)"></style>

grid için örnek:

<style media="screen and (grid:1)"></style>
<style media="screen and (grid:0)"></style>

Örnek

<!doctype html>
<html lang="tr">
    <head>
        <title>HTML Etiketi: style örneği</title>
        <meta charset="utf8" />
        <meta name="description" content="Sayfanız hakkında en fazla 160 karakter uzunluğunda açıklama" />
        <meta name="keywords" content="arama, motorları, bulsun, diye, sayfa ile alakalı, kelimeler" />
        <style>
            p {
                  color: red;
              }
        </style>
    </head>
    <body>
        <p>
            HTML Etiketi: style örneği
        </p>
    </body>
</html>
]]> http://www.ugorur.com/html-etiketi-style/feed/ 0 HTML Etiketi: meta http://www.ugorur.com/html-etiketi-meta/ http://www.ugorur.com/html-etiketi-meta/#comments Mon, 16 Apr 2012 19:52:59 +0000 ugorur http://www.ugorur.com/?p=434 HTML5<meta>etiketi sayfa ile ilgili bilgileri içerir. Okuyucu bu bilgileri göremez fakat arama motorları ve facebook bu bilgilerden yararlanır.

META Etiketi

Sayfanın açıklaması, kelimeleri, yazarı vb… bilgilerini içeren etiketlerdir.

META Özellikleri

  • charset: Sayfanın karakter kodlamasını verir. Güncel standartlar için bu UTF-8′dir.
  • content: Girilen bilginin içeriğini belirtirsiniz.
  • name: Girilecek bilgi.
    • application-name: Uygulamanın adı.
    • author: Yazarın adı.
    • description: Sayfanın açıklaması. (En fazla 160 karakter)
    • generator: Sayfayı oluşturan yazılım.
    • keywords: Sayfanın arama kelimeleri.
    • Başka özelliklerde bulunmakta. Bunlar başlıcaları.
  • http-equiv: HTTP başlığı oluşturur.
    • content-type: İçerik tipi.
    • refresh: Sayfa yenileme ve yönlendirme.
  • Tüm genel özellikler. (Tam liste için tıklayın.)

Örnek

<!doctype html>
<html lang="tr">
    <head>
        <title>HTML Etiketi: meta örneği</title>
        <meta charset="utf8" />
        <meta name="description" content="Sayfanız hakkında en fazla 160 karakter uzunluğunda açıklama" />
        <meta name="keywords" content="arama, motorları, bulsun, diye, sayfa ile alakalı, kelimeler" />
        <meta http-equiv="refresh" content="5; url=http://www.ugorur.com" />
    </head>
    <body>
        <p>
            HTML Etiketi: meta örneği
        </p>
    </body>
</html>
]]> http://www.ugorur.com/html-etiketi-meta/feed/ 0 Evrim Hakkında Bildiğinizi Sandığınız Yanlışlar http://www.ugorur.com/evrim-hakkinda-bildiginizi-sandiginiz-yanlislar/ http://www.ugorur.com/evrim-hakkinda-bildiginizi-sandiginiz-yanlislar/#comments Mon, 16 Apr 2012 17:44:42 +0000 ugorur http://www.ugorur.com/?p=417 İnsanın EvrimiEvrim ile ilgili tartışırken, evrim karşıtı argümanlarda karşıma yanlış bilinen bilgiler çıkıyor. Bunları, aklımda kalanları, buraya doğruları ile yazacağım. Umarım bu argümanlar ile karşıma gelinmez birdaha.

Tabi bazı bilim karşıtları, Adnan Oktar gibi, bunları bilerek çarpıtıyorlar. Bu kişilerin çok yüksek maddi güçleri ile yaptıkları propaganda yüzünden insanlar bunları doğru sanıyorlar.

Öncelikle bilimde teori (kuram), kanun ve Evrim Teorisinin ne olduğundan bahsedeceğim. Sonra tek tek yanlış bilinenlere değineceğim.

Bilimsel Teori (Kuram) Nedir?

Günlük hayatta teori genelde fikir anlamında kullanılır (Örnek: Bu konuda bir teorim var.) fakat bilimde farklıdır. Bilimde teori bilgi edinme sürecinin herhangi bir aşamasında ortaya atılan geçerlik ve güvenilirliği bilimsel yöntemle saptanmış iç tutarlılığı olan bir genel bilgi ve açıklama düzenidir. (Kaynak) Yani bilimsel olarak geçerli, güvenilir ve tutarlı bilgidir.

Bilimsel Kanun Nedir?

Genel düşüncenin aksine kanun teori‘nin gelişmiş hali değildir. Bir bilimsel kanun, gözlem ve deneylerle iyi desteklenip kanıtlanmış genel prensiptir. Tipik olarak bilimsel kanunlar, tarihi kayıtlardaki deney ve gözlemlerle örtüşen kısıtlı ilkeler kümesidir. Bilimsel kanun konsepti, bilimsel teori konseptiyle yakından ilişkilidir. Tipik olarak, kanunlar teorilere nazaran dünya hakkında daha kısıtlı öngörülerde bulunurlar. (Kaynak) Yani bir teori, gerçekliği kanıtlanınca kanun olmaz.

Evrim Teorisi Nedir?

Evrim Teorisi Charles Darwin tarafıdan Türlerin Kökeni kitabında ortaya koyduğu, zamanla gelişerek ve çeşitli yollarla kanıtlanarak günümüzdeki haline gelmiş bir teoridir.

Basitce Evrim Teorisi biyolojide canlı türlerinin nesilden nesile kalıtsal değişime uğrayarak ilk halinden farklı özellikler kazanma sürecidir. Bazen dünyanın evrimi, evrenin evrimi gibi kavramlardan ayırmak amacıyla organik evrim ya da biyolojik evrim olarak da adlandırılır. Evrim, modern biyolojinin temel taşıdır.[1] Bu teoriye göre hayvanlar, bitkiler ve Dünya’daki diğer tüm canlıların kökeni kendilerinden önce yaşamış türlere dayanır ve ayırdedilebilir farklılıklar, başarılı nesillerde meydana gelmiş genetik değişikliklerin bir sonucudur. (Kaynak)

Bildiğiniz Sandığınız Yanlışlar

1. İnsanların Maymunlardan Geldiği Yanlışı

İnsanın Evrimi Şeması

İnsanın Evrimi Şeması

Genelde şu soruları çok duyuyorum: Eğer evrim varsa neden şimdi maymunlar insan olmuyor? veya Yani sen maymunlardan mı geldin? Bu gibi sorular insanlar maymunlardan geldi yanlış bilgisi yüzünden soruluyor. O yanlışı şimdi düzeltelim.İlk sorunun diğer yanlışına biraz sonra (2. madde) değineceğim.

İnsanlarla yaşayan en yakın akrabası şempanzelerin ortak atasından (Hominini) sonra (5,4 – 6,3 milyon yıl önce) bir birlerinden ayrılmıştır. Bu ayrılıktan sonra insanlar için evrim süreci maymunlardan ayrıldı ve günümüz insanlarına gelene kadar yaklaşık 6 milyon yıllık evrim geçirildi.

Yeni 6 milyon yıl önce olmuş bir olayı dün yaşanmış gibi lanse etmek büyük bir çarpıtmadır. Günümüz insanları eğer bir yerden geliyor demememiz gerekiyorsa Homo Saphiens Archeic‘ten geliyor demek gerekir. Çünkü en yakın üst türmüz onlar.

Bundan sonra insanların maymunlardan geldiğini söylemezsiniz umarım. (Kaynak1, Kaynak2)

2. Evrimin Çok Çabuk Gerçekleştiği Düşüncesi Yanlışı

Duyduğum diğer sorular ise Hayvanlar neden şimdi evrimleşmiyorlar? yada Neden şimdi evrimleşmiyoruz? gibi sorular. Bu gibi soruların nedeni evrim çok hızlı gerçekleşir yanlış düşüncesi.

Evrim hiç bir zaman durmadı. Canlılık (hatta bilgi bile) sürekli evrilmeye devam edecek. Siz bunu göremeye bilirsiniz çünkü evrim (çoğu zaman) çok yavaş işleyen bir süreçtir. Mesela tek hücreli yaşamdan çok hücreli yaşama geçmek 2,5 milyar yıl sürdü. Aynı şekilde Şempanze ile ortak atamızdan günümüze 5 – 6 milyon yıl zaman geçti.

Mesela günümüz insanı 10.000 yıl önceki halimize göre %10, 30.000 yıl önceki halimize göre %25 – %30 daha narin yapılıyız. İnsanlığın evrimi yavaşta olsa devam ediyor.

Hızlı evrimleşmelerde mevcut. Mesela MRSA baktesi son 50 yıl içinde evrimleşerek ortaya çıkmış bir bakteridir. 50 yıl gözünüze çok gelebilir ama 3.5 milyar yıllık evrim sürecinden bahsediyoruz.(Kaynak)

3. Bilim İnsanları Evrimi Reddediyorlar

Evet kabul bazı bilim insanları dini inançları nedeniyle evrimi reddiyorlar ama sayıları Amerika’daki, çoğunluğu biyoloji dallarında çalışan, isimlerinde Steve sözcüğü ya da bu ismin değişik telaffuzları geçen bilim insanlarından daha az :) tabiki bilim savunan sayısı ile alakalı değildir. Bu proje (Steve Projesi) bilim insanları arasındaki fikir birliğini ortaya koymuştur. Kısaca bilim Evrim Teorisi gerçektir diyor. Her teori için bilim dünyasında karşı çıkan vardır. (Yerçekimi teorisi için karşı çıkan bilim insanları da var.) Belki de en az itilaf olan konulardan biri evrimdir.

4. Evrim Termodinamik İle Çelişiyor Yanlışı

Bu konu termodinamiğin 2. kanunu (Wikipedia’da Termodinamik) ile ilgili ortaya atılmıştır. Fakat gözardı edilen konu termodinamik kapalı ortamlar için geçerlidir. Dünya gezegeni kapalı bir ortam olarak sayamazsınız. Sürekli Güneş ve diğer doğa olayları ile enerjisini değiştirmektedir. Bu yüzden evrim, termodinamik ile çelişmez.

5. Evrim Big Bang’i yada İlk Canlıyı Açıklamasını Bekleme Yanlışı

Tabiki açıklamaz. Evrim ilk canlıdan sonra canlıların gelişimini açıklar. Big Bang astrofizik ve kuantum fiziği konusudur. İlk canlı için bir çok teori olmasına karşılık baskın görüş abiyogenez teorisi yönündedir.

6. Evrimi Kanıtlayan hiç Fosil Yok Yanlışı

İnsan Evrimi Kafatası Fosilleri

İnsan Evrimi Kafatası Fosilleri

Örnek olarak sol tarafta insanın evrimini anlatan fosillerin bire bir kopyaları var. Gerçekleri ışıktan, ısıdani nemden vb… etkilendiği için çeşitli müzelerde kapalı, soğuk vb.. ortamda kilit altında.

Ayırca türler arası geçiş formlarınında fosillier mevcut. Altta bunlardan en ünlülerinden biri Tiktaalik‘in resmi görülmektedir. Bu ve benzeri daha binlerce fosil bulunmaktadır.

Tiktaalik

Tiktaalik

7. Evrimi Kanıtlayan Kanıt Yok Yanlışı

Evrimin fosil kanıtları (yukarda) olduğu gibi DNA kanıtlarının da içinde bulunduğu bir sürü kanıtı vardır. Evrimin DNA kanıtı belkide en büyük kanıtlarından biridir.

Mesela şempanze (insana en yakın yaşayan canlı) ile insan arasında %98 (yüzde doksan sekiz) oranında DNA benzerliği bulunmaktadır. Ayrıca fare ile %92 (yüzde doksan iki)  meyve sineği ile %44 (yüzde kırk dört) vb.. benzerlik bulunmaktadır. Bu benzerlikler türler arası mesefe açıldıkca artmaktadır. Ayrıca hiç benzerlik bulunmayan canlı yoktur. Şu anda yaşayan tüm canlılarda DNA benzerliği bulunmaktadır. Bu benzerlikler evrim teorisinde dendiği gibi canlıların bir canlıdan türediğini gösterir.

Yazı çok uzadığı için burada kesiyorum. Gelecek yazımda göz ile devam edeceğim. Hata aşağıda  göz ile ilgili spoilerda vereyim tam olsun :) Umarım faydalı olmuşumdur. Gelecek yazımda görüşmek üzere.

Spoiler

8. İnsan Gözü Kendi Kendine Oluşamayacak Kadar Komplekstir Yanlışı

Evet insan gözü kendi kendine oluşmadı. Yaklaşık 2 milyar yıllık bir evrim sonucu oluştu.

]]> http://www.ugorur.com/evrim-hakkinda-bildiginizi-sandiginiz-yanlislar/feed/ 0 PHP’de Değişkenler http://www.ugorur.com/phpde-degiskenler/ http://www.ugorur.com/phpde-degiskenler/#comments Mon, 16 Apr 2012 07:11:08 +0000 ugorur http://www.ugorur.com/?p=401 PHPPHP, çoğu kodlama dilinin aksine, değişkeni en başta tanımlamaya gereksinim duymaz fakat değişkenlerin başına $ koymanız gerekir. PHP; bu bakımdan diğer dillerden ayrılıyor.

Değişkenler genellikle; tanımlanan verinin birden çok yerde kullanılması için yada tanımlanan veri üzerinde birden çok işlem uygulamak için kullanılır.

Değişken Adı Seçimi

Değişken adı seçerken _(alt çizgi) dışındaki karakterleri kullanamayız ve değişken adı rakam (0123456789) ile başlayamaz.

Düzenli İfade (regex) Olarak Değişken Adı: [a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*

Değişkenler büyük-küçük harf duyarlıdır. Yani ali adındaki değişken ile Ali adındaki deşiken farklı değişkenlerdir.

Değişken Tanımlama

PHP‘de değişken tanımlamak için, kullanacağınız değişkenin başına $ işareti koyarak değişkenimizi yazıyoruz ve istediğimiz türde değerini veriyoruz. PHP‘de değişkenler tek tip değildir. Yani string (yazı) tipinde verilen bir değişken kodun devamında integer (int) (tam, ondalıksız, sayı) türüne değiştirilebilir. Bu yüzden tanımlama yaparken tür belirtmek zorunda değiliz.

Örnek

$degisken1 = "Değişken 1";
echo $degisken1; //Ekrana "Değişken 1" yazdırır.
$degisken2 = "2";
echo $degisken2; //Ekrana "2" yazdırır.
$Degisken2 = "Değişken";
echo $Degisken2 . $degisken2; //Ekrana "Değişken2" yazdırır. Çünkü $degisken2 ile $Degisken2 farkı değişkenlerdir.

$degisken1 = 1905;
echo $degisken1; //Ekrana "1905" yazdırır. Çünkü $degisken1 değişkeninin değeri artık 1905 olmuştur. Yani hem tipi hemde değeri değişmiştir.

$3degisken = "Değişken 3"; //Kullanılamaz. Değişken adı rakam ile başlayamaz.
$_degisken4 = "Değişken 4"; //Kullanılabilir. Değişken adı _(alt çizgi) ile başlayabilir
$değişken5 = "Değişken 5"; //Kullanılabilir fakat tavsiye edilmez. Türkçe karakterler kullanılabilir

 

]]> http://www.ugorur.com/phpde-degiskenler/feed/ 0 HTML Etiketi: title http://www.ugorur.com/html-etiketi-title/ http://www.ugorur.com/html-etiketi-title/#comments Sun, 15 Apr 2012 20:19:37 +0000 ugorur http://www.ugorur.com/?p=324 HTML5<title> etiketi sayfaya başlık verir. Tarayıcıların en üstünde görünen alandır. Mesela bu sayfada “HTML Etiketi: title | Umurcan Görür | Ben ve Diğer Herşey“.

TITLE Etiketi

Sayfanın başlığıdır. Sayfada <head> etiketi içinde bulunmalı ve sadece bir tane olmalı.

TITLE Elementi Özellikleri

  • Tüm genel özellikler. (Tam liste için tıklayın.)

Örnek

<!doctype html>
<html lang="tr">
    <head>
        <title>HTML Etiketi: title örneği</title>
        <meta charset="utf8" />
        <meta name="description" content="Sayfanız hakkında en fazla 160 karakter uzunluğunda açıklama" />
        <meta name="keywords" content="arama, motorları, bulsun, diye, sayfa ile alakalı, kelimeler" />
    </head>
    <body>
        <p>HTML Etiketi: title örneği</p>
    </body>
</html>
]]> http://www.ugorur.com/html-etiketi-title/feed/ 0 HTML Etiketleri Genel Özellikleri http://www.ugorur.com/html-etiketleri-genel-ozellikleri/ http://www.ugorur.com/html-etiketleri-genel-ozellikleri/#comments Sun, 15 Apr 2012 20:04:37 +0000 ugorur http://www.ugorur.com/?p=317 Bazı özellikler birçok etiketde birden kullanılabiliyor. Bunları her eHTML5tiketde tekrar etmek yerine ayrı bir yazıda topladım. Aşağıda bu özellikleri görebilirsiniz.

Özellikler

  • dir: Elementte yazıların soldan sağa (ltr) yada sağdan sola (rtl) gitmesi gerektiğini söyler. Eğer değer girilmediyse ltr’dir.
  • lang: Elementin dilini belirtir. (tr, en, us, vb..)
  • accesskey: basılacak klavye tuşunu değer olarak alır. Kullanımı: ALT + basılacak tuşa veya ALT + SHIFT + basılacak tuşa basıldığında özelliği alan etikete odaklanır.
  • class: Elementin CSS sınıfını belirler.
  • contenteditable: Elementi düzenlenebilir yapar. Değer olarak true yada false alır. Varsayılan olarak false’dur.
  • draggable: Elementi sürüklenebilir yapar. Değer olarak true yada false alır. Varsayılan olarak false’dur.
  • hidden: Elementi gizler. Değer almadan kullanıla bilir.
  • id: Elementin benzersiz ismini belirler. Aynı sayada aynı id iki yada daha fazla kullanılmamalı.
  • style: Elemente özel CSS kodu verebileceğiniz özellik.
  • tabindex: Elementin tab tuşundaki sırası.
  • titleElementle ilgili extra özellik belirtmek için kullanılabilir.
]]> http://www.ugorur.com/html-etiketleri-genel-ozellikleri/feed/ 0 HTML Etiketi: head http://www.ugorur.com/html-etiketi-head/ http://www.ugorur.com/html-etiketi-head/#comments Sun, 15 Apr 2012 18:07:13 +0000 ugorur http://www.ugorur.com/?p=300 HTML5Eğer kurallara uygun yazmak istiyorsak <html> etiketinden sonra; sitenin temel bigiler kod bloğunun yer alacağı <head> etiketi gelir.

HEAD Etiketi

Sayfanın temel bilgilerinin kod bloğunu içeren kısımdır. İçinde

etiketleri kullanılabilir.

HEAD Elementi Özellikleri

  • Tüm genel özellikler. (Tam liste için tıklayın.)

Örnek

<!doctype html>
<html lang="tr">
    <head>
        <title>HTML Etiketi: head örneği</title>
        <meta charset="utf8" />
        <meta name="description" content="Sayfanız hakkında en fazla 160 karakter uzunluğunda açıklama" />
        <meta name="keywords" content="arama, motorları, bulsun, diye, sayfa ile alakalı, kelimeler" />
    </head>
    <body>
        <p>
            HTML Etiketi: head örneği
        </p>
    </body>
</html>
]]> http://www.ugorur.com/html-etiketi-head/feed/ 0 PHP Fonksiyonu: echo http://www.ugorur.com/php-fonksiyonu-echo/ http://www.ugorur.com/php-fonksiyonu-echo/#comments Sun, 15 Apr 2012 17:43:49 +0000 ugorur http://www.ugorur.com/?p=291 PHPecho fonksiyonu PHP‘nin vazgeçilmez fonksiyonlarındandır. Bir yada daha fazla dizge’yi ekrana yazar.

echo fonksiyonu bir işlev değil, dil oluşumudur yani normal fonksiyonlar gibi kullanılmaz, geriye değer döndermez.

Örnek Kullanımlar

<?php
    echo 'Merhaba Dünya.'; /* Ekrana "Merhaba Dünya" yazacaktır. */

    echo 'Bu çok
satırlı bir
yazidir.'; /* Ekrana "Bu çok
satırlı bir
yazidir." yazacaktır. */

    echo 'Ayrıca \nbu da çok satırlı \nbir \nyazidir.' /* Ekrana "Ayrıca
bu da çok satırlı
bir
yazidir." yazacaktır. */

    echo 'echo içinde kaçış karakteri (\\) kullanılabilir.'; /* Ekrana "echo içinde kaçış karakteri (\) kullanılabilir." yazacaktır. */

    $degisken1 = 'Değişken 1'; /* Bir değişken tanımladık */
    echo $degisken1; /* Ekrana "Değişken 1" yazacaktır */
    echo 'Bu ' . $degisken1; /* Ekrana "Bu Değişken 1" yazacaktır */
    echo "Bu $degisken1"; /* Ekrana "Bu Değişken 1" yazacaktır */
    echo "Bu {$degisken1}"; /* Ekrana "Bu Değişken 1" yazacaktır */
    echo 'Bu $degisken1'; /* Ekrana "Bu $degisken1" yazacaktır */

    $dizi1 = array('eleman1' => 'Eleman 1'); /* Bir dizi tanımladık */
    echo $dizi1['eleman1']; /* Ekrana "Eleman 1" yazacaktır */
    echo 'Bu', $dizi1['eleman1']; /* Ekrana "Bu Eleman 1" yazacaktır */
    echo "Bu {$dizi1['eleman1']}"; /* Ekrana "Bu Eleman 1" yazacaktır */
    echo "Bu $dizi1['eleman1']"; /* Ekrana "Bu Eleman 1" yazacaktır */
    echo 'Bu $dizi1["eleman1"]'; /* Ekrana "Bu $dizi1["eleman1"]" yazacaktır */

    echo $degisken1, $dizi1['eleman1']; /* Ekrana "Değişken 1Eleman 1" yazacaktır */
    echo $degisken1 . $dizi1['eleman1']; /* Ekrana "Değişken 1Eleman 1" yazacaktır */

    echo <<<YORUMLU
Burada "yorumlu metin" (heredoc) sözdizimi kullanılmış
olup bu dizgenin içindeki her $degisken1 yorumlanır.
Yorumlu metin sonlandırıcısı son satırda yer almalı ve
ardındaki noktalı virgül dışında etrafında hiçbir karakter
(boşluklar dahil) bulunmamalıdır!
YORUMLU;
/* Ekrana "Burada "yorumlu metin" (heredoc) sözdizimi kullanılmış
olup bu dizgenin içindeki her Değişken 1 yorumlanır.
Yorumlu metin sonlandırıcısı son satırda yer almalı ve
ardındaki noktalı virgül dışında etrafında hiçbir karakter
(boşluklar dahil) bulunmamalıdır!" yazacaktır. */

    $degisken2 = true; /* Bir değişken tanımladık */
    ($degisken2) ? echo 'Doğru' : echo 'Yanlış'; /* Bu kod echo işlev olmadığından çalışmayacaktır. */
    echo ($degisken2) ? 'Doğru': 'Yanlış'; /* Ekrana "Doğru" yazacaktır. */
?>
]]> http://www.ugorur.com/php-fonksiyonu-echo/feed/ 0 HTML Etiketi: html http://www.ugorur.com/html-etiketi-html/ http://www.ugorur.com/html-etiketi-html/#comments Sun, 15 Apr 2012 17:07:34 +0000 ugorur http://www.ugorur.com/?p=288 HTML5Eğer kurallara uygun kod yazmak istiyorsanız, HTML5 sayfalarınız <!doctype html> ve <html> etiketleri ile başlamalı ve </html> ile bitmeli.

Bu yazıda <html> etiketi ile ilgili detaylı bilgiye ulaşabilirsiniz.

DOCTYPE Etiketi

Özel bir etikettir. Sayfanın hangi kodlama dili ile yazıldığını tarayıcıya söyler. HTML5 için aşağıdaki gibidir.

<!doctype html>

HTML Etiketi

Tüm HTML kodlarının içinde bulunacağı ana kod. ( hariç.) Ayrıca tarayıcıya HTML kodlarının başladığı ve bittiği yerleri söyler.

<html></html>

HTML Elementi Özellikleri

  • manifest: Çevrimdışı girildiğinde nelerin önbelleğe alınıp alınmayacağını belirleyen dosyaya bağlantı. Detaylı bilgi için tıklayın.
  • Ayrıca tüm genel özellikler. (Tam liste için tıklayın.)

Çevrimdışı Önbelleği

HTML5 ile gelen en güzel özelliklerden biride sayfaya girildiğinde nelerin önbellekten alınacağını, hangi sayfanın sadece internet varken girileceği, hangi tarihten itibaren olan önbelleği kullanacağınızı ve belli bir bağlantı grubunu yönelendirmeyi ayarlayabileceğiniz bir dosya oluşturabilmektir.

Dosya ve İçeriği

CACHE MANIFEST
 #2012-02-21 v1.0.0
 /reset.css
 /tema.css
 /sitil.css
 /logo.gif
 /jQuery.js

NETWORK:
 /uye/*
 /sonYazilar.php

FALLBACK:
 /yazilar/ /cevrimdisi.html

CACHE MANIFEST (zorunlu): Hangi dosyaların ön belleğe alınacağını belirler. # ile beilrlenen tarih ve versiyon, en son hangi önbelleğin alındığını belirtir. Bu tarih ve versiyondan öncesi silinir.
NETWORK: Hangi dosyalarin önbelleğe alınmayacağını belirtir. * koyarsanız hepsi anlamına gelir.
FALLBACK: Dizin içindeki tüm dosyları veya dosyayı çevrimdışı girildiğinde yeni adrese yönlendirir.

Örnek

<!doctype html>
<html lang="tr" manifest="onbellek.appcache">
    <head>
        <title>HTML Etiketi: html örneği</title>
        <meta charset="utf8" />
        <meta name="description" content="Sayfanız hakkında en fazla 160 karakter uzunluğunda açıklama" />
        <meta name="keywords" content="arama, motorları, bulsun, diye, sayfa ile alakalı, kelimeler" />
    </head>
    <body>
        <p>
            HTML Etiketi: html örneği
        </p>
    </body>
</html>
]]> http://www.ugorur.com/html-etiketi-html/feed/ 0