Www.Webublic.Tr.Gg - Web Cumhuriyeti
 
  Ana Sayfa
  Ziyaretçi defteri
  İletişim
  Hakkımızda
  Portal
  Filmler
  YGS VE LYS
  Din Ve İslam
  Yazılarımız
  Video
  REKLAM
  Tarihi Değerler
  Avatarlar
  Bilgi Deposu
  Eğlence
  Oyun Salonu
  Bayanlara Özel
  Gif Arşivi
  Sağlık Bilgisi
  Günlük Sayfa
  ilgincbilgi
  Videolar
  Türkiye Arşivi
  Din Kültürü
  Sitemizi Destekleyin
  search
  Copyright
  Varmısın Yokmusun
  Bilgi Yarışması
  Passa Parola
  Korkunç Resimler
  İnterneti Türkler Bulsaydı
  Yazı Efekt Kodları
  zeka testi
  fairplaynedir
  Aşk Testi
  günlükburcyorumu
  cem yılmaz izle
  sitenize karışık gifler
  sitenize player kodları
  tvde bugün
  yönlendirme kodu
  Komik Resimler
  takvim ekleyin
  mini videolar
  sigaraya hayır
  Sitenize Giren Kendi İp Adresini Görsün
  bilmeceekle
  Kur'an-ı Kerim
  seniseviyorum
  siir
  japoncaad
  fıkralar
  siirdinle
  hacker vasiyetnamesi
  bunlaribiliyormuydunuz
  admini çıldırtan üyeler
  kılavyekısayol
  derstekimuhabbetler
  istiklalmarşı
  yabancıdevletbayraklari
  Formatatma
  Hit Arttırmanın Yolları
  unluler
  Duvar Yazıları
  bilimadamlari
  bilgisayarinizibozmakicin
  gozyanilmalari
  100yilsir
  Teknoloji Haberleri
  kitapozetleri
  komiksmssoz
  Yönlendirme Servisleri
  guzelsozler
  allah1dir
  turkiyekisresmi
  ulkemizbilgi
  ircadmin
  aopkural
  ircchanserv
  ircnickserv
  ircmemoserv
  msnhileleri
  aramamotorlari
  Googleye Videolarınızı Yükleyin
  Googlenin Tarihçesi
  turkcewindows
  komikyazi
  israilboykot
  polatalemdar
  hizlimenu
  nemutluturkumdiyene
  canakkalealbumu
  nutuksifre
  dogucephesi
  trakyacephesi
  guneycephesi
  inonusavaslari
  kutahyaeskisehir
  sakaryazaferi
  canakkalesiiri
  ataturkresimleri
  dogrubildigimiz2yanlis
  acigercekler
  tarihfayda
  turklerinkullandigitakvimler
  Html Renk Kodları
  resimupload
  webmaster
  radyohakkindabilgi
  facebook
  trkarayol
  icebluetasarim
  icebluebaslik
  icebluebuton
  wellcomegif
  ziyaretcibilgi
  haylazogrenci
  calinanmsn
  olumani
  gta hileleri
  firefox
  bazikodlar
  fensoru
  ataturkunsozsozleri
  ilgincbilgiler
  enkotuongoruler
  insanvucudu
  nefretnickleri
  sevginickleri
  duygunickleri
  dostluknickleri
  mutluluknickleri
  suyayazi
  sigarazarar
  sigarayarar
  askerolmakicin
  sigaranasilyapilir
  yaziyalinkverme
  ruh63gram
  bayraklarabuacidanbakin
  tv-pcgozleiliskisi
  atademirer
  barbiegifleri
  fikralar2
  turkfilmihatalari
  yabancifilmhatalari
  soltıkengeli
  enhizliinternet
  tarihicamimescitler
  Sitenizi Googleye Kaydedin
  İntroyu Butonsuz Kullanın
  11harikamiz
  peribacalari
  baziicerikkodlari
  bedavasiteyapin
  Alexa Hakkında Bilgi
  esitagirlik
  sayisal
  sozel
  ipadresigorunsun
  kodeklemekutusu
  sitenizemauseimlecleri
  sitenizeasksiirleri
  statustadegisenyazi
  sporbolumu
  yeniyilozelaylar
  siteicindesite
  sitenizicerceveicinealin
  bayrakkodlari
  Javascript Nedir
  saglikhizmetleri
  resmelinkverme
  sitenizesipsonsekleyin
  atesnasilbulunmus
  matematikyalansoylemez
  sigaraliceptelefonu
  ruyalar
  mp3kodlari
  ilgincbilgiler2
  yagankalpgifleri
  mevlana7
  dunyagifleri
  baziavatarlar
  yoneticigifleri
  karisikgifler
  arkaplankodlari1
  arkaplankodlari2
  8insirri
  kornokta
  sitenesondepremler
  yenigifleri
  flashoyunkodlari
  webmasterkod
  sitenizetvdebugün
  harbisozler
  kamyonarkasisozleri
  askespirileri
  cinatasozleri
  bayrammesajlari
  msnanlamlinickler
  sekillinickler
  komiknickler
  kapsamliarama
  sitenetarihtebugun
  sitenizemanzararesimleri
  sitenedevletlinkleri
  Css Site Ortalama
  Extraları Küçültme Kodu
  onlinehizmetler
  sitenizereklamalanlari
  sitenize_reklam_alani
  hareketsizreklamlar
  kopekliintro
  introlar
  muzikliintro
  askintrosu
  Css Menü Gizleme
  kivrilansayfakodu
  sayfagecisleri
  linklerinizeefekt
  sitenizyavassa
  canınızmı_sıkılıyor
  savasgoruntuleri
  needforspeed
  sexykizlar
  metinsecmeengeli
  sitenizeaskolcer
  istiklalmarsislayti
  alttancikaninfobar
  Google Özel Arama Motoru Oluşturmak
  enyakingunesgoruntuleri
  uzaktakiaydahayakin
  zemzeminsirri
  acilissayfasiyaptir
  scrolbardadegisenyazi
  sitenizesakaekleyin
  vedahutbesi
  alkolunzararlari
  sucicegi
  sacdokulmesi
  kankanseri
  stresinnedenleri
  agrilarinnedenleri
  emailgifleri
  deftergifleri
  Yukarı Çık Çapası
  supergifler
  dortbuyuklergifleri
  resimleriotodegistirme
  Html Kod Arşivi
  linux
  windows
  pardus
  Css Nedir
  islemcinedir
  yazilimnedir
  donanimnedir
  turklugunbelirtileri
  Google Pagerank Değerinizi Arttırmak
  virusvetrojan
  internetterimleri
  networkterimleri
  bilgisayarterimleri
  genelkodlar
  siteamaci
  karisikterimler
  cinfengsuiburclari
  sitenizetablo
  Html Listesi
  basrahatla
  kayan toplistler
  kurtlarvadisiresimleri
  cicekgifleri
  encoksoylenensarki
  sihirbazmerlin
  parishilton
  belgeselvideolar
  userbarlar
  15tanemediaplayer
  saniyelikkareler
  sinüzit
  cehennemkarikatur
  cehennemkarikatur1
  cehennemkarikatur2
  jinglebells
  seytan
  50tanesaat
  gtahileleri
  webublicarama
  usttencikaninfobar
  alttancikanbilgicubugu
  yanagidenmenuyazi
  modifiyesiteler
  radyo
  resimlisiirler
  kodbilgisi
  Kod Deneme Editörü
  Hit Servisleri
  ililturkiye
  Atatürk Arşivi
  ataturkunhayati
  ataturkunkronolojisi
  ataturkunkarnesi
  ataturkunyazdigiteksiir
  ataturkunespirilisozleri
  ataturkunannesi
  ataturkunbabasi
  ataturkundevrimleri
  ataturkhakkindailgincbilgiler
  irc
  nick
  pchakkinda
  mesleksecimi
  sigara
  bilinmeyensirlar
  oyunlar
  canınızmısıkıldı
  Spor Sayfası
  Bayraklar
  sectigimizsozler
  gununsozu
  ilimveterbiye
  akrabalar
  abdestdualari
  birlikberaberlik
  evlilikaile
  cahiliyedonemi
  peygamberdualari
  olumvesonrasi
  annebabayasaygi
  selamlasmak
  tovbe
  baslicaibadetler
  dinvebilim
  digerdinler
  brahmanizm
  budizm
  hinduizm
  samanizm
  mecusilik
  lamaizm
  meshepler
  canliistanbul
  Klib Dünyası
  rapklib
  50cent
  kemenceklib
  tulumklib
  soncikanklipler
  delikanliadam
  40yaserkek
  pratikbilgiler
  ilgincvideolar
  askslayt
  bayanlaranamaz
  manzara
  bayrakgif
  hareketliresimler
  askavatar
  hareketliavatar
  askmsn
  smileyveikon
  emniyetkemeri
  djgifleri
  askgif
  sporgif
  manav
  savinkabri
  sacbakimi
  ciltbakimi
  elbakimi
  agizsagligi
  diyet
  dogaltedaviler
  evren
  tarihidegerlerimiz2
  ayasofya
  necatisasmaz
  harput
  vazgecilmezerkek
  capkinerkek
  antievlilik
  takimelbise
  parfumsecimi
  tesbih
  erkeklerikorkutancumleler
  bekarerkek
  evegecdonme
  askklib
  bayanyazlikelbise
  bakimlisaclar
  44oneri
  makyaj
  seksigorunmek
  parlakcilt
  bacakbakimi
  selulit
  Ulusal Bayramlar
  23nisansiir
  23nisan
  23nisanbilgi
  23nisanresim
  29ekim
  29ekimbilgi
  29ekimsiir
  29ekimresim
  19mayis
  19mayisbilgi
  19mayissiir
  19mayisresim
  30agustosbilgi
  30agustossiir
  30agustosresim
  tablo
  Cinsine Özel
  dinisayfa
  kayansondakikahaberleri
  Kağıt Katlamalar
  kopekkatlama
  gemikatlama
  ayıkatlama
  kedikatlama
  gulkatlama
  aslankatlama
  pandakatlama
  ordekkatlama
  kalemkatlama
  katilimkodu
  youtubegiris
  3difade
  ataturkdiyorki
  gununanketi
  cilekoyun
  3dswat
  mario
  parkoyun
  sayfayukleniyor
  sayac
  sagopakajmershow
  yukari
  gereklisiteler
  haberbaz
  shakespeare
  kurandanayetler
  onemlitelefonlar
  randomposter
  turbospirit
  beachtenis
  goblinheart
  devinephotosofislands
  usttekalankutu
  sukirliligi
  popverockslayt
  yenitasarim
  stresatmak
  heranbuyuyoruz
  canlitv
  fethiyeoludeniz
  agridagi
  siteneflashkelebekler
  hersaniyebuyuyoruz
  Google Site Bağlantısı
  Gmail Hesaplarında Mail İptali
  terimler
  Sitenize BookMarks Ekleyin
  icebluetasarimhakkinda
  maillinki
  yenipenceredelink
  bilginedir
  gereklisitelerkodu
  Google Gibi Logonuz Olsun
  ucretsizbloghizmetleri
  wwwnunacilimi
  kadehtokusturmak
  kedilerbalikvesut
  sagopakajmer
  odevsayfasi
  Genel Web Dersleri Videoları
  domuzgribi
  anitkabir
  ataturkunkucuklugu
  tekerlemeler
  muhendislerolmasaydi
  50centresimleri
  cssilahlari
  tukenmezkalem
  nicingozyasidokeriz
  dunyasavasi
  aksiyon
  buzdasavas
  atakzamani
  kaleyivur
  tanklasavun
  savunmabotu
  denizsavasi
  aksiyon2
  ofkelikamyon
  gokkusagibombardimani
  cesurtank
  havaharekati
  atomikyarisci
  aksiyon3
  yesiltank
  otohirsizi
  gemisavasi
  gemisavunma
  catisma
  sakacimaymun
  beceri
  hediyedusur
  klavyesavasi
  kanguruziplat
  topukacir
  yumurtalaritopla
  oyuncaksatisi
  cocukoyunlari
  yumurtatopla
  maymunsirala
  teletabi
  tavsan
  yildiztopla
  sekerlihelikopter
  oyuncaklarioynat
  cilginfindik
  elmacimiki
  oyuncakci
  kelebekyakala
  sekertopla
  cssmenu
  topukkirmaca
  batakliktayuruyus
  dengedetut
  cilgincocuk
  solucanaraba
  selalepatlat
  hareketlipota
  surubilardo
  giysioyunlari
  poliskiz
  ascikiz
  kahramangiydir
  baloyahazirlik
  kovboykiz
  tavsankulaklilar
  cadigiydir
  ufakligigiydir
  2kisilikoyunlar
  cilgintavuk
  fordmotor
  2kisilikmario
  sallanankediler
  carpisanmac
  kucuktanklar
  flashtank
  elkizartmaca
  kizoyunlari
  bratzkuafor
  bratzakvaryum
  bratzbuzpateni
  bratzmakyaj
  parishiltonoyna
  sinememakyaj
  makyajseti
  starperimakyaj
  beyzbol
  3doyunlar
  tetris
  araba
  dagbisikleti
  uzaydayaris
  mankenoyunlari
  mutlucift
  kiyafetbegen
  universitelikiz
  mankensusleme
  ruyamanken
  sporoyunlari
  buzhokeyi
  golfevde
  kizgol
  langirt
  futbolyildizi
  plajdafrikik
  garfield
  mousetenis
  tenistopusektir
  neselibilardo
  scoobysektirme
  voleybolcudaffy
  yaris
  hiperarac
  kucukyarisx
  itaiyarisi
  deliaraba
  grandprix2
  superarabayarisi
  arabasurucusu
  5milyarisix
  4x4
  sehiryarisi
  superyaris
  heyecanliyaris
  superdrift
  3drally
  Google Reklamlarını Ortalayın
  sayfa3
  Sitenize Yüzlerce Oyun Ekleyin
  Yeni sayfanın başlığı
  deneee
  soltikengeli
  sssss
  filmizlerdinn
  sitenizefilmekleyin
  sitenizefilmekleyin2
  bannerdegisimagi
  satirlar
  www.izlerken.net baslik
  denesene
  sitenizefilm
  film
  saddsadas
  asdadsasad
  kurtlar vadisi pusu 92. bölüm fragmanı
  Toplist
  kurtlar vadisi pusu 93.bölüm fragmani izle
  kurtlar vadisi pusu 93.bölüm izle
  aşk-ı memnu veda son bölümü
  Yeni sayfanın s
  Yeni sayfanFın başlığı
  asdasdğı
  Yeni sayfanısdsdn başlığı
  Yeni sayfanısdsan başlığı
  Yazılar
