GALATASARAY - CHELSEA D-SMART CANLI İZLE TRGOALS.TV

kanal 1

kanal 2

Devamı>

VİDEOLAR

neden insan yediğini anlatıyor

Bıçak Horonu

Muz yiyen kedicik

Devamı>

HTML Dersleri

HTML-Ders1: HTML Nasıl Kullanılır?

HTML kolay bir dildir. Bizim kullandığımız teknik ile öğrenmek daha da kolay olacak. Ancak her şeyden önce, sabredip bu bir sayfalık yazıyı okumalısınız. Yoksa ne bu sitede, ne de başka bir sitede pek bir şey anlayamayacaksınız.


İlk dersimizde klişeleşmiş konulara (HTML in açılımı, kimlerin bulduğu vs) değinmemize gerek yok. Bu sitede bulacağınız dersler internetteki sıkıcı derslere benzemeyecek.

1-HTML Nedir?

Html bir uzantıdır. tıpkı mp3'ün bir şarkı uzantısı olması gibi, Html de bir yazı dosyası uzantısıdır. Bu yazı dosyalarını açmak için de Microsoft Word gibi, bilgisayarınızın metin editörlerini kullanabilirsiniz.
Html uzantılı dosyalar, başka bir bilgisayardan, internet yoluyla ulaşılabilir. Microsoft Word gibi programlar interneti kullanamadığı için, Tarayıcı dediğimiz programlar oluşturulmuştur. Tarayıcılar, hem internete bağlanabilen, hem de html dosyalarını gösterebilen programlardır. En çok bilinen tarayıcılar ise şunlardır:

İnternet Explorer
Mozilla Firefox
Chrome

Çoğu internet sayfası aslında bir html dosyasıdır. Siz dosyanın adresini yazarsınız, tarayıcınız o dosyayı internetten bulup açar ve size gösterir.

Php, asp gibi farklı dosyalar da var, ama bu yazıyı html öğrenmeniz için hazırladık, html öğrenmenize yaramayacak şeylerden bahsetmiyoruz.

Tarayıcılar html dosyalarını yorumlayarak gösterir. Yani html kodlarıyla hazırlanmış dosyayı alır,inceler ve nasıl görünmesi gerektiğine karar verip size gösterir.

2-HTML Kodlarını Nasıl Görebilirim?

Bir html dosyasının yorumlanmamış haline o dosyanın Kaynağı denir. HTML sayfalarının(dosyalarının) kaynakları, html kodlarından oluşur ve tarayıcınızdaki bir sayfada bir yere sağ tıklayıp Kaynağı Göster yazısına tıklamanız gerekir.


4-Nasıl HTML Dosyası Oluşturabilirim?

Yeni bir metin belgesi oluşturup açın. Dosya -> Farklı kaydet seçeneğine tıklayın ve dosya adının sonundaki .txt yerine .html yazın.


HTML-Dersi 2: HTML Etiketlerine giriş

HTML her şeyden önce bir dildir. HTML'i bir ayda öğrenilebilecek kadar kolay yapan şey ise mantığının çok basit olmasıdır. Yabancı dillerde yüzlerce gramer kalıbı vardır. Html'de ise uymanız gereken tek bir kalıp vardır.


Kolay bir dil olmasına rağmen, internette göreceğiniz diğer html dersleri genelde ya karmaşık ya da sıkıcıdır. Biz ise size çok daha basit ve eğlenceli bir şekilde anlatmayı hedefliyoruz:

HTML sayfalar, aslında kümelerden (alanlardan) oluşur. Farklı özellikleri olan farklı kümeler vardır. Bunu anlamak için bir web sayfasını ele alalım:




Böyle bir sayfaya ilk baktığınızda farkedemeseniz de, 8 adet küme kullanılmıştır. Bunlardan 4ü resim kümesidir. Bunu görmek çok da zor değil çünkü zaten sayfada 4 adet resim var. Biri liste kümesi, diğeri ise yazı kümesidir. Geriye kalan iki küme ise alan oluşturma kümeleridir ve tek özellikleri, diğer kümelerin duracakları yerleri oluşturmaktır:





Bir yazı kümesi nasıl oluşturulur?

Şöyle:

Kod: Önizlemesi:
<a>Merhaba</a> Merhaba

Aslında bu basit bir Yazı Kümesidir. Peki bu kümeyi nasıl oluşturduk:

Yazı kümesinin sembolü a dır. Bu bilgiyi unutmamak zorundasınız.

Küme oluşturmak için 3 adımı izleriz:


Kümeyi açarız.
İçine yerleştireceklerimizi yerleştiririz.
Kümeyi kapatırız.Yukarıda örnek gösterdiğimiz kodu tekrar incelersek:






Peki diğer kümeleri nasıl oluşturuyoruz?
Aslında bu gayet basit. Yazı kümesinin sembolü a dır ve içine yazı konulur. Eğer kümemizin sembolü a değil de fieldset olsaydı şöyle açıp kapayacaktık:

<fieldset> </fieldset>

Peki içine ne koyacaktık? Aslında bu kümeden kümeye değişir. Yazı kümesi, yazı oluşturmaya yaradığı için, içine yazı konulur. Fieldset kümesi ise, çerçeveli bir alan oluşturur ve içine başka kümeler konulur:

Kod: Önizlemesi:
<fieldset><a>Merhaba</a></fieldset> Merhaba

Gördüğünüz gibi bir fieldset kümesi açıp içine a kümesi yerleştirdik. bu şekilde çerçeveli bir alan yaratıp içine yazı yerleştirmiş olduk.

Örneğin center kümesini ele alalım. center kümesinin özelliği, içindeki tüm kümeleri yatay olarak ortalamasıdır:


Kod: Önizlemesi:
<fieldset><center><a>Merhaba</a></center></fieldset> Merhaba

Bu örnekte görebileceğiniz gibi, bir önceki örnekte sol tarafa dayalı olan yazı kümesi, şimdi ortalanmış şekilde duruyor.

İleriki derslerimizde basit bir anlatımla resim kümesi dahil pek çok kümeyi inceleyeceğiz.

Son olarak, küme sembollerine kısaca etiket denilir. Her bir küme ise bir elementtir. a elementi, textarea elementi, fieldset elementi gibi...


HTML-Dersi3: Element Özellikleri

Önceki dersimizde size html'in kümelerden oluştuğunu, bu kümelere element dediğimizi söylemiştik. Ayrıca her kümenin(elementin) kendi özellikleri olduğunu da söylemiştik.
Peki bu özellikler nasıl kullanılır?
Hatırlarsanız bir element, bir açılış etiketi, bir içerik ve bir kapanış etiketi ile oluşturuluyordu.

Örneğin:
<a> Merhaba </a>
gibi.

a elementinin bir özelliğini kullanacaksak, bunu açılış etiketinin içinde kullanırız:

<a özellik="değer"> Merhaba </a>

Eğer sembolü div olan bir elemetin bir özelliğini kullanacak olsaydık, şöyle yapardık:

<div özellik="değer"> İçerik </div>
Özellik ve değer?

Örneğin a kümesinin bir özelliği href dir. href özelliği link vermeye yarar. Bu özelliğin değeri ise adres tir
Kod: Önizlemesi:
<a href="http://google.com">Merhaba</a> Merhaba

Başka bir örnek yaparsak daha iyi anlarsınız. Şimdi bir body elementi oluşturalım. Body elementi, bulunduğu yeri kaplayan bir alan oluşturur ve içine başka elementler konulur. Biz de body elementimizin içine bir a elementi koyacağız:

Kod: Önizlemesi:
<body> <a> Merhaba </a> </body> Merhaba

Body elementinin bir özelliği bgcolor dır. bgcolor özelliği arkaplan rengini değiştirmeye yarar. Bu özelliğin değeri ise doğal olarak renk adıdır. özellik="değer" kalıbımızı kullanıyoruz:

Kod: Önizlemesi:
<body bgcolor="red"> <a> Merhaba </a> </body> Merhaba

Şimdi a elementinin title özelliğini kullanalım. Title özelliği, elementin üzerine mouse ile beklediğinizde küçük bir kutucukta açıklama oluşturmaktır. Title özelliğinin değeri yazıdır. yani herhangi bir yazı kullanabilirsiniz:

Kod: Önizlemesi:

<a title="Merhaba!">

Bu yazının üzerinde

farenizi bekletin.

</a> Bu yazının üzerinde farenizi bekletin.


