Anasayfa FORUMLAR Üye Girişi Dosyalar Dersler İpuçları Yardımcı Araçlar Hakkımızda
KİMLER BAĞLI
Toplam Üye: 32638
Aktif Üye: 0
Aktif Ziyaretçi: 302
Üye Adı
Şifre
Beni Hatırla
          Yeni Üye KayıtYeni Üye Kayıt
          Şifremi UnuttumŞifremi Unuttum
FORUMLAR
 METİN STİLLERİ..
(44760 okuma, 13 yanıt)
 HTML ile Bağlantılar..
(11317 okuma, 12 yanıt)
 Form Oluşturmak..
(5181 okuma, 2 yanıt)
 Sayfa düzeni [Metinler İç..
(11214 okuma, 13 yanıt)
 Sayfamızda Renkler ve Res..
(10470 okuma, 11 yanıt)
 Hyper Text Markup Languag..
(5890 okuma, 4 yanıt)
 Flash menu ye popup pence..
(4269 okuma, 2 yanıt)
Netopsiyon Online: Forums
Netopsiyon Online :: Başlık görüntüleniyor - HTML ile Bağlantılar
 AramaArama   RütbelerRütbeliler   ProfilProfil   GirişGiriş 


HTML ile Bağlantılar

 
Bu forum kilitlendi: mesaj gönderemez, cevap yazamaz ya da başlıkları değiştiremezsiniz   Bu başlık kilitlendi: mesajları değiştiremez ya da cevap yazamazsınız    Netopsiyon Online Forum Ana Sayfa -> HTML - JavaScripts -> HTML Dersleri
Önceki başlık :: Sonraki başlık  
Yazar Mesaj
polibo06
Site Yöneticisi
Site Yöneticisi





Kayıt: Nov 01, 2006
Mesajlar: 2412
Konum: izmirimi özledim

MesajTarih: 2007-11-22, 21:38:48    Mesaj konusu: HTML ile Bağlantılar Alıntıyla Cevap Gönder

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.

Kod:
<A>....</A>


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
Kullanıcının profilini görüntüle Özel mesaj gönder Yazarın web sitesini ziyaret et
Bu Site Google Adsense ile Gelir Elde Ediyor









Tarih: 2024-03-29, 02:21:04    Mesaj konusu: Forum Arası Reklamlar


Başa dön
Birhan
Netopsiyon Siteleri Yöneticisi
Netopsiyon Siteleri Yöneticisi





Kayıt: Feb 06, 2005
Mesajlar: 220
Konum: İstanbul

MesajTarih: 2007-11-22, 21:43:42    Mesaj konusu: Alıntıyla Cevap Gönder

Teşekkür ederim polibo06 Eline emeğine sağlık.
Başa dön
Kullanıcının profilini görüntüle Özel mesaj gönder E-posta gönder Yazarın web sitesini ziyaret et MSN Messenger
nofel
Mesaj: 500+
Mesaj: 500+





Kayıt: Apr 25, 2005
Mesajlar: 655

MesajTarih: 2007-11-22, 23:21:34    Mesaj konusu: Alıntıyla Cevap Gönder

eyvallah polibo büyük adamsın vesselam
:)
Başa dön
Kullanıcının profilini görüntüle Özel mesaj gönder Yazarın web sitesini ziyaret et
nofel
Mesaj: 500+
Mesaj: 500+





Kayıt: Apr 25, 2005
Mesajlar: 655

MesajTarih: 2007-11-22, 23:32:54    Mesaj konusu: Alıntıyla Cevap Gönder

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 Very Happy
devam polibo devam Wink
Başa dön
Kullanıcının profilini görüntüle Özel mesaj gönder Yazarın web sitesini ziyaret et
polibo06
Site Yöneticisi
Site Yöneticisi





Kayıt: Nov 01, 2006
Mesajlar: 2412
Konum: izmirimi özledim

MesajTarih: 2007-11-23, 00:39:22    Mesaj konusu: Alıntıyla Cevap Gönder

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
Kullanıcının profilini görüntüle Özel mesaj gönder Yazarın web sitesini ziyaret et
nofel
Mesaj: 500+
Mesaj: 500+





Kayıt: Apr 25, 2005
Mesajlar: 655

MesajTarih: 2007-11-23, 00:51:47    Mesaj konusu: Alıntıyla Cevap Gönder

inşallah polibo


ben zamanım yettiğince katkıda bulunurum, bilgi paylaştıkça çoğalır Razz
Başa dön
Kullanıcının profilini görüntüle Özel mesaj gönder Yazarın web sitesini ziyaret et
ellekli
Mesaj: 300+
Mesaj: 300+





Kayıt: Jun 23, 2006
Mesajlar: 421
Konum: suzum

MesajTarih: 2007-11-23, 00:54:46    Mesaj konusu: Alıntıyla Cevap Gönder

paylaşımlarınız için teşekkür ederim .
Başa dön
Kullanıcının profilini görüntüle Özel mesaj gönder E-posta gönder Yazarın web sitesini ziyaret et MSN Messenger
polibo06
Site Yöneticisi
Site Yöneticisi