kodbilgisi

HTML komutları ve kullanımları

Bir WEB sayfasının standart bileşenleri şunlardır:

<html> ve </html> : Sayfanın başlangıç ve bitişini belirtir.

<head> ve </head> : Sayfanın başlık bilgileri 'title', 'meta' vs. buraya yerleştirilir.

<title> ve </title> : Sayfanın içeriğinin ne olduğunun tanıtılmasında kullanılır. Sayfada görünmez ama İnternet Explorer bunu sayfayı tanımlamakta kullanır.

<meta> : Sayfanın içeriği hakkında www tarayıcılarına bilgi sağlamak için gereklidir.

<body> ve </body> : Sayfanın içeriğinin başlangıç ve bitişini belirtmekte ve sayfa hakkındaki genel tanımlamaları yapmakta kullanılır.

Yukarıdaki bu komutların, bir web sayfasının içindeki sıraları aşağıdaki gibidir. Bir yazı editoru (Dreamweaver, FrontPage vs.) ile ilk örneğimizi yazarsak:

<html>
<head>
<title>Bir HTML Denemesi</title>
<meta name="description" content="Html sayfası için bir kullanım örneği"></head>
<body bgcolor=white>Bu sayfa inşa halindedir ya da this page is under construction web sayfalarında ille de olması gerektiği düşünülen saçma yazılardır.
</body>
</html>