Burada bir başka şeye daha dikkat çekmek istiyorum. farkedeceğiniz gibi, Kodu yazarken arayaboşluklar ve boş satırlar koydum. Bunu yapmamın sebebi size bir şeyi göstermek:

HTML kodlarında bir veya daha fazla boşluk koyarsanız bu bir boşluk olarak görünür.
Satır atlamak ise gereksizdir çünkü html kodlarında istediğiniz kadar satır atlayın, tüm kodlarınızı aynı satıra yazmanızdan hiç bir farkı olmaz.

Yazılar arasında nasıl satır atlıyoruz?

Gayet makul bir soru. Satır atlamaya yarayan bir element var. Evet var. Sembolü br olan bu kümenin tek özelliği bir satırlık atlama oluşturması:

Kod: Önizlemesi:
<a>selam</a> <br/> <a>Nasılsın</a> selam
Nasılsın

Dikkatinizi çekecek şey muhtemelen <br/> nin çok saçma görünmesi olacak.

Bu da ne??
Evet, bu elementin bir açılış ve kapanış etiketi yok. Çünkü Gerek Yok.

Diyelim ki br kümesi şöyle bir şey olsaydı:

<br> </br>

İçine ne koyacaktık? Satır atlamanın içi olmaz. Bu nedenle bu element tek bir etiketle hem açılıp hem kapatılıyor:

<br/>

Burada kafanız karışmaya başlamasın. İçine birşey konulamadığı için bu şekilde yazılan elementler sadece birkaç tane:

<br/>
<input/>
<img/>
<hr/>


örneğin <hr/> elementi yatay bir çizgi yerleştirmeye yarar. HTML dili yaratılırken <hr></hr> şeklinde kararlaştırılmamasının sebebi, çizginin içine bir şey konulamayacak olmasıdır:



HTML-Ders4: A Elementinin Özelikleri

bu dersimizde bazı elementlerin özelliklerini ve kullanım örneklerini öğreneceğiz.

Bu yazıyı bitirince yapabilecekleriniz:
Yazılara link vermek
Linklerin yeni pencerede veya aynı pencerede açılmasını sağlamak
Bilgilendirici not eklemek
Yazılara class, id veya name atamak

Öyleyse lafı fazla uzatmayalım ve dersimize başlayalım:


A Elementinin Özellikleri
Geçtiğimiz derste, her bir elementin nasıl açıldığını, element özelliklerinin nasıl eklendiğini anlatmıştık. Şimdi içinde "merhaba" yazan bir a elementi oluşturalım:

<a>Merhaba</a>
A elementinin özelliklerini şu şekilde kullandığımızı söylemiştik:

<a özellik="deger">Merhaba</a>
Şimdi a elementinin en çok kullanılan özelliklerini ve alabilecekleri değerleri tablo halinde göstermek istiyorum:



Özellik Alabileceği Değerler Örnek
name herhangi bir kelime <a name="naber"> Merhaba </a>
href link <a href="http://google.com"> Merhaba </a>
target _blank , _top , _self veya _parent <a target="_blank"> Merhaba </a>
class herhangi bir kelime <a class="naber"> Merhaba </a>
style CSS kodları <a style="text-decoration:underline;"> Merhaba </a>
title Herhangi bir yazı <a title="karşılama mesajı"> Merhaba </a>

Şimdi bu özellikleri tek tek ele alalım:

Name özelliğinin etkisi, web sayfasında doğrudan görünmez. Açıkçası name özelliğinin tek kullanım amacı, sayfadaki yazılara ve bazı başka elementlere kısa adlar koyarak daha sonra bunlara daha kolay ulaşmaktır. Daha sonra bahsedeceğim "sayfa içine köprü kurmak" yönteminde de kullanılırlar.

Ayrıca javascript dilinde de bazı elementlere ulaşmak için kullanılır. Bunu şöyle düşünün: javascript dilinde, sayfanızdaki bir paragrafa bir efekt vereceksiniz diyelim. Mesela o paragraf küçülerek kaybolsun istiyorsunuz. Bu durumda önce paragrafa bir name değeri verirsiniz. Örneğin adı "paragrafımm" olsun. Javascript komutlarını oluştururken, tarayıcıya şöyle dersiniz: "paragrafımm isimli elementi getir, sonra ona şu şu efektleri uygula". Bu kısmı okumak veya anlamak zorunda değilsiniz. Sadece meraklılar için ek bir bilgi bu.

href özelliği, tahmin edebileceğiniz gibi, elemente link vermeye yarar. Elbette her elemente link veremezsiniz. Örneğin bir tablonun kenarlığına tıklandığında bir adrese gitmesini sağlayamazsınız çünkü tablo elementinin href özelliği yoktur. Bunu daha sonra göreceğiz. Href özelliği kısaca,yazıya tıklandığında açılacak olan linki belirlemek için kullanılır. Eğer href özelliğini yazmazsanız, yazıya link vermemiş olursunuz.

Kod Önizlemesi
<a href="http://google.com">Tıkla</a> Tıkla

Ancak burada bilmeniz gereken önemli bir şey var. Eğer href değerinin başına http:// koymazsanız, tarayıcı, yazdığınız değerin başına, o anki sitenin adresini ekler. Yani eğer kodun bulunduğu sayfanın adresi http://birsite.tr.ggise, ve kod <a href="/anasayfa.html">Bir site</a> gibiyse, yazıya tıklandığında http://birsite.tr.gg/anasayfa.htmladresine gidilir. Bu kısımla ilgili sorunuz varsa yorum olarak yazabilirsiniz.


target özelliği (ingilizce hedef demek) , linkin nasıl açılacağını belirler. target değeri _blank olan bir link, yeni, boş bir sayfa veya sekmede açılır. target özelliği _self olan link, tıklandığı sayfada açılır. _parent ve _top değerlerini ise başka bir dersimizde, iframe'den bahsederken açıklayacağız.

Kod Önizlemesi
<a href="http://google.com" target="_blank">Tıkla</a> Tıkla

class özelliği yazılara sınıf atamanızı sağlar. Yani 4000 kişilik bir okul olduğunu düşünün. Eğer öğrencileri sınıflara ayırmazsanız büyük bir kargaşa olurdu değil mi? Sınıflar, css kodlarında, yazılan bir kodun hangi elemente uygulanacağını belirlemeye yarar.

Aslında henüz css öğrenmeyeceksiniz. Ama class özelliğini anlamanız için küçük bir örnek yapalım:

Genelde sitemizde iki dosya bulundururuz. Birinde CSS, diğerinde HTML kdolarımız bulunur. Css kodları, html kodlarındaki renkleri, arkaplanları, genişlikleri ve hatta saydamlıkları belirlememize yarar. Örneğin html kodumuz şöyleyse:

<a>kırmızı</a>
<a>normal</a>
<a>bu da kırmızı</a>

birinci ve üçüncü yazının kırmızı olmasını istiyorsak, bu yazılara ortak bir sınıf veririz. sınıfın adı herhangi bir kelime olabilir:

<a class="midyedolma">kırmızı</a>

<a>normal</a>
<a class="midyedolma">bu da kırmızı</a>

ardından css dosyamıza, şu css kodunu ekleriz:

.midyedolma{ color:red; }

yukarıdaki css kodlarını anlamanıza gerek yok. Sadece, class özelliğinin, css kodlarının uygulanacağı elementleri seçmek için kullanıldığını anlayın.


style özelliği de yine css ile ilgilidir.Belli bir elemente css kodları uygulamak için, kodları direkt o elementin içine yerleştirebiliriz. Örnek:

<a style="color:red;"></a> gibi. Ancak bu da css konusuna girdiği için, bu özelliği şimdilik anlamanıza gerek yok.

title özelliği, kullanıcı elementin zerinde faresini beklettiği zaman görünecek olan bilgilendirici bir not eklememizi sağlar. Bu özeliği geçen dersimizde örneklemiştik:


Kod Önizlemesi
<a title="teşekkürler!">bu yazının üstüne gelip bekleyin</a> bu yazının üstüne gelip bekleyin


id özelliği de class özelliği gibidir. Ancak id özelliği css dışında, javascriptte de çok işe yarar. Bu özelliği de şimdilik bilmenize gerek yok.


Bu dersimizi bunlarla sınırlı tutmamız daha iyi olacak. Biliyorum, bu yazıda öğrendikleriniz pek eğlenceli değil. Ancak bu ders mümkün olduğunca basit ve anlaşılır bir şekilde anlatıldığı için, sonraki derslerde daha yetenekli pek çok elementi, daha basit ve hızlı bir şekilde anlayabileceksiniz.

