| Önceki başlık :: Sonraki başlık |
| Yazar |
Mesaj |
polibo06
Site Yöneticisi
Kayıt: Nov 01, 2006
Mesajlar: 2412
Konum: izmirimi özledim
|
 Tarih: 2007-11-22, 21:38:48 Mesaj konusu: HTML ile Bağlantılar |
 |
|
| Kod:
|
|
<!-- şimdiye kadar yazılar,resimler ile uğraştık.Bu dersimizden sonra artık sayfalar değil siteler yapımına başlıyacağız.Buraya kadar olan yerler tamamiyle acemi düzeyidi.Bu ders ile ileri düzey HTML derslerine geçiş yapacaz. -->
|
Yukarıda yazım şekline bakarsanız <!-- metin --> düzeninde yapılmıştır.Buna açıklama satırı denilmektedir ve bu kodlar arasındaki yazıları tarayıcı tarafından görüntülenmez.Sadece kod yazarına kolaylık sağlamaktadır.Bu derste ve ileriki derslerde örnek kodalrı bu şekilde açıklayacazğız.
BAĞLANTI(KÖPRÜ)(ÇAPA)(LİNK)
bağlantı sayfalar arası dolaşmayı sağladığı gibi aynı sayfa içerisinde herhangi bri yerede ulaşmanızı sağlamaktadır.
ingilizce anchor(çapa) kelimesinden yola çıkılarak a harfi link ekleme komutu olarak nitelendirilmiştir.
a komutu iki türlüye bilgiye ihtiyaç duyar.Bunlakrdan ilki hangi adrese bağlanılacağı, ikincisi ise bu işlemi başlatmak için gerekli içerik.
o halde bir örnek verirsek
| Kod:
|
<A HREF="http://netopsiyon.com">Türkiyenin en büyük webmaster sitesi</A>
<!-- href="site adresi" yazılır.</A> komutundan önce ise içerik yazılmalıdır-->
|
Sanırım bu kadar yeterlidir.Günümzüde link ne demek oluyor diye bilmeyen yok sanırım. |
|
| Başa dön |
|
 |