Renkler, body, font, ve h1..h6

Önceki örnekte <body color=white> diye, aşağıdakinin basitleştirilmiş biçimini kullanmıştık:

<body font=purple bgcolor=#FFFFFF text=black link=blue vlink=#808090>

Burada font ile kullanılan genel yazıların rengi, bgcolor ile arkaplan rengi, text ile tanımsız yazıların rengi, link ile üzerine gelince el hareketi çekilen yazıların rengi, vlink ile de seçilmiş bağların rengi belirlenir.

Renk belirtmek için o rengin ingilizce adı ya da RGB değerleri onaltılık sistemde verilir. RGB deki sıraya göre 00-FF arası uc değer kullanılır. Hepsi sıfır ise hiçbir renkten karıştırılmaz. Hepsi FF ise her renk maksimum oranda kullanılır ve beyaz elde edilir. Örneğin salt bir kırmızı #FF0000 ile elde edilir.

<font color=...> ve </font> arasındaki yazılar belirtilen renkte yazılır.

<h1> ve </h1> den <h6> ve </h6> ya kadar standart yazı tiplerinden biri seçilerek yazı yazılır. h1 ile belirtilenler h6 ile tanımlananlardan daha büyüktür.

Örneğin:

<html>
<h1>Sayfa başlığı için uygun büyüklükte harfler</h1>
<h4>Bu harfler sanırım yazı için yeterliler</h4>
<h6>Gözleriniz bozuk değilse bu yazıyı okuyorsundur.</h6>
</html>