Bir sonraki dersimizde img, h1,h2,h3,h4,h5,h6 elementlerini inceleyeceğiz


HTML-Ders 5: Resim elementi ve başlık elementleri

Bu dersimizde html resim elementinin özelliklerini ve başlık elementlerini inceleyeceğiz.

Resim Elementi: img

Resim elementi olan img, tek bir etiketle açılır ve kapatılır:

<img />

Resmin adresi, boyutları ve kenarlıkları gibi bilgileri ise önceki dersimizde bahsettiğimiz özellik="değer" formatında ekleriz:
<img özellik="değer" />


Elbette ki birden fazla özellik ve değere yer verebiliriz.
Şimdi img elementinde en çok kullanılan özellikleri ve değerlerinin cinslerini yazalım:


Özellik Alabileceği Değerler Örnek
src resim linki <img src="http://img851.imageshack.us/img851/5412/dth6.png"/>
alt yazı <img alt="bir çiçek resmi" />
width sayı veya oran <img width="50px"/> veya <img width="20%"/>
height sayı veya oran <img height="50px"/> veya <img height="20%"/>
border sayı <img border="3" />
style CSS kodları <img style="border-color:red;-moz-border-radius:14px;" />

Yukarıdaki özellikler arasından, src mutlaka belirtilmelidir. Border değerini de kesinlikle belirtmenizi öneriyorum. Çünkü İnternet Explorer, border değerleri belirtilmemiş resimlere kendi kafasına göre kenarlık ekler. Bu yüzden kenarlık eklemeyecekseniz bile border="0" diye belirtmenizde fayda var.


Şimdi sırasıyla bu özellik ve değerleri gözden geçirelim:
src özelliği ve değeri kesinlikle belirtilmelidir. Zaten resmin adresi olmadan resmi gösteremeyiz değil mi? Resminizin adresini belirtmediğiniz sürece resminiz sayfada görünmez. Bu konuda dikkat etmeniz gereken şey, resmin adresini href ile değil src ile belirliyor olmamız. src aslında kaynak anlamına gelen source kelimesinden geliyor.


Eğer bir resminiz varsa ve bunu internete koyup linkini edinmek istiyorsanız en basitinden http://imageshack.us a kaydolabilirsiniz.
Kod Önizlemesi
<img src="http://img851.imageshack.us/img851/5412/dth6.png"/> 


alt özelliği resmin açıklamasını içerir. Eğer resim bir şekilde görüntülenemezse, resmin görünmesi gereken alanda alt değerinde yazanlar görünür. Bu değeri oluştururken belli bir kurala bağlı kalmanıza gerek yok. Resminizi açıklayan herhangi bir metin koyabilirsiniz. Ya da alt özelliğini eklemeye de bilirsiniz. Ancak alt değeri aynı zamanda arama motorlarının sayfanızı değerlendirirken kullandığı bir veri. Bu nedenle kullanmanızda fayda var.Alt kelimesini, "alternatif metin" anlamında düşünebilirsiniz.
Kod Önizlemesi
<img alt="iki tane kare" src="http://img851.imageshack.us/img851/5412/dth6.png" /> 



width özelliği, eklediğiniz resmin enini belirler. Piksel cinsinden bir değer yazmak için px kısaltmasını kullanabilirsiniz. Veya bulunduğu kısmın genişliğine göre oranlamak isterseniz sonuna % işaretini ekleyebilirsiniz. Örneğin bir hücrenin içine koyduğunuz resme width="100%" yazarsanız, resim hücrenin genişliğinde olur. Eğer hiç bir kısaltma eklemeden sayı yazarsanız, Tarayıcı bunu da piksel olarak düşünecektir. Eğer hiç bir width değeri vermezseniz, Resmin kendi genişliği kullanılır. Veya yükselik değerini belirtmişseniz, genişliği de ona göre ayarlar.
height özelliği için de yukarıdaki şeylerden sözedebiliriz. Ancak height resmin genişliğini değil yüksekliğini belirler:


Kod Önizlemesi
<img width="50px" height="200px" src="http://img851.imageshack.us/img851/5412/dth6.png" /> 
<img height="40" src="http://img851.imageshack.us/img851/5412/dth6.png" /> 





border değeri aslında çok basittir. 3, 5 gibi herhangi bir sayı yazarak kenarlığın, yani çerçevenin genişliğini belirlersiniz:
Kod Önizlemesi
<img border="4" src="http://img851.imageshack.us/img851/5412/dth6.png" /> 

style değeri olarak css kodları kullanılır. Ancak şu an için bundan bahsetmeye gerek yok. Html dersleri bitmeden css derslerine başlamayacağız.


Resimlere link vermek


HTML dilinde bildiğiniz gibi, elementler kullanırız. İlk dersimizde bu elementleri kümelere benzetmiştik ve bazı kümelerin diğerlerini kapsayabileceğini söylemiştik. İşte şimdi o özellikten bahsetme zamanı:
Resim kümesinin href özelliği yoktur. Bu nedenle resimlere link vermek istediğimizde, href özelliği olan bir elementin içine koyarız. Ve bu element çoğunlukla, yazı kümemiz olan "a" dır:


Kod Önizlemesi
<a href="http://google.com"> <img src="http://img851.imageshack.us/img851/5412/dth6.png"/></a> 





Başlık Elementleri


Başlık elementleri, aslında son derece kısırlaştırılmış birer yazı elementidir. Başlık elementlerini şu şekilde gösterebiliriz:


Kod Önizlemesi
<h6>Merhaba</h6>
Merhaba
<h5>Merhaba</h5>
Merhaba
<h4>Merhaba</h4>
Merhaba
<h3>Merhaba</h3>
Merhaba
<h2>Merhaba</h2>
Merhaba
<h1>Merhaba</h1>
Merhaba


HTML-Ders 6: Tablolar

 Bu dersimizde html tabloların nasıl oluşturulduklarıyla ilgili bazı şeyleri öğreneceksiniz! Üstelik olabilecek en kolay şekilde!

Aslında Tablo kodları kolaydır. Html tablolarının tek bir zor yanı vardır: "anlatmak" :D Evet, html tablolarını anlatmak zordur. Ama anlatabilirseniz, anlamak çocuk oyuncağı olur.

Hatırlatma: küme mantığıDaha önce HTML deki her bir elementin aslında bir küme gibi olduğundan bahsetmiştik. İç içe kümeler oluşturabiliyoruz mesela. yani bir yazı kümesi oluşturursak:

<a> </a>

Sonra bunun içine bir resim kümesi koyarsak:

<a> <img/> </a>

Eğer istesek, bir Div kümesine iki paragraf kümesi ve her birine ikişer yazı kümesi ekleyebiliriz:

<div>
<p>
<a> </a>
<a> </a>
</p>


<p>
<a> </a>
<a> </a>
</p>

</div>

Bunları alt alta da yazsanız, yan yana da yazsanız bir şey değişmez.

Tabloları oluştururken de, bu şekilde en az 3 farklı element kullanacağız. Şimdi istersen bir tablonun kümelenişini görelim:
Tablo Elementinin Kümelenmesi




Yukarıdaki gibi görünen bir tabloda, aslında iç içe konulmuş 7 tane element vardır.
1 adet tablo elementi. Bu tablo elementinin içine yerleştirilmiş 2 adet satır elementi ve her bir satır elementinin içine konulmuş iki tane hücre elementi.

Aslında anlaşılması gayet basit. Tablo elementimizin adı table dır.(teybıl diye okunur). satır elementi tr dir ve hücre elementi td dir.

Yukarıda soldaki tablonun kodları şunlardır:


<table>

<tr>
<td></td>
<td></td>
</tr>


<tr>
<td></td>
<td></td>
</tr>


</table>

Eğer tablonuzda sadece bir tek satır, ve o satırda da 3 adet hücre olsun isteseydiniz:

<table>
<tr>
<td></td>

<td></td>
<td></td>
</tr>
</table>

Bunu yapardınız. hücrelerin içine ise istediğinizi yazabilirsiniz. <td>merhaba</td> gibi.

HTML kodların önemli bir özelliği, satır atlayarak yazmanızın hiç bir anlamı olmamasıdır. yani yukarıda verdiğimiz kodu şu şekilde yazabiliriz:

<table> <tr> <td></td> <td></td> <td></td> </tr> </table>

