Türkiye Konumlu - Limitsiz Hosting
Kişi Online AnaSayfa İletişim Site Haritası Site İçi Arama Sık Kullanılanlar
Fikirlerini Paylaş, Sen de Kazanmaya Başla!
TopList TopList
TopListimizde oyun, eğlence, html, haber, şiir, spor, müzik, sohbet, resim, forum, tr.gg, eğitim sitelerini bulabilirsiniz.
Anket Anket
Anketlerimize katılarak, siz de özgür ve bağımsız bir şekilde görüşlerinizi dile getirebilirsiniz. Anket yapılmasını istediğiniz soruyu şıkları ile birlikte bize gönderin, Sizin İçin Soralım.
Galeri Galeri
Binlerce resimden oluşan Galeri bölümündeki resimlere yorum yapabilirsiniz. Sizde Resim yollamak istiyorsanız İletişim bölümünden Resim Upload Linkini yollayabilirsiniz.
Forum Forum
Bedava-Sitem'in Kapsama alanı en geniş Forumu. Sınırsız paylaşım ve eğlence için Seviyeli bir forum. Forumu Yaşatan Yorumdur.
HTML Kodları HTML Kodları
HTML'de acemi misiniz? Sitenize Döviz kodu ekleyeceksiniz ama bulamıyor musunuz işte arşiv. Hiçbir yerde bulamayacağınız HTML Kodları ve HTML Dersleri sizi bekliyor.
Oyun Salonu Oyun Salonu
Bedava-Sitem'in En Çok Ziyaret Edilen Oyun Salonu. Oyun Severlerin Buluşma Yeri. Oyun Salonunda zamanın nasıl geçtiğini anlamayacaksınız.
Sohbet Odası Sohbet Odası
PiriketSeverler Sosyalleşme Ağına Hoşgeldiniz. Sohbet Odasında Muhabbet tavana vurmuş durumda. Genç, yaşlı demeden kaliteli ve seviyeli doyasıya sohbet.
TÜRK Bayrağına Destek TÜRK Bayrağına Destek
TÜRK Bayrağı kampanyasına destek olmak için TÜRK Bayrağı Bandını sitene ekle. Bir TÜRK Dünyaya Bedelse 70 Milyon Herşeye Bedeldir.
Ziyaretçi Defteri Ziyaretçi Defteri
Görüşleriniz bizim için değerlidir. Ziyaretçi defterine yazılanları okuyabileceğiniz gibi, görüşlerinizi de yazarak bizimle paylaşabilirsiniz. Teşekkür ediyor, en güzel günlerin sizlerin olmasını diliyoruz.
Yeşil Aşkı - Herşey Sevmekle Başlar

OYUN, GALERİ, HTML, SOHBET, FORUM, TR.GG, PARA KAZAN, TOPLİST, ANKET, KAMPANYA, VİDEO, NAPOLYON, ŞİİR, YEMEK, EĞİTİM, MÜZİK, SİNEMA, SPOR, İDDAA, FIKRA, WEBMASTER, KOD, GEYİK, TEKNOLOJİ

Html Nedir

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 veya .htm uzantısı ile saklanır. Oluşturduğumuz html dosyaları düz yazı dosyalarından başka bir şey değildir. Bir siteye girdiğimiz zaman bize görüntülenen ilk sayfa index.html, index.htm, index.asp, index.php veya default.htm dosyalarından birisidir. index.* dosyaları UNIX ve türevi sunucu sistemler, default.htm dosyasıda WinNT veya türevi sistemler için giriş sayfası olur. Yukarıda saydıklarımın dışında uzantısı değişik birçok şekilde sayfalar da sunucu sistemin ayarları değiştirilerek giriş sayfası yapılabilir. Web istemcimizin adres satırına http://www.piriketseverler.tr.gg gibi bir ifade yazarsak sunucu sistem bize, bu adresin www kök dizinindeki index.html veya hangi giriş sayfası tanımlı ise o dosyayı görüntüleyecektir.

HTML'nin Yapısı : Daha öncede söylediğim gibi html dosyaları sadece düz yazı dosyalarıdır. HTML öğrenmesi oldukça basit ve yaratıcılığa fazla açık olmayan bir dildir. Yaratıcılığa fazla açık değil dedim çünkü html ile yazdığınız sayfalar PHP, ASP, ColdFusion, CGI vb. gibi web programlama dilleri kullanılmadan statik html dışına çıkamaz.