Bu Site Google Adsense ile Gelir Elde Ediyor
|
| Tarih: 2024-11-21, 14:11:13 Mesaj konusu: Forum Arası Reklamlar |
|
|
|
|
| Başa dön |
|
|
Birhan
Netopsiyon Siteleri Yöneticisi
Kayıt: Feb 06, 2005
Mesajlar: 220
Konum: İstanbul
|
| Tarih: 2007-11-22, 21:43:42 Mesaj konusu: |
|
|
| Teşekkür ederim polibo06 Eline emeğine sağlık. |
|
| Başa dön |
|
|
nofel
Mesaj: 500+
Kayıt: Apr 25, 2005
Mesajlar: 655
|
| Tarih: 2007-11-22, 23:21:34 Mesaj konusu: |
|
|
eyvallah polibo büyük adamsın vesselam
:) |
|
| Başa dön |
|
|
nofel
Mesaj: 500+
Kayıt: Apr 25, 2005
Mesajlar: 655
|
| Tarih: 2007-11-22, 23:32:54 Mesaj konusu: |
|
|
bu arada bende bişeyler ilave edeyim
oluşturduğumuz link hangi hallerde ne türden açılmalı gibi fonksiyonlarıda bulunmakta
örneğin yeni bir sayfa açtırmak istiyorsak target="_blank" gibi bir kod ilave etmemiz gerekiyor.
| Kod:
|
|
<a href="http://netopsiyn.com" target="_blank">netopsiyon sitesine gider</a>
|
gibi yaptıgımızda oluşturdugumuz link yeni bir pencerede netopsiyon sitesine gider.
ayrıca link içerisine bir açıklama yazmak gerekirse title="açıklamamız" şeklinde bir kod işimizi görür
| Kod:
|
|
<a href="http://netopsiyon.com" target="_blank" title="bu linke tıklarsanız netopsiyon sitesine yeni bir pencere ile gitmiş olursunuz :D ">netopsiyon sitesine gider</a>
|
uygulamalar yaparak tam olarak anlayabilirsiniz, yeni başlayanlar için geçerli tabii 
devam polibo devam  |
|
| Başa dön |
|
|
polibo06
Site Yöneticisi
Kayıt: Nov 01, 2006
Mesajlar: 2412
Konum: izmirimi özledim
|
| Tarih: 2007-11-23, 00:39:22 Mesaj konusu: |
|
|
| nofel sonuna kadar devam.....Bu bitince modül olabilecek bazı eklentiler yapacaz hep beraber bu şekilde html nin önemini öğrenir millet.Sonra ileri düzey html başlayarak devam edecem.Örnek olması için site yapacaz hep beraber |
|
| Başa dön |
|
|
nofel
Mesaj: 500+
Kayıt: Apr 25, 2005
Mesajlar: 655
|
| Tarih: 2007-11-23, 00:51:47 Mesaj konusu: |
|
|
inşallah polibo
ben zamanım yettiğince katkıda bulunurum, bilgi paylaştıkça çoğalır  |
|
| Başa dön |
|
|
ellekli
Mesaj: 300+
Kayıt: Jun 23, 2006
Mesajlar: 421
Konum: suzum
|
| Tarih: 2007-11-23, 00:54:46 Mesaj konusu: |
|
|
| paylaşımlarınız için teşekkür ederim . |
|
| Başa dön |
|
|
polibo06
Site Yöneticisi
Kayıt: Nov 01, 2006
Mesajlar: 2412
Konum: izmirimi özledim
|
| Tarih: 2007-11-23, 19:56:53 Mesaj konusu: |
|
|
nofel arkaşımızın dediği gibi linklere başlık(title) ekleyebilirz.Bu komutu kullandığımzıda linkin üzerine fare geldiğinde yazdığımız metin görülecektir.daha iyi anlamanız için denemenizi öneririm.
NAME KOMUTU
Bu komut kod yazarını sayfalarca başlıktan kurtarır.Sitelerde özelikle sık sorulan sorular kısmınad gördüğünüz bir metottur.Tüm yazılar aynı sayfadadır.Linki tıkladığınızda alt kısımlara yönlenirsiniz.Bu kod yazarını büyük bir yükten kurtarır.
İlk önce yazdığımız konulara bir isim vereceğiz.Bunu ;
| Kod:
|
|
<A NAME="BAĞLANTI_ADI">İÇERİK</A>
|
şeklinde kullanırız.Sonra bu içeriği görüntülemek istediğimiz zaman;
| Kod:
|
|
<A NAME="BAĞLANTI_ADI" HREF="BAĞLANTI_ADRESİ">içerik</A>
|
burada dikkat edilecek husus; Başka bir sayfada herhangi bir yere yönelndirmek istersek yukarıdaki gibi kullanırız.Eğer aynı sayfada kullanmak istiyorsak
| Kod:
|
|
<A HREF="#BAĞLANTI_ADI">İÇERİK</A>
|
Şeklinde kullanmalıyız yani (#) sembolünü kullanmalıyız.
örnek ile daha iyi açıklarız sanırım.Şu adna aklıma gelen ilk tasarımı yapmaya çalışacağım.
üyeler;
ali osman
melik
artistbaron
emrahkaya
üyeler hakkında detaylı bilgi
ali osman
o bir php kurdu.benim USTADım
melik
elazığlı.tema canavarı
artisbaron
ortağım
emrahkaya
nukeci
başa dön
gibi bir sayfa hazırlayalım.Üyeler de yazan yerde ismi tıklanılan kişinin olduğu açıklama satırına yönlensin
| Kod:
|
<html>
<head>
<title>POlibo06</title>
</head>
<body bgcolor="#CCCCFF">
<A name="baslik"></A>
<h1><p>ÜYELER</p></h1>
<ul>
<a href="#ali"><li>ALİ OSMAN</li></a>
<a href="#melik"><li>MELİK</li></a>
<a href="#alp"><li>ARTİST BARON</li></a>
<a href="#emrah"><li>EMRAH KAYA</li></a>
</ul>
<p> </p>
<h2><p>ÜYELER HAKKINDA DETAYLI BİLGİ</p></h2>
<a name="ali"></a>
<p><u>ALİ OSMAN</u></p>
<p><b>O bir php kurdu.benim USTAMDIM</b></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p></li>
</p>
<A href="#baslik"><p>Başa Dön</p></a>
<a name="melik">
<p><u>MELİK</u></p>
<p><b>Elazığlı.tema canavarı</b></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p></li>
</p>
<A href="#baslik"><p>Başa Dön</p></a>
<a name="alp">
<p><u>ARTİST BARON</u></p>
<p><b>Ortağım</b></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p></li>
</p>
<A href="#baslik"><p>Başa Dön</p></a>
<a name="emrah">
<p><u>EMRAH KAYA</u></p>
<p><b>Nukeci</b></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<A href="#baslik"><p>Başa Dön</p></a>
</body>
</html>
|
kodu inceleyip aklınıza takılan yer olursa sorabilrsiniz. |
|
| Başa dön |
|
|
Bu Site Google Adsense ile Gelir Elde Ediyor
|
| Tarih: 2024-11-21, 14:11:13 Mesaj konusu: Forum Arası Reklamlar |
|
|
|
|
| Başa dön |
|
|
polibo06
Site Yöneticisi
Kayıt: Nov 01, 2006
Mesajlar: 2412
Konum: izmirimi özledim
|
| Tarih: 2007-12-04, 18:00:53 Mesaj konusu: |
|
|
Hedef pencerenin Belirlenmesi
| Kod:
|
|
<a> komutundaki href özelliği ile adresin yolunu belirledikten sonra nasıl bağlanılacağınıda belirtebilirz.
|
TARGET komutu bağlantıların nasıl olacağını belirtir.Çok detaylı idelemeden ne işe yardıklarını verirsek
<a href="http://xxx/" target"_blank">zzz</a>
bağlantı yeni pencerede açılır.
_parent "ebeveyn çerceve"
_self "Kaynak bağlantıya sahip çerceve"
_top "Tüm tarayıcı penceresi" |
|
| Başa dön |
|
|
polibo06
Site Yöneticisi
Kayıt: Nov 01, 2006
Mesajlar: 2412
Konum: izmirimi özledim
|
| Tarih: 2007-12-14, 14:57:23 Mesaj konusu: |
|
|
Resimlere Link Vermek
Sitemize nasıl resim ekliyeceğimizi anlattığımız için bunu rahatlıkla anlatabilir ve anlayabilirsiniz
| Kod:
|
|
<a href="bağlantı adresi"><img src="resim adresi"></a>
|
|
|
| Başa dön |
|
|
Sercan
Mesaj: 1000+
Kayıt: Jan 07, 2006
Mesajlar: 1719
Konum: İstanbuL //
|
| Tarih: 2008-01-01, 20:34:19 Mesaj konusu: |
|
|
| Kod:
|
|
<a href="adres.com" title="slogan olabilir.üstüne geldiğinde bunlar yazacak." target="_blank">adres.com</a>
|
link değişimlerinde title="asdasd" kısmı slogan olarak kullanılır ve google'da o kelimede öne çıkılmak için yapılır. |
|
| Başa dön |
|
|
polibo06
Site Yöneticisi
Kayıt: Nov 01, 2006
Mesajlar: 2412
Konum: izmirimi özledim
|
| Tarih: 2008-01-02, 02:15:34 Mesaj konusu: |
|
|
| seo uzmanından seou kodu |
|
| Başa dön |
|
|
emrecan_62
Mesaj: 1+
Kayıt: Jul 11, 2009
Mesajlar: 15
|
| Tarih: 2009-07-11, 09:57:12 Mesaj konusu: |
|
|
| çok teşekkürler |
|
| Başa dön |
|
|
|
Arama
Rütbeliler
Profil
Giriş