Tüm bunların dışında, tabloların bir dezavantajı vardır:

Hücreleri hizalarlar! Yani bir satıra iki, diğer satıra üç hücre koyarsanız şöyle görünür:


Bunu aşmak ve hücrelerin genişliğini istediğimiz gibi ayarlayabilmek için hücre elementinin özelliklerini öğrenmemiz gerekir:
TD Elementinin Özellikleri

Özellik Değer Ne İşe Yarar? Örnek Kullanım
align left
right
center
justify hücre içindekilerin sağa sola ortaya veya her iki tarafa hizalanmasını sağlar. <td align="right"> merhaba </td>
bgcolor rgb(x,x,x)
#xxxxxx hücrenin arkaplan rengini rgb veya hex renk kodlarıyla belirler. <td bgcolor="#000000"> merhaba </td>
colspan sayı hücrenin yatay olarak kaç hücrelik yer kaplayacağını belirler. <td colspan="2"> merhaba </td>
rowspan sayı hücrenin dikey olarak kaç hücrelik yer kaplayacağını belirler. <td rowspan="8"> merhaba </td>
height piksel piksel cinsinden hücrenin yüksekliğini belirtir. <td height="40px"> merhaba </td>
width piksel piksel cinsinden hücrenin genişliğini belirtir. <td width="120"> merhaba </td>
valign top
middle
bottom hücre içindekilerin hücrenin alt veya üst kenarına dayanmasını veya dikey olarak tam ortalanmasını sağlar. <td valign="top"> merhaba </td>

Bu derslik burada kesmek yararlı olacaktır. Bir daha ki derste tabloların tüm özelliklerini ve uygulamalarını öğreneceğiz.

HTML-Ders 7: Tablo Kodu Özellikleri

Bir önceki dersimizde,tablo elementlerine değinmiştik ve td elementinin özellik-değer listesini vermiştik. Aslında tablo elementleri webmasterlar için ağır birer yük. Css3'ün çıkışıyla birlikte, tablo elementleri tamamen gereksiz bir hal aldı. Yine de karşılaştığınız bir kodu anlayamazsanız kendimizi suçlu hissetmek istemiyoruz. Bu nedenle bu derste, tablo elementi özelliklerinin genel kullanımına örnekler göstereceğiz.

Hatırlatma: Tablolar
Önceki dersimizde öğrendiklerimizi kullanarak, 2 satır 2 sütundan oluşan bir tablo hazırlayalım:
1.adım: bir tablo alanı oluşturalım:

<table>
...
</table>

2.adım: tablo elementimizin içine, 2 adet satır ekleyelim:

<table>
<tr>
...
</tr>

<tr>
...
</tr>

</table>

3.adım: her satıra 2 adet hücre ekleyelim:

<table>
<tr>
<td>...</td> <td>...</td>
</tr>

<tr>
<td>...</td> <td>...</td>
</tr>

</table>


Elbette bunların hepsini tek satıra da yazsak bir şey değişmeyecek:

<table> <tr> <td>...</td> <td>...</td> </tr> <tr> <td>...</td> <td>...</td> </tr> </table>

Daha önceden bildiğiniz gibi, her x elementinin, bazı özellik ve değerleri olabilir. Bu özellik ve değerleri kullanma yöntemimiz ise şudur:
<x özellik="değer"> </x>

Önceki dersimizi,tablo kodlarımız içerisindeki hücre elementi olan "td" için geçerli özellik ve değerleri örneklendirerek bitirmiştik:

Özellik Değer Ne İşe Yarar? Örnek Kullanım
align left
right
center
justify hücre içindekilerin sağa sola ortaya veya her iki tarafa hizalanmasını sağlar. <td align="right"> merhaba </td>
bgcolor rgb(x,x,x)
#xxxxxx hücrenin arkaplan rengini rgb veya hex renk kodlarıyla belirler. <td bgcolor="#000000"> merhaba </td>
colspan sayı hücrenin yatay olarak kaç hücrelik yer kaplayacağını belirler. <td colspan="2"> merhaba </td>
rowspan sayı hücrenin dikey olarak kaç hücrelik yer kaplayacağını belirler. <td rowspan="8"> merhaba </td>
height piksel piksel cinsinden hücrenin yüksekliğini belirtir. <td height="40px"> merhaba </td>
width piksel piksel cinsinden hücrenin genişliğini belirtir. <td width="120"> merhaba </td>
valign top
middle
bottom hücre içindekilerin hücrenin alt veya üst kenarına dayanmasını veya dikey olarak tam ortalanmasını sağlar. <td valign="top"> merhaba </td>


Gelin şimdi biraz pratik yapalım:

Hücre özellikleri: align & valign


Kod Önizleme
<table border="1">

<tr><td align="right">Merhaba</td></tr>


<tr><td align="left">Deneme Yazısı</td></tr>

<tr><td align="center" style="width:150px;">Güle Güle</td>


</tr></table>



Görebileceğiniz gibi, İlk hücreye align="right" özellik ve değerlerini vererek sağa yasladık. İkincisini sola, üçüncüsünü ise merkeze hizaladık. Aslında basit bir ingilizce dil bilgisi yeterli tüm bu özellikleri anlamak için.Şöyle ki; Align hizalamak demek. Right ise sağ demek. Yani html türkçe olsaydı, şöyle olacaktı:

<td hizala="sağ"> </td> gibi.

valign ise aslında "düşey hizalama" anlamına gelen "vertical align" ın kısaltması. Yani şöyle bir hücrede:

<td valign="top"> Merhaba</td> içerik(Yani Merhaba kelimesi) hücrenin üst kenarına yapışacaktır.

valign="middle" içeriği ortalarken, valign="bottom" içeriği hücrenin dibine yapıştırır. Hücreyi bir oda gibi düşünün. valign="middle" ise, odaya koyduklarınız odanın ortasında,havada süzülüyor. valign="top" ise tavana bitişik duruyorlar.
Son derece basit değil mi? Yine de anlamadığınız kısımlar olursa lütfen yorum bölümünde belirtin.
Hücre özellikleri: height &width
Bunları aslında biliyorsunuz. height yükseklik, width ise genişlik demek. İster html, ister css, ister başka bir kod dili öğrenin, height ve width kelimelerinden asla kurtulamazsınız. Her yerde çıkarlar karşınıza. Şimdi gelin bir örnek yapalım.

Aşağıdaki örnekte, ilk hücreye 200 piksel genişlik,40 piksel yükseklik verirken,ikinci hücreye 80 piksel genişlik verelim:

Kod Önizleme
<table border="1">
<tr>

<td height="40" width="200">
Deneme Yazısı
</td>

<td height="40" width="80">
Deneme
</td>

<td>
Deneme
</td>
</tr>

<tr>
<td>Başka bir hücre</td>
<td>Son Hücre</td>
</tr>
</table>



Burada dikkatinizi çekmesi gereken bir şey var. "Başka Bir Hücre" yazan hücreyi görüyorsunuz değil mi? Biz o hücrenin genişliğini 200 yapmadığımız halde, üstteki hücre ile birlikte o da 200 piksel genişliğe ulaştı. Neden?

Çünkü bir sütundaki her hücre aynı genişliğe, bir satırdaki her hücre aynı yüksekliğe sahiptir. Eğer "Deneme" ve "Son Hücre" adlı hücrelere bakarsanız görürsünüz. "Son Hücre" yazan hücremiz de otomatik olarak 80 piksel genişlikte kaldı. (Tablomuzdaki ilk satıra 3, ikinci satıra 2 hücre ekledik. O yüzden 2. satırda bir boşluk var.)

Peki ya biz "Son Hücre" yazan hücremizin, 2 hücre genişliğinde olmasını, ve tablonun sağ altındaki boşluğun böylece yok olmasını isteseydik?
Hücre özellikleri: rowspan & colspan
Standart olarak her hücre, bir hücrelik yer kaplar (E yani ne olacaktı?). Ama bir satırda üç, diğer satırda iki hücre koyduğumuzda şöyle çirkin bir görüntü oluşur:



Peki ya biz şöyle görünmesini istiyorsak:



İşte burada devreye giren hücre özellikleri colspan ve rowspan. colspan ile bir hücrenin kaç hücre genişliğinde olacağını, rowspan ile kaç hücre yüksekliğinde olacağını belirleyebiliyoruz:


Kod Önizleme
<table border="1">

<tr>

<td height="40" width="80">ilk</td>
<td height="40" width="80">ikinci</td>
<td>üçüncü</td>
</tr>