HTML kodlarını yazmak için özel bir düzenleyiciye ihtiyacınız yoktur. Bu iş için Windows altında NotePad veya DOS-Edit, Linux altında pico, joe veya vi gibi metin düzenleyicileri yeterlidir. HTML sayfalarınızı kod yazmaksızın FrontPage, Netscape Composer, Dreamweaver gibi programlarla da hazırlayabilirsiniz. Yalnız bu programlar kullanılarak hazırlanan sayfalar genellikle belli bir çerçeve içinde olduğu için zaten dar olan HTML’nin üreticilik alanını daha da daraltmaktadır. Bunun yanı sıra HTML’yi kod düzeyinde bilmenin kullanıcıya her zaman fayda getireceği de unutulmamalıdır.

HTML bir programlama dili değildir. Programlama dili, bir seri prosedür ve açıklamadan oluşur ve genelde dış bir veriye ulaşmayı amaçlar. Bir HTML belgesi ise, başlı başına verinin kendisidir. HTML veriler içine yerleştirilen "tag" parçaları, metnin, dolayısıyla belgenin, okuyan tarayıcı (browser)tarafından verileri nasıl işleyeneceğini belirler.

Geleneksel yayıncılıkta, yazar içeriği editöre verir ve editör bu içeriği düzenleyerek, basım için hazırlar. En son işlem olarak belge basılır. Bu işlem Web ve HTML yardımı ile yazar ve editör aynı kişidir ve oluşturulan belgeler Web server üzerinden yayınlanır. Bir başka fark, yapılan iş okuyuculara dağıtılmaz, okuyucular tarafından ziyaret edilir. Yaratılan belgeler okuyucunun tarayıcısında, bilgisayarın ortamına göre ve yaratıcının istediği şekilde görüntülenir.

HTML'ye Giriş : Etiket, HTML dosyasında kullanılan komutlara verilen addır. HTML içinde kullanılan tüm etiketler “<” işareti ile başlar ve “>”ile biter. Ayrıca etiketin yorum aralığı da “</etiket ismi>” kalıbı ile bitirilir. Aşağıda etiket kullanımına kısa bir örnek verdim.

<etiket1>Burası etiket1’in yorum aralığı</etiket1>
<etiket2>
...
Burası etiket2’nin yorum aralığı
...
<etiket3>Burada etiket3 tanımlı</etiket3>

...
etiket2 hala tanımlı
...
</etiket2>
Dikkat ederseniz değişik etiketler birbirlerinin içinde kullanılabiliyor. Yani açık etiketin içinde başka bir etiket açıp istediğiniz işlemi gerçekleştirebiliyorsunuz. Etiketin bitiş işaretini (</etiket ismi>) vermediğiniz sürece o etiket tanımlı olarak işlem görür.

Tüm HTML dosyaları <html> etiketi ile başlayıp </html> etiketi ile son bulur. Bunun yanında <html> etiketi ile <HTML> etiketi arasında hiçbir fark yoktur. Ancak etiketleri küçük harflerle yazmaya alışmanızı öneririm. İleride XHTML kodları yazmak zorunda kalabilirsiniz ve XHTML dilinde etiketlerin küçük harflerle yazılması zorunludur.

HTML dosyaları temel olarak iki bölümden oluşur. Bunlar HEAD (Başlık) ve BODY (Gövde) kısımlarıdır. Başlık kısmında ziyaretçiye görünmeyen, sayfa hakkında tanımlayıcı bilgiler bulunur. Gövde kısmı ise web sayfamızın ziyaretçiye görünen kısmını yani asıl kısmını oluşturur.

<html> </html> : Daha öncede belirttiğim gibi html kodlarının yorum aralığını başlatmak için bu etiketi kullanırız.

<html>
  <head>
    <title>.....</title>
  </head>
  <body>

    ....
    body etiketinin içeriği
    ....
  </body>
</html>
Birinci satırda <html> etiketi ile HTML sayfamıza başlıyoruz. Daha sonra <head> ve <body> etiketleri <html> etiketi içerisinde tanımlanıp içerikleri yazılıyor. En son olarak da </html> etiketi ile HTML sayfamızı bitiriyoruz.

Yazdığımız html dosyasının başında bu etiketin tanımlanmaması şu an kullanılan web istemciler açısından bir sorun oluşturmayacaktır. Fakat sitenizi ziyaret eden ziyaretçi eski bir istemci kullanıyorsa bu etiketi kullanmamanız bir takım sorunlar oluşturabilir (sonsuz uzunlukta sayfa gibi). En iyisi siz her html dosyasına başlarken ve bitirirken bu etiketi kullanın.

