Çağlar SARAL

Çağlar SARAL

Perşembe, 19 Temmuz 2012 14:21

HTML Tablolar

Tablolar

 

  Tablolar ister Html ile olsun ister Php veya Asp.Net ile sayfa tasarlarken bizim vazgeçilmez unsurlarımızdandır.Verilerimizi düzenli ve anlaşılır bir şekilde sayfamıza yerleştirirken tabloları kullanırız...

Tablo Nasıl Oluşturulur ?_______________________________________________________________________________________

 Tablolar satırlardan,sütunlardan ve border(çerçeve) lerden oluşur..

<table>...</table> - Tablo

 

Tablo Satır,Sütun ve Sütun Başlık Tanımlama_____________________________________________________________________

<tr></tr> -- Yeni satıra geçme

<td></td> -- Yeni sütun açma

<th></th> -- Yeni sütun başlık oluşturma (İçindeki metin Kalın ve ortaya hizalanmış olarak yazar)

 

örneğin:

Adınız Soyadınız
Çağlar SARAL

<html>

<head><title>Örnek Tablomuz</title></head> 

<body>

<table>

<tr><th>Adınız</th><th>Soyadınız</th></tr> ------- <tr> Yeni Satıra Geçtik  <th> Yeni Başlık Sütunu oluşturduk

<tr><td>Çağlar</td><td>SARAL</td></tr> --------- <tr> Yeni Satıra Geçtik  <td> Yeni Normal Sütun oluşturduk

</table>

</body>

</html>

 

Tablo Çerçeve(Border) Oluşturma____________________________________________________________________

 Tablomuzun çerçeve genişliğini ' border="#" ' komutu ile belirtiriz...

#= İstediğiniz rakamı girebilirsiniz, rakam büyüdükçe çerçevemizin kalınlığıda artar, "0" verirseniz çerçeve kalkar.....

örneğin: 

 

<html>

<head><title>Örnek Tablomuz</title></head> 

<body>

<table border="5">

<tr><th>Adınız</th><th>Soyadınız</th></tr> ------- <tr> Yeni Satıra Geçtik  <th> Yeni Başlık Sütunu oluşturduk

<tr><td>Çağlar</td><td>SARAL</td></tr> --------- <tr> Yeni Satıra Geçtik  <td> Yeni Normal Sütun oluşturduk

</table>

</body>

</html>

 

Tablo Metin Hizalama________________________________________________________________________________

 

Tablolarda iki türlü metin hizalama vardır;

1. Bütün satırdaki sütunların metinlerini hizalarız

<tr align="center veya left veya right"><td></td></tr>

2.Tek tek bütün sütunların metnini hizalarız

<tr><td align="center veya left veya right"></td></tr>

 

Devamı gelecek....

 

Perşembe, 19 Temmuz 2012 13:02

HTML Fontlar tüm ayrıntılarıyla...

Fontlar (Yazılar)

 

Font(Yazı) Tipleri _______________________________________________________________________________________________________

 Fon tipi demek ekranda görmüş olduğunu yazı(font) karakterleridir, örneğin "Çağlar SARAL" , "Çağlar SARAL","Çağlar SARAL" bunların hepsi ayrı yazı(font) tipiyle yazılmışlardır.

Html' de bunu ;

<font face="font-name"> Örnek Metin </font>

font-name = Arial, Courier, Times New Roman, v.b. olabilir.Daha fazla font tipi eklemek için farklı font tiplerini internetten indirip "Bilgisayarım->C:->Windows->Fonts" içine kayıt etmeniz yeterli

örnek:

<font face="arial"> Örnek Metin </font>

<font face="courier"> Örnek Metin </font>

şeklinde giriyoruz....

 

Font(Yazı) Büyüklüğü ___________________________________________________________________________________________________

  Yazı(Font) büyüklüğünü ayarlamak için..

<font size=#>Metin</font>     #=1,2,3,4,5,6,7... veya  +#,-#