<tr>

<td>bir</td>
<td align="center" colspan="2">iki</td>

</tr>

<tr>

</tr></table>



Sadece tablo!
Tablolar hiç eğlenceli değildir ve sadece sıkıcı bir iki tablo yapmanıza olanak sağlar. Üstelik yan yana iki hücre koyacağız diye bir tablo elementi, bir de satır elementi koymamız gerekir. Tablo içerikleri tamamen yüklenmeden sayfada görüntülenmez. tablolar web sitenizi yavaşlatır. Tablolar sıradan çinko karbon piller gibidir. Makinenize zarar verir. Kim böyle bir şey kullanır ki?

Bu yüzden çok daha basit, kullanışlı ve eğlenceli olan "div"leri kullanırız. Ortalama bir CSS bilgisiyle(ki htmlden sonra css gayet kolay gelecek) divlere istediğimizi yaptırabiliriz. Uçururuz, kaçırırız, tablo yaparız, buton yaparız, galeri yaparız, yaparız da yaparız. Div elementi, html'in yapıtaşıdır. Evin tuğlası gibidir. Div elementi içermeyen bir web sitesi göremezsiniz.

Peki nedir bu div elementi?
Merak ettiniz değil mi?
Malesef bunun için gelecek dersi beklemeniz gerekecek.
En azından şuna sevinebilirsiniz: html'in en sıkıcı kısmını atlattınız!

Devamı>

ÇOCUK GELİŞİMİ

Sayfa Yükleniyor Lütfen Bekleyiniz...

Devamı>

EN İYİ MARKET UYGULAMALARI

Next Launcher 3D Shell 

Tsf Shell 3D Launcher 

Download

Asphalt 8: Airborne 

Download


Subway Surfers 

Download

Candy Crush Saga 




Download

Temble run 2 



Download


Traffic racer



Download

Need For Speed Most Wanted



Download

Dragon of Atlantis



Download

Clash of clans




Download

Top Eleven



Download

CSR racing 



Download

Real Racing 



Download

Adfree  uygulamalardaki reklamları kaldırmak için



Download

Lucky Patcher uygulamalardaki reklamları kaldırmak için



Download

NBA 2K14



Download

COLOR NOTE


Download

Devamı>

HER ÇEŞİT BİLGİLER

Ananas yerde yetişir



Enginarlar aslında böyle çiçeklerin dışında yetişir.. Çiçek!

Kivi, böyle asma bahçesi gibi gözüken yerlerde yetişir

Kuşkonmaz yerden çıkan bir dalda yetişir

Pırasanın böyle güzel mor çiçekleri vardır

Hurma böyle ağaçlarda yetişir

Çikolata yapımında kullanılan kakao böyle yetişir

Kereviz böyle yanarlı dönerli gözükür

Safran böyle gözüken bir çiğdem çiçeğinin ortasındaki turuncu bölgeden elde edilir

Yer fıstığı bu şekilde yerin altında yetişir


Brokoli tarlada böyle gözükür



Nohut tarlası

Brüksel Lahanası böyle garip, yerden çıkan bir odunun üstünde yetişir

Avokadolar da böyle ağaçlarda yetişir

Tahminlere göre yeryüzündeki milyonlarca ağaç sincapların gömerek sakladıkları, sonra da unuttukları kozalak türü ağaç tohumlarından kazara yetişmiştir.

Ernest Vincent Wright’ın yazdığı "Gadsby" adlı 50,000 den fazla kelimelik romandaki hiç bir kelimede E harfi bulunmamaktadır.

ABD de her 45 saniyede bir bir evde yangın çıkar.

Güneş Dünyadan 330,330 kat daha büyüktür.

Bir köstebek sadece bir gecede 90 m tünel kazabilir.

Eski Mısırlılar taştan yapılmış yastıklarda uyurlardı.

Bir hipopotam ağzını açarsa 120 cm boyunda bir insan onun içine rahatça sığabilir.

Dünyada her yıl 50,000 den fazla deprem olmaktadır.

Kedi ve köpekler de insanlar gibi solak ya da sağak olabilirler.

Bir zarın herhangi bir yüzü ile onun tam arka yüzündeki rakamların toplamı daima 7'dir.

İnsanlar parmak izinden, köpekler burun izinden tanınır. <

Boğalar renk körüdür, bundan dolayı matadorun elindeki beze saldırırlar, rengi ne olursa olsun.

Elmalar sabahları insanları uyanık tutmak için en verimli kafein kaynağıdır.

Sıkı çalışan bir erişkin günde 15 litreye yakın terler. Bu terin çoğu insan daha farketmeden buharlaşır.

Ortalama bir buzdağı 20,000,000 ton gelir.

Zehirli oklu kurbağada 2,200 insanı öldürebilecek kadar zehir bulunur.

Kibrit kutusu büyüklüğündeki altın külçesi yufka gibi açılarak bir tenis kortu büyüklüğüne kadar yırtılmadan uzatılabilir.

Güney Kore başkenti Seul, Kore dilinde "başkent" anlamına gelmektedir.

Günışığından daha fazla yararlanmak için saat uygulamasını Benjamin Franklin başlatmıştır.

Günümüzde, evlenenlerin yüzde ellisi boşanmaktadır.

Hamamböcekleri yaklaşık olarak 250 milyon yıldır yaşadıkları halde hiçbir değişime uğramamışlardır.

Hapşırdığınız zaman, kalbiniz de dâhil olmak üzere bütün vücut fonksiyonlarınız bir an için durur.

Hapşırırken Burnu ya da Ağzı Kapamak, Felce Neden Oluyor.

Havuca rengini karoten verir.

Hawaii alfabesinde sadece 12 harf bulunmaktadır.

Her 25 kişiden biri astım hastasıdır.

Her dört Amerikalıdan biri mutlaka televizyonda görünüyor.

Her iki taraf da kan bağışında bulunursa, Paraguay’da düello yapmak yasaldır.

Herhangi bir okyanusun en uzak olduğu nokta cin’dir.

Hindistan`da oyun kâğıtları yuvarlaktır.

Hindistan’daki yıllık doğum sayısı, Avustralya’nın toplam nüfusundan fazladır.

Hipopotamlar insandan daha hızlı koşarlar.

İleri doğru bir adim atıldığında, insan vücudundaki 54 kas çalışır.

İlk çamaşır makinesi 1907 yilinda Hurley Machine Co. Tarafından pazarlandı.

İnciler sirkede erir.

İnek sütünün pH değeri 6’dır.

İngilizcedeki Wendy ismi, Peter Pan hikâyesinde kullanılmak üzere uydurulmuştur.

İngiltere’deki bütün kuğular kraliçenin malidir.

İnsan beyninin % 80’i sudur.

İnsan beyninin ortalama ağırlığı 1.3kg’dır.

İnsan elinde, en yavaş uzayan tırnak başparmağınki, en hızlı uzayan tırnak ise orta parmağınkidir.

İnsan saçı, üç kilo ağırlık kaldırabilecek esnekliktedir.

İnsan vücudundaki en güçlü kas dildir.

İnsanlar beyinlerinin sadece %10’unu kullanırlar.

İnsanlar vücutlarında 300 adet kemikle doğuyorlar ama yetişkin olduklarında bu sayı 206 ya düşüyor.

İnsanlar yaşamları boyunca altı filin ağırlığına eşit miktarda yiyecek tüketiyorlar.

İnternetin yıllık büyüme yüzdesi 314.000’dir.

Kadınlar erkeklere oranla iki kat fazla göz kırpar.

Kanada, Kızılderili dilinde "büyük koy" anlamına gelmektedir.

Kangurular geri geri yürüyemezler.

Kaptan Cook, Antarktika hariç bütün kıtalara ayak basan ilk insandır.

Kaşları yukarı kaldırmak için 30 kaşı harekete geçirmek gerekiyor.

Kediler ultrason seslerini duyarlar.

Kedilerin beyninde 32 adet kas vardır.

Kelebekler ayaklarıyla tat alırlar.

Kereviz yerken harcanan kalori, kerevizin içindeki kaloriden daha fazladır.

Kış aylarında, Moskova’daki buz pateni pistleri 250 bin metrekarelik bir alanı kaplar.

Kıta isimlerinin hepsi ayni harfle başlayıp ayni harfle biter.

Kirli kar, temiz kardan daha kolay erir.

Kopeklerin ter bezleri ayaklarındadır.

Kutup ayıları solaktır.

Larry Hagman (JR.)Dallas dizisinin setinde hiç kimsenin sigara içmesine izin vermezdi.

Marilyn Monroe’nun altı ayak parmağı vardı.

Meşe ağaçları elli yaşına gelmeden meşe palamudu üretemezler.

Mexico City her sene 25 cm kadar batıyor.

Mickey Mouse’dan önce en meşhur çizgi film kahramanı Felix The Cat’di.

Monako’nun ulusal orkestrası ordusundan daha geniş bir kadroya sahiptir.

Mumyaların ayak parmakları tek tek sarılarak mumyalanmıştır.

New York bir zamanlar Amsterdam`dı.