Yazıları biçimlendirmek: kalın, italik, ortalanmış, vs. ...

Önceki örnekte <h1>, <h2>, ... ile yazıların büyüklüklerini ayarlamanın basit bir yolunu görmüştük. HTML sayfamızın yazılarına biraz daha kişilik kazandırmak için aşağıdaki komutları da kullanabiliriz.

<b> ve </b> arasındaki yazılar koyu görünür.

<i> ve </i> arasındaki yazılar ise italik görünür.

<blink> ve </blink> arasındaki yazılar yanıp söner.

<center> ve </center> arasındaki yazılar ortalanır.

<pre> ve </pre> ile sınırlanan yazıların görüntüsünde ayarlama yapılmaz. Yani birden fazla boşluk varsa bunlar bir tane olacak şekilde azaltılmaz.

<p> paragraf başı yapmak için kullanılır. </p>

<br> bir satır atlamak için kullanılır.

<hr> bir çizgi çeker.

Sayfada resim göstermek

En basit şekliyle, bir sayfaya resim koymak için aşağıdaki komut şu şekilde;

<img src="dosya_adı" alt="..." align=... > kullanılır.

Dosya_adı, gösterilecek grafik dosyasının (gif, jpg, png tipinde) bulundugu yer ve adıdır. Bağlanılan Html sayfası ile aynı dizinde bulunan resimler için yer adı belirtmeye gerek yoktur.
Alt, resim açıklaması yazmış oluruz. Google buna önem verir.