Kayıt: Nov 01, 2006
Mesajlar: 2412
Konum: izmirimi özledim

MesajTarih: 2007-11-23, 19:56:53    Mesaj konusu: Alıntıyla Cevap Gönder

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>&nbsp;</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>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</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>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</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>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</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>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</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
Kullanıcının profilini görüntüle Özel mesaj gönder Yazarın web sitesini ziyaret et
Bu Site Google Adsense ile Gelir Elde Ediyor









Tarih: 2024-03-29, 02:21:04    Mesaj konusu: Forum Arası Reklamlar


Başa dön
polibo06
Site Yöneticisi
Site Yöneticisi





Kayıt: Nov 01, 2006
Mesajlar: 2412
Konum: izmirimi özledim

MesajTarih: 2007-12-04, 18:00:53    Mesaj konusu: Alıntıyla Cevap Gönder

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
Kullanıcının profilini görüntüle Özel mesaj gönder Yazarın web sitesini ziyaret et
polibo06
Site Yöneticisi
Site Yöneticisi





Kayıt: Nov 01, 2006
Mesajlar: 2412
Konum: izmirimi özledim

MesajTarih: 2007-12-14, 14:57:23    Mesaj konusu: Alıntıyla Cevap Gönder

Resimlere Link Vermek

Sitemize nasıl resim ekliyeceğimizi anlattığımız için bunu rahatlıkla anlatabilir ve anlayabilirsiniz Very Happy

Kod:
 <a href="bağlantı adresi"><img src="resim adresi"></a>
Başa dön
Kullanıcının profilini görüntüle Özel mesaj gönder Yazarın web sitesini ziyaret et
Sercan
Mesaj: 1000+
Mesaj: 1000+





Kayıt: Jan 07, 2006
Mesajlar: 1719
Konum: İstanbuL //

MesajTarih: 2008-01-01, 20:34:19    Mesaj konusu: Alıntıyla Cevap Gönder

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
Kullanıcının profilini görüntüle Özel mesaj gönder Yazarın web sitesini ziyaret et
polibo06
Site Yöneticisi
Site Yöneticisi





Kayıt: Nov 01, 2006
Mesajlar: 2412
Konum: izmirimi özledim

MesajTarih: 2008-01-02, 02:15:34    Mesaj konusu: Alıntıyla Cevap Gönder

seo uzmanından seou kodu Very Happy
Başa dön
Kullanıcının profilini görüntüle Özel mesaj gönder Yazarın web sitesini ziyaret et
emrecan_62
Mesaj: 1+
Mesaj: 1+





Kayıt: Jul 11, 2009
Mesajlar: 15

MesajTarih: 2009-07-11, 09:57:12    Mesaj konusu: Alıntıyla Cevap Gönder

çok teşekkürler Very Happy
Başa dön
Kullanıcının profilini görüntüle Özel mesaj gönder E-posta gönder Yazarın web sitesini ziyaret et MSN Messenger
Önceki mesajları göster:   
Bu forum kilitlendi: mesaj gönderemez, cevap yazamaz ya da başlıkları değiştiremezsiniz   Bu başlık kilitlendi: mesajları değiştiremez ya da cevap yazamazsınız    Netopsiyon Online Forum Ana Sayfa -> HTML - JavaScripts -> HTML Dersleri Tüm zamanlar GMT + 3 Saat
1. sayfa (Toplam 1 sayfa)

 
Geçiş Yap:  
Bu forumda yeni başlıklar açamazsınız
Bu forumdaki başlıklara cevap veremezsiniz
Bu forumdaki mesajlarınızı değiştiremezsiniz
Bu forumdaki mesajlarınızı silemezsiniz
Bu forumdaki anketlerde oy kullanamazsınız

Benzer Konular

Başlık Yazar Forum Cevaplar Tarih
Yeni mesaj yok html destek-yardım emir2010 Php Nuke Sorunlarınız 7 2010-07-03, 23:58:46 Son Mesajı Görüntüle
Yeni mesaj yok html den modüle çevirme hatası esra_rr Php Nuke Modülleri 7 2010-04-28, 15:41:24 Son Mesajı Görüntüle
Yeni mesaj yok Html İle hazırladıgım tab block hatası affedilmez Php Nuke Blocklar 7 2010-04-23, 12:34:08 Son Mesajı Görüntüle
Yeni mesaj yok Modül Uzantılarını HTML Olarak Ayarla... spakme Php Nuke Sorunlarınız 1 2010-04-14, 12:31:32 Son Mesajı Görüntüle
Yeni mesaj yok html yi fbml ye nasıl çevirebilirim. karaca25 HTML Kod Örnekleri 1 2010-04-04, 19:15:06 Son Mesajı Görüntüle

Copyright © 2002-2024 Netopsiyon Bilişim Teknolojileri San. Tic. Ltd.Şti. - Bütün hakları saklıdır!
Bu site Netopsiyon.com.tr Sunucularında Barındırılmaktadır.
Netopsiyon Bilişim Teknolojileri San. Tic. Ltd.Şti. Netopsiyon Copyright