Newton, yer çekimi kanununu fark ettiği zaman 23 yaşındaydı.

Norveç’in kuzeyinde, her yaz 14 hafta gece gündüz güneşli geçer.

Ortalama bir buzdağının ağırlığı 20 milyon ton.

Ortalama bir erkek, hayatinin 3350 saatini tıraş olmak için harcar.

Ortalama bir insan hayati boyunca iki yılını telefonda konuşarak harcıyor.

Ortalama bir pire, kendi büyüklüğünün 150 katı yüksekliğe zıplayabiliyor. Bu oranı tutturmak için bir insanin 

yaklaşık 30 metre zıplaması gerekli.

Ortalama olarak, Amerika’da günde üç adet cinsiyet değiştirme operasyonu gerçekleşmektedir.

Ödemeli telefon konuşmalarının çoğu babalar gününde ediliyor.

Pablo Picasso, parasızlık çektiği gençlik günlerinde yaptığı resimleri yakarak ısınırdı.

Penguen yüzebilen ama uçamayan tek kustur.

Peru’da hiç umumi tuvalet yoktur.

Rodin’in unlu ‘Düşünen Adam’ heykeli aslında İtalyan şair Dante’nin portresidir.

Rusya’nın dörtte biri ormanlarla kaplıdır.

Rusya’da doğudan batıya doğru seyahat edilirse, yedi saat kuşağı geçilir.

Sadece bir tane kovboy filmi kadın yönetmen tarafından çekilmiştir

Sadece dişi kanaryalar ötebilir.

Sadece dişi sivrisinekler ısırır.

Sağ elini kullanan insanlar sol elini kullananlara göre ortalama dokuz yıl daha fazla yaşıyorlar.

Sahra çölündeki Tidikelt kasabasına on yıl boyunca hiç yağmur yağmamıştır.

Salatalığın yüzde 96’si sudur.

Sallanan sandalyede hiç durmadan sallanma rekoru 440 saattir.

Sarışınların esmerlere göre daha fazla saçı vardır.

Sığırların dört tane midesi vardır.

Sihirli sözcük‘Abrakadabra’ ilk olarak yüksek ateşli hastaların ateşlerini düşürmek için söylenmişti.

Sineklerin beş gözü vardır.

Suudi Arabistan’da hiç ırmak yoktur.

Sümüklüböceklerin dört tane burnu vardır.

Tarantulalar iki bucuk yıl yiyeceksiz yaşayabilirler.

Tarih boyunca yeryüzünde bulunan altın 200 kat daha fazlası okyanuslarda bulunmaktadır.

Timsahlar dillerini dışarı çıkaramazlar.

Timsahlar renk korudur.

Tom sawyer daktiloda yazılan ilk romandır.

Uranüs, çıplak gözle görülebilen bir gezegendir.

Uyurken, televizyon seyrederken yaktığımızdan daha fazla kalori harcıyoruz.

Ünlü çizgi film kahramanı Temel Reis, 1919 yılında Elzie Crisler Segar tarafından yaratıldı.

Üzerinde barkodu olan ilk ürün Wrigleys marka sakızdır.

Venus saat yönünde dönen tek gezegendir.

Virginia woolf kitaplarının çoğunu ayakta yazmıştır.

Yarım kilo bal yapabilmek için arılar iki milyondan fazla çiçekten bitki özü toplamak zorundadırlar.

Yataktan düşerek ölme olasılığı iki milyonda birdir.

Yazar Rudyard Kipling sadece siyah mürekkep kullanırdı.

Yeni Zelanda, dünyadaki her türlü iklimin yaşandığı tek ülkedir.

Yetişkin bir ayı, bir at kadar hızlı koşabilir.

Yetişkin bir insan günde ortalama olarak 23 bin kez nefes alır.

Yıllara göre ortalama alındığında, her sene eşekler tarafından öldürülen insan sayısı uçak kazalarında ölenlerin sayısından daha fazla.

Yunuslar bir gözleri açık uyurlar.

Zebralar beyaz üzerine siyah çizgilidir.

Zürafalar 35 cm uzunluğunda siyah bir dile sahiptirler.

Zürafalar yüzemez. Yüzse bile kesin boğulur

Zürafaların ses telleri yoktur.

Adaletiyle ün salmış II. İslam halifesi HZ. ÖME

Atlas okyanusunu Büyük okyanusa bağlayan kanal PANAMA.

İlk dünya haritasını çizen denizci PİRİ REİS,

Akdenizle Kızıldenizi birbirine bağlayan kanal SÜVEYŞ KANALI

Özbekistan’ın başkenti TAŞKENT,

Park'larda görülen atlı heykellerin ön iki ayağı havada ise, heykeldeki kişi, savaşda ölmüştür. Eğer bir ayağı 

havada ise o kişi savaşta sadece yaralanmış demektir. Eğer dört ayakta yerdeyse, üstündeki kişi normal 

nedenlerle ölmüştür.

Kurşun Geçirmez Yelek, Yangın Merdivenleri-çıkışları, Araba camı silecekleri ve lazer printerlerin ortak noktası nedir ? Hepsini keşfedenler Kadınlardı.

Uğur böcekleri sadece siyah ve kırmızı renkte değildirler, 5000 ayrı renkte olanı vardır.

Güneş ısı verdikçe küçülür.


Karınca deliklerinin girişi her zaman kuzey"e bakar

 En zehirli hayvanın altın kurbağa olduğunu biliyor muydunuz?

 Bir insanın damarları arka arkaya konulduğunda dünyanın çevresini 2 defa dönenecek kadar uzunluktadır.

 Bir çift sineğin sadece nisan-mayıs aylarında bıraktıkları yumurtaların tamamından sinek çıksa idi, dünyayı 14 metre kalınlığında bir sinek tabakası kaplar

 Tarihte en uzun hakimiyette kalmış sülale Osmanlı sülalesidir: 623 yıl

 Fransa Kralı XIV.Ludvig zamanında yapılan Versay sarayında tuvalet yoktu.

 Noel babanın kıyafetleri onu yıllar önce coca cola’nın yarattığı için kırmızıymış

 Kargalar ortalama 120yıl yaşarlar

 Bir insan 1'den 1 milyara kadar 12 senede sayabildiğini biliyor muydunuz...

 yetişkin biri günde ortalama 25.000kez nefes alır

 Bir bardak kolada yaklaşık 32 küp şeker bulunur.

 Jackie chan dünyadaki bütün dövüş sporlarında dünya şampiyonudur

 Bir insanın ortalama 3 yılının tuvalette geçirdiğini??

 En büyük insan Koreli bir iş adamı boyu 3 .10

 ''Ünlü satranç ustası Kasparov saniyede 120 hamle düşünebilmektedir.'' ifadesi kesinlikle yalandır. Kasparov saniyede 2!! hamleden fazla hesaplayamadığını kendisi itiraf etmiştir

 Hapşırdığımız zaman, kalbimiz de dahil olmak üzere bütün vücut fonksiyonlarımız bir an için durur...

 Peru'da hiç umumi tuvalet yoktur..

 Buckingham Sarayı'nda 602 oda bulunuyor

 Newton, yer çekimi kanununu fark ettiği zaman, 23 yaşındaydı.

 Sağ elini kullanan insanlar, sol elini kullananlara göre, ortalama dokuz yıl daha fazla yaşıyorlar.

 Ödemeli telefon konuşmalarının çoğu, babalar gününde ediliyor.

 Galatasaray’ın Ankaragücüne attığı bir golde topa değen son 6 kişi Ankaragücü’lü futbolculardı

Toprak solucanları dondurulduktan sonra, oda ısısında tekrar hayata döndürülebilir

 Bizler yani beyaz insanlar nasıl zencileri ve de Çinlileri (Japon falan da olabilir) birbirlerine çok benzetiyorsak, onlarda bizim için aynı şeyleri düşünmektedirler.

 Kutup ayıları daha az enerji harcamak için(vucut ısılarını korumak için) arka ayaklarını ön ayaklarının izine basarlar.