Align, resmin konumunu belirleriz.

Örneğin:

<img src=pirikethtml.gif align=right> ile resmin sağa dayalı olarak çizilmesini sağlarız. 'right' yerine 'left', 'center', 'middle' gibi konum bildirici bir başka sözcük de kullanılabilir.

Ayrıca yukarıdakilere ek olarak 'border', 'width', 'height' belirteçlerini de <img ...... > içinde kullanabiliriz. Bunlardan 'border=' resmin çerçevesini belirleriz; border=0 dersek hiç çerçeve çizilmez. Width ve Height ile resmin boyutlarını belirleyebiliriz. Web Sayfamızın hızlı açılmasını istiyorsak, her resmin width ve height özelliklerini kullanmalıyız. Bu sayede browser programınız resimlerin yüklenmesini beklemeden çevrelerine yazıları yerleştirebilecektir.

Sayfanın hizli geliyor gibi görünmesini sağlamanın bir yolu da 'lowsrc' belirtecini <img .....> içinde kullanmak. Eğer kullandığımız resimlerin bir de bulanık/niteliksiz/siyah-beyaz ama az yer tutan bir benzerini daha yapar, ve bunu <img src="resim.gif" lowsrc="hizliresim.gif" alt="[resim]"> şeklinde tanımlarsak, ilk önce hizliresim.gif yüklenip gösterilecektir. Bu sayede bulanık iken yavaş yavaş netleşmeye başlayan resimler belirir sayfamızda. Bunun yararı ise sayfanıza bakan kişinin çabuk karar vermesini sağlıyor olmasındadır.