<head> </head> : Yorum alanında sayfamız hakkında bilgilerin bulunduğu bir etikettir. Örneğin sayfamızın başlık bilgisinin bulunduğu TITLE etiketi ya da arama motorlarına bilgi sağlamak için oluşturulan META etiketi bu etiketin yorum alanında tanımlanır.

<body> </body> : HTML dosyamız içindeki en geniş içerikli etiket budur. Ziyaretçiye görünen herşey bu etiketin yorum alanında tanımlanır. Ayrıca bu etiket içinde kullanılan bileşenlerle de sayfamızın bazı temel özelliklerini belirtebiliriz.

<body text="#000000" link="#808080" bgcolor="#334455" alink="#000000" topmargin="0">

<body text="#000000" background="www.piriketseverler.tr.gg/resimler/arkafon.gif">
Girilecek KodGörevi
text = “renk” Sayfanızdaki yazıların rengine renk ile belirtilen değeri verir.
link = “renk”Sayfanızdaki bağların rengine renk ile belirtilen değeri verir.
vlink = “renk” Sayfanızdaki ziyaret edilmiş bağların rengine renk ile belirtilen değeri verir.
alink = “renk”Sayfanızdaki aktif bağların rengine renk ile belirtilen değeri verir.
bgcolor = “renk” Sayfanızın arka plan rengine renk ile tanımlı değeri verir.
background=“resim_dosyası”Eğer arka planda sade bir renk değil de bir resim kullanmak istiyorsanız, resim_dosyası kullanacağınız resmin adını temsil eder.
topmargin = “değer”Sayfamızda kullanacağımız bileşenlerin istemci penceresinin üst kenarına olan uzaklığını belirler.
leftmargin = “değer”Sayfamızda kullanacağımız bileşenlerin istemci penceresinin sol kenarına olan uzaklığını belirler.
rightmargin = “değer”Sayfamızda kullanacağımız bileşenlerin istemci penceresinin sağ kenarına olan uzaklığını belirler.
onload = “betik”Sayfa yüklenirken çalıştırılacak javascript betiğini belirler.
onunload = “betik”Başka bir sayfaya geçerken çalıştırılacak javascript betiğini belirler.

<title> </title> : Sayfamızın başlık bilgisi bu etiket altında yer alır. Bu etiket head etiketi içinde kullanılmak zorundadır.

<center> </center> : Ekran çıktılarını browser penceresine ekranı ortalayacak şekilde basar. Normal şartlarda HTML sola dayalı olarak çıktı verecektir.

<hx> </hx> : Bu etiketler basit olarak bir başlık kullanmak istediğimiz zaman, başlığı yazmak için kullanılan etikettir. Etiketin kullanımında “Hx” ifadesindeki “x” 1 ile 6 arasında değerler alabilen bir tamsayıdır. Bu etiket ile ekrana basılabilecek en büyük boyutlu yazı <H1> etiketi ile, en küçük boyutlu yazı <H6> etiketi ile basılır.

<b> </b> : Yazı tipinin Kalın olarak yorumlanacağını belirten etiketdir.

<i> </i> : Yazı tipinin Eğik olarak yorumlanacağını belirten etiketdir.

<s> </s> : Yazı tipinin Üzeri Çizili olarak yorumlanacağını belirten etiketdir.

<u> </u> : Yazı tipinin Altı Çizili olarak yorumlanacağını belirten etiketdir.

<big> </big> : Yazı tipinin Büyük olarak yorumlanacağını belirten etiketdir.

<small> </small> : Yazı tipinin Küçük olarak yorumlanacağını belirten etiketdir.

<tt> </tt> : Yazı tipinin Daktilo Yazısı olarak yorumlanacağını belirten etiketdir.

<sub> </sub> : Formül ve benzeri metinleri yazarken Alt Simge görevi görür.

<sup> </sup> : Formül ve benzeri metinleri yazarken Üst Simge görevi görür.

<p> </p> : Paragraf oluşturmak için kullanılır.

<br> : BR etiketinin sonlandırıcısı (</br>) yoktur, yani bir yorum aralığından söz edilemez. BR etiketi bulunduğumuz satırdan bir satır aşağı geçmek için kullanılır.

<hr> : Ekrana yatay çizgi çizmek için kullanılır. Bu etiketinde <br> etiketi gibi sonlandırıcısı yoktur.

<pre> </pre> : Bir kod parçası, bir konsol ekranı alıntısı ya da bir ascii-art gibi içindeki boşlukların korunmasını gerektiren metinleri görüntülemek için kullanılır. Web istemciniz, tüm diğer etiketler için yorum aralığındaki fazladan boşluklarını gözardı ederek metni sarmaladığı halde <PRE> etiketinin yorum aralığındaki metnin boşluklarını olduğu gibi görüntüler.

<img> : Sayfamıza resim yerleştirmek için kullanılan etikettir.

<img src=”./resimler/banner.jpg” width=”250” height=”85” alt=”Html Kod Sitesi”>

Girilecek KodGörevi
src = "resim_dosyası"Kullanacağımız resim dosyasının tam yolunu yazarak, hangi resmin kullanılacağını belirtiriz.
width = "genişlik"Resmin genişliği burada tanımlanır.
height = "yükseklik"Resmin yüksekliği burada tanımlanır.
vspace="düşey_aralık"Resmimizi eğer metin içinde kullanıyorsak metne olan dikey uzaklığı.
hspace="yatay_aralık"Resmimizi eğer metin içinde kullanıyorsak metne olan yatay uzaklığı.
alt = "metin"Resmin üzerinde fare ile bir süre beklendiğinde çıkan açıklayıcı bilgi burada tanımlanır.
border = "değer"Resmin dışında çerçeve çizgisi olacaksa "1", olmayacaksa "0" değeri kullanılır.

<a> </a> : Bu etiketi bir adres belirterek başka sitelere, sayfalara ya da aynı sayfanın farklı bölümlerine bağ vermek veya eposta adreslerini yazmak için kullanırız.

<a href=”http://www.piriketseverler.tr.gg” target="_blank">Kod Sitesi</a>

<a href="mailto:piriketseverler@hotmail.com">İletişim</a>
Girilecek KodGörevi
href = "URL" Yorum alanındaki bileşene tıklandığında yorumlanacak adres.
target = "hedef"Yorum alanındaki bileşene tıklandığında sayfanın açılacağı yer belirtilir.
name = "isim"Sayfa içi bağlantılarda başka bir bağın hedefi olacak yeri belirtmek için kullanılır.
type = "mime_türü"Hedefin içeriğini belirtmek için kullanılır.

Bunların dışında resimleri de bağ olarak kullanabilme imkanımız var. Sayfamızda resimleri bağ olarak kullanabilmek için kullanmamız gereken kalıp aşağıdaki gibidir.
<a href=”www.piriketseverler”><img src="../images/logo.png" border="0"></a>

<a href=”www.piriketseverler”><img src="../images/logo.png" border="1"></a>

<font> </font> : HTML dosyası içinde yazdığımız yazıların ekrana nasıl bir çıktı vereceğini bu etiket ile belirleriz. Uyumlu yazı tipleri ve renkler ile sayfanıza güzelbir görünüm kazandırabilirsiniz.

<font face="tahoma" size="3" color="maroon"></font>
Girilecek KodGörevi
face = "yazıtipi"Kullanılacak yazı tipi belirlenir.
color = "renk"Yazacağımız yazının rengi belirlenir.
size = "boyut"Yazımızın boyu belirlenir.

<!-- --> : Bu etiket yorum aralığı olarak kullanılır. Bu kodun kullanım amacı HTML kodunun içine kullanıcıya görünmeyen açıklamalar yerleştirmektir.(İlk etapta işimize yaramasa bile tablo ve frame kullanarak hazırlanan karışık HTML dosyalarında çok yardımcı olacaktır.)

<frameset> </frameset> : Sayfamıza çerçeve desteği eklemek için kullanılan etikettir.

<frame name=”menu” src=”piriketseverler.html” width=”600” height=”800” scrolling=”auto”>
frameborder = "0" kodunu kullandığımız zaman çerçeveler arasında çerçeve çizgisi oluşması engellenecektir.

Girilecek KodGörevi
width = "değer"Bir çerçevenin ekrandaki genişliğini verir.
height = "değer"Bir çerçevenin ekrandaki yüksekliğini verir.
frameborder = "değer"Çerçeveler arasında çizgi olup olmayacağı belirlenir
scrolling = "auto"Kaydırma çubuğu için kullanılır. Auto, No, Yes diye 3 seçeneği vardır.

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=