İnsanlar her hapşırdığında kalbinin 0,8sn. durduğunu biliyor muydunuz?

Başkan John F.Kennedy,20 dakikada 4 gazete okuyabiliyordu

Global ısınma yüzünden yükselen deniz seviyesi 2050 yılında Shangai ve deniz kıyısındaki diğer Çin şehirlerinde büyük sellere neden olacak.Bu sellerde 76 milyon kişi evsiz kalacak

Dünyada ilk defa bir Müslüman(Saadettin Teksoy) kutuplarda namaz kılmıştır.

Türkiye’de Mehmet adında 1milyon 229 bin kişi var

Ayı inlerinin girişleri her zaman kuzeye bakar.

Değerli taşların çoğu birkaç elementten oluşur, sadece pırlanta tamamen karbondan oluşur.

Kıta isimlerinin hepsi aynı harfle başlayıp aynı harfle biter

ABD'de, yaşları 20 ile 29 arasında olan zenci erkeklerin üçte biri ya hapiste ya da gözaltında tut

İnsan saçı, üç kilo ağırlık kaldırabilecek esnekliktedir.

Geçen 3500 yılın, sadece 230 yılı barış içinde yaşanmıştır

Bir cam kırıldığında, ufalanan parçalar saatte üç bin millik bir hızla etrafa saçılır.

Günışığından daha fazla yararlanmak için saat uygulamasını Benjamin Franklin başlatmıştır.

Bugüne kadar kaydedilmiş en büyük dalga, 1971 yılında Japonya'nın Ishigaki Adası'nda 85 metre yüksekliğine ulaşmıştır

Norveç'in kuzeyinde, her yaz 14 hafta gece gündüz güneşli geçer.

Sadece dişi sivrisinekler ısırır.

Tarih boyunca yeryüzünde bulunan altın 200 kat daha fazlası okyanuslarda bulunmaktadır

Salatalığın yüzde 96'sı sudur.

Sadece erkek kanaryalar ötebilir.

En fazla asfaltlı yola sahip ülke Fransa'dır

Yarım kilo bal yapabilmek için arılar iki milyondan fazla çiçekten bitki özü toplamak zorundadırlar

Ortalama bir erkek, hayatının 3350 saatini tıraş olmak için harcar

Devamı>

SAMSUNG

Galaxy S4 Active üzerinden araba geçerse


Popüler resim paylaşım sitesi imgur üzerinden paylaşılan Galaxy S4 Active resimleri ve hikayesi oldukça ilginç. İmgur üyesinin anlattığına göre, belediye otobüsüne binen Galaxy S4 Active kullanıcısı telefonunu düşürdüğünü fark eder ve bir sonraki durakta iner.

Otobüse bindiği yere gelen kullanıcı, telefonunu asfalt üzerinde üstünden otobüs geçmiş olarak bulur. Telefonu o halde gören kullanıcı üzülerek telefonu eline alır ancak bir sürprizle karşılaşır. Ekranı parçalanmış Galaxy S4 Active hala çalışıyordu.



eBay’dan 150 dolara LCD dokunmatik ekran aksamını satın alan kullanıcı, Galaxy S4 Active’in ekranını kendisi değiştirerek kullanmaya devam etti. Resimlerde de göreceğiniz gibi cihazın üzerinden 15 ton ağırlığında otobüs geçmesine rağmen sadece akranı parçalanmıştı ve diğer iç bileşenlerinin hepsi sağlam duruyordu. Kullanıcı daha önce üstüne yanlışlıkla basarak bir iPhone kırdığını ve Samsun'un bu kadar sağlam telefon yapmasına şaşırdığını söylüyor.
S5 e rakip LG G3

Bilindiği üzere şu sıralar büyük akıllı telefon üreticileri tamamıyla yeni üretecekleri akıllı telefonlara odaklanmış durumdalar. Tüketiciler de bu üreticilerin üreteceği cihazları beklemeye koyuldular bile. Şu an bu anlamda Samsung'un amiral gemisi modeli Galaxy S5 tanıtımı en yakın cihaz olarak gözüküyor. LG ise Galaxy S5'e rakip bir cihaz üzerinde çalışıyor.

LG G3 ismiyle çıkartılması beklenen bu cihazın son gelen bilgileri cihazın bazı özelliklerini ortaya koymuştu. Şimdi ise cihaz hakkında yeni bilgiler mevcut. Bilindiği üzere LG dün LG G Pro 2 isimli cihazını duyurmuştu. Bu cihaz tanıtıldıktan sonra düzenlenen basın konferansında bir LG yöneticisine, LG G3'te parmak izi tarayıcısı ya da göz tarama teknolojisinin olup olmayacağı soruldu. LG yöneticisi ise, LG'nin 2014 yılında üreteceği tüm üst seviye cihazlar için tüm ihtimalleri düşündüğünü söyledi ve bu konuda bir açık kapı bıraktı.

Öte yandan LG'nin phablet modeli G Pro 2 ise ilk olarak Asya'da satışa çıkarılacak. Daha sonra Güney Kore'de satışa çıkarılacak olan cihaz sonrasında da ABD veAvrupa'ya gelecek. MWC 2014 fuarında da boy gösterecek olan bu cihazın Galaxy S5'le karşılaştırılmasına ise LG yöneticisinden bir tepki geldi. LG yöneticisi G Pro 2'nin kategorisinin farklı olduğunu belirtti.

Galaxy S5'e ait olduğu belirtilen kutu görseliyle tüm teknik özellikler ortaya çıktı


24 Şubat'ta tanıtımı yapılacak olan Galaxy S5 modeline ait olduğu belirten kutu görseli üzerinden teknik ayrıntılara ulaşıldı.

Samsung'un Galaxy S5 modelinin tanıtımını yapmasına günler kala, bu ürüne ait olduğu belirtilen kutunun fotoğrafı yayımlandı. Kutudaki en önemli detay, elbette arka kısımda teknik özellik listesine yer veriliyor olması. Eğer görseli yayımlanan kutu gerçekten Galaxy S5'e aitse, şu ana kadar teknik ayrıntılarla alakalı ortaya çıkan haberlerin önemli bir kısmı doğruyu yansıtıyor.

Kutu üzerindeki sıralamaya göre teknik özellikler ebaktığımızda listenin en başında 4G, LTE desteğinin belirtildiğini görüyoruz. Bu kısımda akıllı telefonun 150 Mbps'ye kadar 4G desteğinin sunulduğu belirtiliyor.

İşlemci tarafında 2.5 GHz'de görev yapan dört çekirdekli bir modelin yer aldığı ifade ediliyor. Geçtiğimiz dönemlerde hazırladığımız haberlerin birçoğunda da sıkça söz ettiğimiz gibi yonga seti tarafında kuvvetle muhtemel Qualcomm'un Snapdragon 800 çözümü kullanılacak. Dolayısıyla işlemcinin de 2.46 GHz'de görev yapacak Krait 400 olması çok büyük bir ihtimal. Cihazda Galaxy Note 3'te kullanılan miktarda (3 GB) RAM'in yer aldığı belirtiliyor. 3 GB RAM zaten bu modelde beklenen teknik ayrıntılar arasındaydı. Amiral gemisi konumunda yer alacağından dolayı 1 GB ve 2 GB RAM'in artık standartlaşmasıyla beraber akıllı telefonlarda 3 GB RAM'e geçiş devri yavaş yavaş başlıyor diyebiliriz. Bunun öncülerinden biri de tahminlere göre Galaxy S5 modeli olacak.

Ekranla ilgili detayların listelendiği bölüme baktığımızda 5.25 inç boyutu görüyoruz. Ekran boyutu da yine tahmin edildiği seviyede. Quad HD olarak da ifade edilen fakat kutuda QHD olarak geçen çözünürlük 2560 x 1440 piksel. Super AMOLED yapısında olacağı belirtilen ekranın mm değerinden büyüklüğü ise 133.3 mm'ye karşılık geliyor.

20 MP'lik otomatik netlemeli olarak sunulacağı belirtilen arka kameraya ek olarak önde de 2 MP'lik bir görüntülü görüşme kamerası bulunacak. Bahsettiğimiz gibi bu ön kamera daha çok görüntülü görüşmeler için tasarlanıyor ama elbette yeterli kalitede fotoğraflar çekmek de mümkün olacak. Arka kamera, Full HD (1920 x 1080 piksel) çözünürlükte video kaydı gerçekleştirebilecek.