HTML sayfasına Link yerleştirmek

<a> ve </a> : HTML'nin temeli olan bu komutlarla Link yapılır.

<a href="Hedef Link">Açıklama</a> Biçiminde kullanılır.

Açıklama, ister yazı ister bir grafik ya da herhangi bir nesne olabilir.
"Hedef Link" ise yerel kaynakları gösteren bir dosya adı yada uzak bir makinedaki bir başka nesneyi (yazı, grafik, video vs.) gösteren bir Link olur.

Örnek:

<a href="ftp://ftp.webublic.tr.gg/">Web Cumhuriyeti</a>

Ve, internetin en gözde kullanımı: Bir web sayfasından başka bir web sayfasına bağlanma:

<a href="http://www.webublic.tr.gg/Forum/">Webublic</a>

Kendi dizininizdeki bir sayfa için:

<a href="Html-Dersleri.html">HTML Dersleri için buraya Tıklayabilirsiniz.</a>

Link yardımıyla etkileşimli kullanım örneği

Bir Linke ard arda tıklamak yoluyla, slow motion biçiminde ardışık resim gösterebilirsiniz. Bu kullanım en basit şekliyle bir Bilgisayar Destekli eğitim sayfasında kullanılabilir. Amaç, kullanıcıya konuyu belli bir sırayla vermek ve konu içindeki ilişkilerin anlaşılmasını kolaylaştırmak.

Bunu yapmak için, önce tek bir resim ve o resmin link olarak tanımlandığı bir web sayfası hazırlamalısınız:

<html>
<title>sayfa1</title>
<body>
<a href="sayfa2.html"><img src="resim1.gif"></a>
</body>
</html>

sonra da ikinci sayfa da hazirlanmali:

<html>
<title>sayfa2</title>
<body>
<a href="sayfa3.html"><img src="resim2.gif"></a>
</body>
</html>

... bu şekilde devam edilir ve ilk sayfa yüklendikten sonra resmin üstüne tıklandığında ikinci sayfa ve içindeki resim yüklenir. İyi hazırlandığında, bu basit HTML kullanım şekliyle Java, cgi-bin, vs. bulaşmadan da etkili 'sunumlar' yapılabilir.

Ekran düzenine ilişkin daha çok komut:

<multicol cols=2> ... </multicol> : Aradaki yazılar cols= ile belirtilen sutunlara ayrılarak ekrana basılırlar. Sutun içindeki yazının sutunun ne kadarını kaplayacağını width parametresi ile belirtiriz. <multicol cols=3 width=75%> gibi. Burada boşluğu yüzde yerine piksel olarak da verebiliriz. Ayrıca iki sutun arasındaki boşluğu da gutter parametresi ile veririz: <multicol cols=2 width=500 gutter=25> yazılar... </multicol>

<spacer type=... size=... height=... width=... align=...> : Bununla paragraf başları için boşluk bırakmak mümkün. Örneğin <spacer type=block size=48> ile 48x48 piksellik bir boş kare alan yaratmış oluruz. Burada block yerine vertical ya da horizontal kullanmak da olası. Ayrıca, <spacer type=block width=320 height=200 align=right> ile 320x200'luk bir boşluk yaratıp bunu ekranda sağa dayatmış oluruz. Yine align komutundan sonra right, left, center, absmiddle gibi diğer konum belirteçlerini kullanabiliriz.

Sayfalarda Tablo Kullanımı

Genel kullanım:

<table [seçenekler]>
<tr [seçenekler]><td [seçenekler] > sutun1 yazıları</td><td [seçenekler]>sütun2</td><td>sütun 3.....</td></tr>

<tr><td>2.satırın 1. sütunu</td><td>2. sütunu</td><td>3. sütunu </td></tr></table>

Tablolar satırlar ve sütunlar şeklinde ayrılmış hücrelerden oluşuyor. Her yeni satıra başlamak için <tr> etiketini, her yeni sütun için ise <td> etiketini kullanıyoruz.

Bir örnek ile incelersek: .