<basefont size=#>Metin #=1,2,3,4,5,6,7

 

Örnek :

<html>

<body>

<font size="15" face="arial">Merhaba Sitemize Hoş Geldiniz</font>

</body>

</html>

 

Uyarı ! :Bunu masaüstünüzde .txt dosyası açarak içine yazınız, kayıt ederken de deneme.html olarak masa üstünüze kayıt ediniz...

 

Başlık Oluşturmak _______________________________________________________________________________________________________

 

Html sayfamızda kalıp olarak başlık oluşturabiliyoruz bunu aşağıda örneğini vermiş olduğumuz <h#>Başlık</h#> #=1,2,3,4,5,6 parametreleri içerisine tanımlayarak yapıyoruz.

<h1>Başlık1</h1> Başlık-1

<h2>Başlık2</h2> Başlık-2

<h3>Başlık3</h3> Başlık-3

<h4>Başlık4</h4> Başlık-4

<h5>Başlık5</h5> Başlık-5
<h6>Başlık6</h6> Başlık-6

 

 

Font(Yazı) Stilleri _______________________________________________________________________________________________________

 

* Yazımızı kalın yapmak için;

<b>Kalın</b>

* Yazımızı italik(eğik) yapmak için;


<i>İtalik</i>

* Yazımızı altını çizmek için;


<u>Alt Çizgi</u>

Yazımı daktilo tarzında yazdırmak için;

<tt>Daktilo</tt>

* Yazımızı üst simge yapma için;


<sup>Üst Simge</sup>

* Alt simge yapmak için;


<sub>Alt Simge</sub>

* Yazımızı üstü çizgili  yapmak için;


<s>Üst çizgi</s>

<strike>Üst çizgi</strike>

* Yazımızı büyük yapmak için;


<small>Small</small>

<big>Big</big>

 

Font(Yazı) Rengi _______________________________________________________________________________________________________

  Html web sayfamızda güzel görüntü elde etmek için yazılarımızı renklendiririz bunu yapabilmek için ;

 

<font color="#"> Renkli Yazı </font> 

<font color="red"> Renkli Yazı </font>

<font color="blue"> Renkli Yazı </font>

<font color="yellow"> Renkli Yazı </font>

vs....

#= Red,Orange,Yellow,Blue,Lightblue,Lightgreen vs. veya RGB renk tablosundaki renk kodlarından yazmanız gerekiyor 

örneğin:

<font color="#666666"> Renkli Yazı </font> Gibi....

 

Font(Yazı) Kontrolleri _______________________________________________________________________________________________________

   Html sayfamızdaki yazılarımızı alt satıra geçirme veya paragraf başı yapma gibi gereksinimlere ihtiyaç duyarız bunu html taglarıyla kısaca...

<br> alt satıra geç.
<p> bir satır atla.
<nobr> aynı satıra yaz.

Örn:

<html>

<head>

<title> Html yazı kontrolleri </title>

</head>

<body>

Merhaba <br> Ben 

Çağlar SARAL Bugün günlerden:<p> Perşembe

</body>

</html>

 

* Bu kod satırını açmış olduğunuz .txt dosyasının içine kopyalayınız ve .html olarak kayıt ederek çalıştırınız....

 

Paragraf Hizalama _______________________________________________________________________________________________________

 Html sayfamızda yazılarımızı sayfanın Ortasına,Sol tarafına veya Sağ Tarafına yaslıyabiliriz....

Bunu "align=center" , "align=left" , "align=right" kullanarak yani aşağıda görmüş olduğunuz şekilde yaparız

<h3 align=center>...</h3> Ortala
<h3 align=right>...</h3> Sağa Hizala
<h3 align=left>...</h3> Sola Hizala

 

Kısım Kısım Hizalı Yazdırma _________________________________________________________________________________________________

     Hizalama işini sadece başlıklarda yapmıyoruz, bunu yazımızın herhangi bir yerinde de yani kısım kısım yapabiliriz...

<div align="center">Div ile ortada yaz...</div>

<div align="right">Div ile sağa dayalı yaz...</div>

<div align="left">Div ile sola dayalı yaz...</div>

 

Font(Yazı) Numaralandırma _________________________________________________________________________________________________

 Sayfamızda yazılarımızı liste halinde yazabilmek için;

Noktalı Yazdırma:

<li>Merhaba</li>

  • Merhaba

<ul>Tab tuşlu sıralama</ul>

Tab tuşlu noktalı sıralama

  • Ben
  • Sen
  • o

<ul><li>Ben<li>Sen<li>O</ul>

 

Tab Tuşlu Sayısal Sıralama

  1. Ben
  2. Sen
  3. o

<ol><ul><li>Ben<li>Sen<li>O</ul></ol>

İstediğimiz Sayıdan Başlatma

<ol start=5><ul><li>Ben<li>Sen<li>O</ul></ol>

 

Yazıldığı Gibi Gösterme _________________________________________________________________________________________________

 Html sayfamızda yazılarımızın istediğimiz tarzda göstermek için kullanırız örneğin;

<pre>

Yazıldığı gibi

---------------------------Göster

-----------------------------------------------Gösterir

</pre>

HTML Kodlarımızı Yazı Gibi Gösterme ___________________________________________________________________________________

 Normalde Html sayfamızı tasarlarken html taglarını ekranda normal yazı gibi gösteremeyiz, bunu tarayıcımız komut olarak algılar bu sorunu gidermek için..

<'xmp'><'/xmp'> komutunu kullanırız...

örnek:

<'xmp'><html><hmtl><'/xmp'>

 

Dersimiz bukadar

Sizlere yardımcı olabildiysem ne mutlu bana :)

Perşembe, 19 Temmuz 2012 12:54

HTML Nedir?

HTML (Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir. HTML dosyalarının aktarımı için HTTP (Hyper Text Transfer Protocol) kullanılır. HTML dosyaları sunucu bilgisayarın sabit diskinde .html ya da .htm uzantısı ile saklanır. Yazdığımız html dosyaları düz yazı dosyalarından başka bir şey değildir. Yani yazdığımız html dosyalarını bir C ya da Pascal programında olduğu gibi bir derleyici ile derlememize gerek yoktur. Bir siteye girdiğimiz zaman bize görüntülenen ilk sayfa index.html, index.htm, index.asp, index.phpya da default.htm dosyalarından birisidir. index.* dosyaları UNIX ve türevi sunucu sistemler, default.htm dosyasıda WinNT ya da türevi sistemler için giriş sayfası olur. Yukarıda saydıklarımın dışında uzantısı değişik birçok biçemdeki sayfalar da sunucu sistemin ayarları değiştirilerek giriş sayfası yapılabilir.

Ayrıca HTML web programlamaya başlamak isteyen herkesin, ilk önce öğrenmesi gereken önemli ve basit bir dildir. Bu dili öğrenmeden Php, Asp.Net gibi dillere direk geçiş yapanların bilgi temelinde çok büyük eksiklikler oluşur ve ileride çok zorluk çekerler...

HTML Yapısı:

<html> ----------- Başlangıç

<head> ---------------------- Sayfa başlığı , sayfanın dil kodlaması, arama motorlarına bilgi vs.. bilgiler bu alanda girilir.
<title>Sayfa basligi</title> -------------- Sayfa Başlığı
</head>

<body>----------------------------------------- Sayfamızın kullanıcı tarafından görülen kısmıdır
Sayfamizda görüntülenecek kisim
</body>

</html>  ----------------- Bitiş

 

Bu konuyu herkesin bildiğini düşündüğüm için kısa kesiyorum bilmeyen arkadaşlarımız var ise bana ulaşıp detaylı bilgi alabilirler saygılar....

Perşembe, 19 Temmuz 2012 12:41

Php Ders Notları

Bu bölümde Php ders notlarını bulabilirsiniz...