Kablosuz bağlantı teknolojileri çok detaylı yazılmamış ama dahili olarak GPS desteğinin sunulduğu üzerinde duruluyor.

En önemli ayrıntılardan birisi de elbette batarya. Samsung Galaxy S5 modelinde 3000 mAh seviyesinde bir batarya geleceği, son olarak ortaya çıkan kutu fotoğrafından anlaşılıyor.



Apple vs Samsung 2.raund başlıyor

     Teknoloji dünyasının iki önemli ismi Apple ile Samsung arasında uzun yıllardır süren patent savaşlarında 2.raundun başlamasına kısa bir süre kala her iki firmada mahkemeye ihlal edildiğini iddia ettikleri patentleri ve cihazları sundu.
      Mahkemeye sunulan son dilekçelere göre Apple, Samsung'un kendisine ait 5 patenti 9 farklı cihazında ihlal ettiğini iddia ederken; Samsung ise Apple'ı 4 patentini 10 farklı cihazda ihlal etmekle suçluyor.
Davaya konu olacak olan patentler ve cihazlar şöyle:

Apple Patentler
U.S. Patent No. 5,946,647: Bilgisayar tarafından oluşturulan veri içerisindeki yapı üzerinde eylem gerçekleştirmek için sistem ve yöntem - 9.İstem
U.S. Patent No. 6,847,959: Bilgisayar sistemi içerisinde bilginin yeniden çıkarılması için evrensel arayüz - 25.İstem
U.S. Patent No. 7,761,414: Cihazlar arasında asenkron verinin senkronizasyonu - 20.İstem
U.S. Patent No. 8,046,721: Kilit kaldırma görseli üzerinde parmak hareketleri ile cihazın kilidini açma - 8.İstem
U.S. Patent No. 8,074,172: Kelime önerisi için sistem, yöntem ve grafiksel kullanıcı arayüzü - 18.İstem
Cihazlar
Admire
Galaxy Note
Galaxy Note II
Galaxy S II
Galaxy S II Epic 4G Touch
Galaxy S II Skyrocket
Galaxy S III
Galaxy Tab 2 10.1
Stratosphere

Samsung Patentler
U.S. Patent No. 7,756,087: Gelişmiş bir uydu bağlantısı veri kanalını destelemek için mobil iletişim sisteminde planlanmamış iletim yapılabilmesini sağlayan yöntem ve cihaz - 10.İstem
U.S. Patent No. 7,551,596: Mobil iletişim sisteminde üst bağlantı paket veri hizmetindeki kontrol bilgilerinin sinyalizasyonu için yöntem ve cihaz 13.İstem
U.S. Patent No. 6,226,449: Sayısal fotoğraf ve konuşmanın kaydedilmesi ve çoğaltılması için cihaz - 27.İstem
U.S. Patent No. 5,579,239: Uzaktan video iletim sistemi - 1 ve 15.İstem
Cihazlar
iPhone 4
iPhone 4S
iPhone 5
iPad 2
iPad 3
iPad 4
iPad Mini
iPod Touch (5G)
iPod Touch (4G)
MacBook Pro

SAMSUNG S5 

Samsung'un 24 Şubat tarihli resmi davetiyeleri göndermesi ile Galaxy S5 amiral gemi modeli için geri sayım başlarken, Eldar Murtazin'den cihazın donanımı ile ilgili detaylı bir iddia ortaya atıldı. Murtazin aslında daha önceki iddiaların bir nevi derlemesini paylaşmış. Ancak bir iki yeni bilgi de mevcut.
Galaxy S5 amiral gemi modelinde 5.24 inçlik Super AMOLED ekranda 2560x1440 piksel çözünürlük olacağı bir süredir dile getiriliyordu. Vivo Xplay 3S modeli ilk 2K ekranlı akıllı telefon modeli olsa da eğer iddialar doğruysa Galaxy S5 ilk global 2K ekranlı akıllı telefon olacak. Piksel yoğunluğu ise 560 ppi'ye çıkıyor.Modele güç verecek Exynos 6 yongasetinin ise 64-bit destekli olduğu ve 7xx serisi bir Mali grafik birimi taşıdığı söylentileri mevcut. Ancak yongasetinin ne tür optimizasyonlar içerdiği belirsiz. Bu yongaseti tahmin edileceği üzere 3G versiyonunda kullanılacak.

LTE versiyonunda ise iddialara göre Qualcomm'un Snapdragon 805 yongaseti yer alıyor. Pek çok noktada revize edilerek genel başarımı arttırılan Krait 450 çekirdek mimarisi kullanan Snapdragon 805, Adreno 330 grafik birimine göre yüzde 40 daha fazla performans ve 4K içerikler için optimizasyonlar içeren Adreno 420 grafik birimini beraberinde getiriyor.

Snapdragon 805 yongasetinin en erken Mayıs ayında piyasada olacağı belirtiliyordu. Bu bakımdan Samsung'un Galaxy S5 LTE versiyonunu biraz geciktireceği veya yongasetinin daha erken piyasaya çıkacağı ihtimalleri doğmuş oluyor.

Diğer bir yenilik ise Galaxy Note 3'te olduğu gibi sadece 32GB ve 64GB depolama kapasitelerine yer verilecek olması. 16GB kapasite artık tercih edilmeyecek. Zira Samsung'un kendi özel yazılımları nedeniyle depolama alanında 7GB-8GB işgal ediliyordu ve kullanıcıya kağıt üstünde yazandan daha az kullanım alanı sunuluyordu.

Galaxy S5 ile ilgili diğer bir bilinen konu ise piksellerin aldığı ışığı artıran ve böylece düşük ışıkta daha kaliteli resimler çekilmesini sağlayan ISOCELL teknolojili 16MP çözünürlükte bir arka kamera taşıyacağı. Ön kamera ise 3.2MP çözünürlükte olacak.

Son olarak batarya tarafında bir farklılık sözkonusu. Bugüne kadar 2900mAh gücünde ancak farklı bir teknoloji ile enerji tüketimini azaltan bir batarya kullanılacağı gündemdeydi. Ancak Samsung'un 3200mAh gücünde bir bataryaya yer vereceği iddia ediliyor. Bununla birlikte Samsung'un yeni bir kullanıcı arayüzü, Life Timer uygulaması, yenilenmiş S Health ve WatchON uygulamalarını da Galaxy S5 ile birlikte sunacağı ifade ediliyor. İlk davanın devamı olarak nitelendirilen bu davanın ilk duruşması 31 Mart'ta yapılacak. Bu davadan önce ise Apple CEO Tim Cook ile Samsung Electronics CEO Oh-Hyun Kwon, 19 Şubat'ta bir araya gelecek. İki CEO, avukatlarında da hazır bulunacağı toplantıda son yaşanan patent davalarını masaya yatıracak.

SAMSUNG S5 PARMAK İZİ FARKI

Galaxy S5'in en önemli yeniliklerinden bir tanesi, parmak izi tarayıcısı olabilir. Ancak bunu ilk kez duymuyoruz. İlk kez duyduğumuz şey, Samsung'un cebindeki sensörün S5'tekinden biraz farklı çalışacağı.

Korece web sitesi Etnews'a göre Samsung, bir sonraki amiral gemisinde kullanmak üzere kendi parmak izi tarayıcısını geliştiriyor. Sitenin verdiği bilgilere göre bu sensör, Iphone 5S'tekinden farklı çalışacak ve parmağınızı ekrana sürmeniz yeterli olacak.

Twitter'daki sızıntılarıyla tanınan @evleaks, geçtiğimiz günlerde "FingerprintService.apk" adlı bir dosyadan ekran görüntüsü paylaşmış, bu dosyanın Galaxy S5'ten alındığını iddia etmişti. Şimdiye kadarki raporlar, S5'te parmak izi tarayıcısının olup olmayacağı konusunda çelişiyordu. Dahası birSamsung yetkilisi, geçtiğimiz sene böyle bir teknolojiyi henüz geliştirmediklerini söylemişti. Ancak aynı yöndeki iki sızıntı, parmak izi tarama işlevinin gerçekleşme olasılığını güçlendiriyor.

Parmak izi tarayıcısı konusundaki merak, MWC 2014'teki Galaxy S5 tanıtımında ortadan kalkacak.

Devamı>