<table border=1 width=200 cellspacing=2 cellpadding=2><tr>
<td align=top width="50%">Bellek tipleri</td>
<td align=top width="50%">FPM<br>EDO<br>SDRAM<br>DDR RAM<br>RAMBus</td></tr>
<tr><td align=top width="50%">Disk tipleri</td>
<td align=top width="50%">MFM/RLL<br>ATA IDE<br>ULTRA ATA<br>SCSI</td></tr>
<tr><td align=top width="50%">İşlemci tipleri</td>
<td align=top width="50%">RISC<br>CISC<br></td></tr></table>

Burada 2x3'lük bir tablo olusturduk. Tablomuz 1 pixel kalınlığında çerçeveye sahip (border=1), tablo sayfada 200 pixel genişliğinde yer tutacak (width=200), hücreler arası 2 pixel boş ve 2 pixellik bir kalınlık efektimiz var (cellspacing ile cellpadding).

Örnekte hücre genişliklerin yazı uzunluğuna göre otomatik ayarlanmaması için genişlikleri kendimiz belirledik (width="50%"). Bunu pixel olarak da belirlememiz mümkündü: <td width="100"> ile.

Hücreler içindeki yazıların nasıl yerleştirileceğini ise align="yer" ile belirtiyoruz. Burada "yer" yerine "top", "bottom", "left", "right" ve "center" kullanabiliriz.

Ve eğer, bir hücrenin iki hücre genişliğinde veya yüşekliğinde olmasını istiyorsak colspan ve rowspan seçeneklerini de kullanıyoruz. Önceki örneğe bir başlık ekleyecek olursak:

<tr><td align=center colspan="2">Bilgisayar Ana Bileşenleri</td></tr>

Tabloları içice de kullanmamız mümkün. Bu şekilde bir kullanımla bir www sayfasındaki resim ve yazıları tam istediğimiz gibi konumlandırmamız mümkün olur.

Sayfalara 'meta' komutu ile kimlik vermek

Web sayfamızın Google, Yahoo, Altavista vs. gibi tarayıcı programlar tarafından içeriğine uygun olarak dizinlerine aktarılmasını istiyorsak, <meta ...> komutunu kullanmak gerekir. Ayrica, yine bu komut sayesinde sayfamiza baglanani bir baska www adresine yonlendirebilir, bu yolla bir takim hareketli sayfalar dahi hazirlayabiliriz.

Sayfayi tanimlamak icin uc ayri meta komutu yeterli. Bunlarla sayfa hakkinda kisa bir paragraf, anahtar sozcuk listesi ve sayfayi hazirlayanin adini verebiliriz.

<meta name="description"
content="Bu site interneti sosyal bir platform haline getirmek için tasarlanmıştır.">

Yukarida, sayfamizi kisaca tanitmis olduk. Bu yazi, tarama sonucunda arayan kisiye gosterilecegi icin kisa, oz ve icerige uygun olmasi gerekir.

Tarayicilar artik sayfanin tumunde gecen sozcuklere ve bu sozcuklerle ilgili diger sozcuklere bakarak arama yapsa da, sayfanizin hangi olcutlere gore aranmasi gerektigini sizden iyi kimse bilemez. Onun icin, sayfayi tanimlayan anahtar sozcukleri de su sekilde verebiliriz:

<meta name="keywords"
content="tr.gg, webublic, html, forum, galeri, bedavasitem, video, chat, sozluk, form, htmlkod, sohbet odasi, video, resim, turk, bayrak, chat, tr.gg, oyun, geyik, güncel, forum, kampanya, tr.gg, cekilis, anket, magazin, zeka, fikra, spor, sinema, muzik, genelkültür, siir, priket, bedavasite, toplist, siteekle, webmaster, oyun salonu, özlü söz">

Ve, son kimlik bilgisi olarak sayfadan sorumlu kisiyi belirtiriz:

<meta name="author" content="Webublic">

Hazirladigimiz butun sayfalara bu turden kimlik vermeyi aliskanlik haline getirirsek, interneti arastirmalari icin bir kaynak olarak kullananlara epey yardim etmis oluruz.

Sayfa yonlendirme:

Eger yakında www adresimiz gecersiz olacaksa ve yeni bir www adresine simdiden tasinmissak, bunu kullanicalara onceden duyurmali ve onlari yeni adrese yonledirmeliyiz. Bunun icin eski sayfamizi su sekilde degistirebiliriz.:

<meta http-equiv="refresh"
content="3;url=http://www.webublic.tr.gg">

Bu ornekte <meta http-equiv="refresh" ...> diyerek, www gosterici programina yeni bir sayfa yuklemesini istedigimizi belirtiyoruz.

Bu yuklemeyi kac saniye sonra yapmasi gerektigini '<meta ..' nin devamindaki 'content="3;....">' yazisi ile belirliyoruz. Buradaki '3' yerine saniye cinsinden herhangi bir sure belirtebilirsiniz. '0' yazarsaniz, dogal olarak hemen diger sayfayi yuklemeye baslar.

Yonelinen sayfanin adresi de, ' ... content="saniye; url=http://...">
biciminde veriliyor.

Resimlerde 'MAP' kullanimi

Map'ler bir resmin degisik yerlerine tiklandiginda degisik baglarin yuklenmesi veya degisik bir cgi-bin isinin yapilmasi olarak tanimlanir.

Burada kullanacagimiz resmin '.gif' biciminde olmasi gereklidir. Sayfanin icinde bu resmi tanimladigimiz '<img ...' belirtecinin icine bir kac unsur daha ekleyerek ve bir de 'map' (harita) alaninin kisimlarini sekilleriyle birlikte tanimlayarak isimizi bitiririz.

Resmin betimi:

<img src="filanca.gif" ISMAP usemap="#falanca" width=160 height=100>

ISMAP, resmin bir harita oldugunu.
usemap="..." hangi harita tanimini kullanmasi gerektigini, www gosterici programina soyluyor.

Haritanin tanimi:

<map name="falanca">
<area shape="rect" coords"1,1,159,50" href="dikdortgen.html">
<area shape="circle" coords="80,100,40" href="daire.html">
<area shape="polyg" coords="10,110,150,110,80,190,9,110" href="ucgen.html">
<area shape="default" nohref>
</map>

Name ile belirttigimiz isim '<img ..' icinde usemap="#..." ile kullandigimizin aynisi.
Shape ile dikdortgen, daire yada poligon tanimlayabiliyoruz. Dikdortgenin koordinatlarini: X-sol_ust,Y-sol_ust,X-sag_alt,Y-sag_alt biciminde 'coords="..." ' kisminda belirtiyoruz. 'href="..." ' bolumu ise bu dikdortgen alana tiklanildiginda neyin yuklenmesi gerektigini soyluyor.

Cember icin X-merkez,Y-merkez,R-yaricap biciminde koordinat tanimliyoruz.

Poligonu tanimlarken sirayla her bir kosenin X,Y biciminde koordinatlarini giriyoruz. Dikkat etmemiz gereken husus, poligonun noktalarini saat yonunde tanimlamamiz gerektigidir. Yukaridaki ucgen ornegini incelemek aslinda poligon tanimi yapabilmek icin yeterli. Ucgen icin dort nokta kullandik (dorduncu ilkinin dibinde). Ayni zamanda bu ucgenin X,Y betimlemeleri de saat yonunde girilmis (noktalari kagit uzerinde yaklasik olarak isaretlerseniz bu 'saat-yonu' kavramini daha iyi anlayabilirsiniz).

Son olarak da <area shape="default" nohref> ile resmin diger bolgelerine tiklanildiginda hic bir sey yapilmamasi gerektigini soyluyoruz.

Dinamik HTML

Aşağıdaki örnekte, mouse yazının üzerine geldiğinde, tıklamaksızın yazı değişir:

<h2 style="color:purple;" onmouseover="detay.style.display=''"
onmouseout="detay.style.display='none'">Flash Haber</h2>
<div id="detay" style="display:'none'; color:red;">Son gelen haberlere göre, Türkiye'ye kurulacak olan Nükleer Santralin yeri belli oldu</div>
<font color=blue>Ayrıntılar 19.30 Ana haber bülteninde</font>

 
   
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol