Web dersleri,Cms sistemler,Script,hazır kodlar,seo teknikleri,google adsense,google adwords,google seo » Html dersleri http://www.klavyeweb.org Webmaster Club Thu, 26 Aug 2010 22:32:03 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 html listeleme http://www.klavyeweb.org/html-listeleme.html http://www.klavyeweb.org/html-listeleme.html#comments Fri, 09 Apr 2010 12:54:09 +0000 admin http://www.klavyeweb.org/?p=1111 Html de sıralı bir biçimde yazdıklarımızı sıralamak istiyorsak aşağıa vereceğim kodlar işinizi görecektir.

<h4>Numaralandırılmış bir liste:</h4>
<ol>
<li>Klavyeweb.net</li>
<li>Klavyeweb.org</li>
<li>baburhosting.net</li>
</ol>

bu kodları kullandığımız zaman aşağıdaki resimdeki gibi bir listelemeye sahip olmuş olacağız.Kolay gelsin.

]]> http://www.klavyeweb.org/html-listeleme.html/feed 0 Sitenize Sayaç Ekleyin ! http://www.klavyeweb.org/sitenize-sayac-ekleyin-2.html http://www.klavyeweb.org/sitenize-sayac-ekleyin-2.html#comments Thu, 21 Jan 2010 21:29:42 +0000 admin http://www.klavyeweb.org/?p=911




Evet arkadaşlar çok kullanışlı bir site sayacıdır.Sitenize kimin nereden geldiğini ne zaman hangi bağlantıdan hangi arama motorundan hangi tarayıcıdan en derin ayrınya kadar size bilgi veriyor.

Giriş

]]> http://www.klavyeweb.org/sitenize-sayac-ekleyin-2.html/feed 0 Sitene Oyun Ekle htm kodu ! http://www.klavyeweb.org/sitene-oyun-ekle-htm-kodu.html http://www.klavyeweb.org/sitene-oyun-ekle-htm-kodu.html#comments Sat, 26 Dec 2009 16:04:41 +0000 admin http://www.klavyeweb.org/?p=871 Sitenize oyun ekleyin hym kodu ile sitenize varmısın yokmusun oyununu sitenize ekleyebilirsiniz.

<object classid=”clsid<img src=”http://smilies.webme.com/smiles/icon_biggrin.gif” border=”0″>27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0″ width=”750″ height=”600″><br /><param name=”movie” value=”http://oyun.minikperi.net/oyunlar/zeka_oyunlari/varmi.swf”><br /><br /><param name=”quality” value=”high”><embed src=”http://oyun.minikperi.net/oyunlar/zeka_oyunlari/varmi.swf” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”750″ height=”600″></embed></object>

]]> http://www.klavyeweb.org/sitene-oyun-ekle-htm-kodu.html/feed 0 Her Siteye Gerekli htm kodları http://www.klavyeweb.org/her-siteye-gerekli-htm-kodlari.html http://www.klavyeweb.org/her-siteye-gerekli-htm-kodlari.html#comments Sun, 06 Dec 2009 13:18:56 +0000 admin http://www.klavyeweb.org/?p=785 Yazıya Link verme Kodu: Sayfanızda yazmışolduğunuz herangi bir yazıya link verebilirsiniz.

<a href=”http://www.buraya Url”>Yazacakolduğunuz Yazı</a></div>

Yeni Pencerede Açtırma Kodu: Sayfanızda vermiş olduğunuz linki başka sayfadan açılması sağlar.

<a target=”_blank” href=”http://www.Sitenin Urlsi”>Gerekli yazı</a>

Mail Linki Verme :Sitenizde mail adresine link vere bilirsiniz yani link verdiğiniz mail adresi üzerine tıklandığı zaman iletişime geçebileceğiniz şekilde açılır.

<a href=”mailto:mail” _fcksavedurl=”mailto:mail”>Mail Adresi</a>

Resime Link Kodu Vermek : Sitenize resim ekleme kodu bu koda resimin urlsini yazarak sitenizde resimi görüntüleye bilirsiniz.

<a href=”http://Buraya Sayfa Adresi” _fcksavedurl=”http://Buraya Sayfa Adresi”><img alt=”" src=”Buraya Resmin Url si” _fcksavedurl=”Buraya Resmin Url si” /></a>

]]> http://www.klavyeweb.org/her-siteye-gerekli-htm-kodlari.html/feed 0 Mail link to code http://www.klavyeweb.org/mail-link-to-code.html http://www.klavyeweb.org/mail-link-to-code.html#comments Tue, 18 Aug 2009 20:45:06 +0000 admin http://www.klavyeweb.org/?p=650 By e-mail address to any link on your site visitors click on the e-mail address as a mail program installed on your computer tries to send mail and visitors in a way you can communicate easily.

<a href=”mailto:mail”> iletişim kur</a>

Your e-mail address in the code by which to write your address
]]> http://www.klavyeweb.org/mail-link-to-code.html/feed 0 Add news to your site http://www.klavyeweb.org/add-news-to-your-site.html http://www.klavyeweb.org/add-news-to-your-site.html#comments Mon, 17 Aug 2009 20:45:13 +0000 admin http://www.klavyeweb.org/?p=647 Hi everyone

This html code helps your site to see the daily news and world news from your country tells you a html code is supported by the general public too.

<iframe src=”http://sondakika.haber7.com/sondakika-box.php” frameborder=”0″ width=”180″ height=”200″ FRAMESPACING=”0″ MARGINHEIGHT=”0″ MARGINWIDTH=”0″ scrolling=”no”></iframe><span style=”font-size: xx-small;”><a href=”http://www.klavyeweb.org” _fcksavedurl=”http://www.klavyeweb.org/”>Webmaster</a></span>

Greetings to everyone you love and love of ..

]]> http://www.klavyeweb.org/add-news-to-your-site.html/feed 0 Chat code to your site http://www.klavyeweb.org/chat-code-to-your-site.html http://www.klavyeweb.org/chat-code-to-your-site.html#comments Wed, 12 Aug 2009 20:49:09 +0000 admin http://www.klavyeweb.org/?p=635 Yes friends I will give you an html code that the html code, chat box, you can create your site ..
<embed src=”http://www.xatech.com/web_gear/chat/chat.swf” quality=”high” width=”540″ height=”405″ name=”chat” FlashVars=”id=51492718&rl=Turkish” align=”middle” allowScriptAccess=”sameDomain” type=”application/x-shockwave-flash” pluginspage=”http://xat.com/update_flash.shtml” /><br><small><a target=”_BLANK” href=”http://xat.com/web_gear/?cb”>Get your own Chat Box!</a> <a target=”_BLANK” href=”http://xat.com/web_gear/chat/go_large.php?id=51492718″>Go Large!</a></small><br>
Place this code anywhere on your site and start using the chat.
]]> http://www.klavyeweb.org/chat-code-to-your-site.html/feed 5 Add calendar web site http://www.klavyeweb.org/add-calendar-web-site.html http://www.klavyeweb.org/add-calendar-web-site.html#comments Tue, 11 Aug 2009 21:08:27 +0000 admin http://www.klavyeweb.org/?p=631 Hi everybody,

Site yönetimi olarak artık ingilizce içerik kararı aldık.Belli bir süre sonra tekrar türkçe makalelere dönüş yapacağız.Bizden ayrılmayın..

Sitene takvim ekle , Add calendar web site

<a href=”http://www.seekcodes.com”><img src=”http://www.seekcodes.com/support3.gif” alt=”Myspace Stuff” style=”position:absolute; left:0px; top: 0px;” border=”0″></a>
<embed src=”http://www.seekcodes.com/Flash/calendar2.swf” width=”212″ height=”200″><p>
<a href=”http://www.seekcodes.com”>Calendar Provided By : SeekCodes.com</a>

By adding the above code to your site can put your site calendar..

]]> http://www.klavyeweb.org/add-calendar-web-site.html/feed 1 html dersleri html frame kullanmak http://www.klavyeweb.org/html-dersleri-html-frame-kullanmak.html http://www.klavyeweb.org/html-dersleri-html-frame-kullanmak.html#comments Sun, 14 Jun 2009 15:43:30 +0000 admin http://www.klavyeweb.org/?p=275 Frame, HTML’de birden fazla belgeye tek bir sayfada yer vermek amacıyla açılan pencereler. Bu şekilde sağda farklı bir pencere ve içerik, solda farklı bir pencere ve içerik olacaktır. Genellikle bir pencere linklerin bulunduğu alan, diğer pencere ise asıl içeriğin bulunacağı alan olarak kullanılır. Arama Motoru optimizasyonu için olumsuz etkileri olduğu için genellikle kullanılmaz. Biz yine de en önemli kısımlarıyla ele alalım:

Pencereleri bölmeye <frameset> koduyla başlarız. Dikkat etmemiz gereken <body></body> arasında yazılamaması gerektiğidir. Bu kısım frame tekniği desteklemeyen tarayıcılar için <noframes></noframes> arasında kullanılacaktır.

<frameset cols=”25%,75%”>
<frame src=”frame_a.htm”>
<frame src=”frame_b.htm”>
</frameset>

Burada cols=”deger1,deger2″ şeklinde bir kullanım dikkatinizi çekmiştir. Burada belirteceğimiz değerler pencere sütunlarının oranlarını belirtmektedir. yatay pencereler kullanacaksak bu kez rows=”deger1,deger2″ şeklinde kullanmalıyız.

Bahsi geçen değerler yüzde (%) olarak ifade edilebileceği gibi piksel olarak da yazılabilir. Eğer bir pencerenin boyutu, diğeri için belirtilen dışındaki alan olacaksa (*) kullanırız. Bir örnek: cols=”200,*” yazarsak. İlk pencere (frame_a.htm) 200 piksel genişliğinde olacaktır, diğer pencere ise (frame_b.htm) geriye kalan tüm alanı kaplayacaktır.

Son olarak şunu ekleyelim, değerler pencere sayısı kadar yazılacaktır. Eğer 3 pencere kullansaydık. Bu kez 3 pencere için sırasıyla ayarlama yapacaktık: cols=”200,25%,*” gibi.

<frameset cols=”25%,25%,*”>
<noframes>
<body>Eger tarayıcı frame desteklemiyorsa…</body>
</noframes>
<frame src =”venus.htm” />
<frame src =”mars.htm” />
<frame src =”jupiter.htm” />
</frameset>
Frame Desteklemeyen Tarayıcılar – noframes

Bunun için frameset açılış ve kapanış etiketleri arasında <noframes>(tarayıcınız frame desteklemiyor mesajı)</noframes> şeklinde bir bölüm koyuyoruz. Burası html sayfamızın devamıymış gibi <body></body> tagları arasına almalıyız.

Yatay ve Dikey Pencereleri Bir Arada Kullanmak

Bunun için frame içinde frame kullanmalıyız. Üst tarafta yatay bir pencere ve hemen altında sağ ve sol olarak ikiye bölünmüş bir pencere örneği verecek olursak:

<frameset rows=”50%,50%”>
<frame src=”frame_a.htm”>
<frameset cols=”25%,75%”>
<frame src=”frame_b.htm”>
<frame src=”frame_c.htm”>
</frameset>
</frameset>
Frame Kenarlığı ve Pencere Boyutlarını Sabitleme

Frameleri birbirinden ayıran çizgiyi yok etmek için <frame src=”#”> koduna frameborder=”0″ özelliği eklememiz yeterlidir.

Pencere boyutları sizin belirttiğiniz gibi başlangıçta çalışmakta fakat kullanıcı tarafından değiştirilebilmektedir. Bunu engellemek için <frame src=”#”> koduna noresize=”noresize” özelliği eklememiz yeterlidir.

IFRAME Kullanmak

Bunun yukarıda anlatılandan farklı yanı normal bir HTML belgesinde farklı bir sayfa ya da site için pencere açmanıza yaramaktadır. Pencere içerisinde boyutu belirttiğiniz boyutlarda olmak üzere belirttiğiniz site görünecektir:

<iframe src=”klavyeweb.org” frameborder=”0″ width=”400″ height=”180″ scrolling=”no”></iframe>
frameborder=”0″ – Kenarlık kullanılmayacağını belirtir.
width=”184″ – 184 piksel genişlikte olacağını belirtir.
height=”94″ – 94 piksel yükseklikte olacağını belirtir.
scrolling=”no” – Kaydırma çubuğunu gösterme demek.

Hazırlayan : Omar KARAKUS

]]> http://www.klavyeweb.org/html-dersleri-html-frame-kullanmak.html/feed 0 Html dersleri html bağlantılar http://www.klavyeweb.org/html-dersleri-html-baglantilar.html http://www.klavyeweb.org/html-dersleri-html-baglantilar.html#comments Sun, 14 Jun 2009 10:46:11 +0000 admin http://www.klavyeweb.org/?p=271 Html de link verme işlemini <a href=”adres”> koduyla yapıyoruz.Kelimeyide yazarak </a> şeklinde kapatıyoruz.

Aşağıda sitenin bir sayfasına, başka bir siteye, mail adresine ve bir dosyaya link örnekleri görmekteyiz. Bunları inceleyelim:

<a href=”index.html”>HTML Dersleri için buraya tıklayın (Sayfa)</a>

<a href=”mailto:bilgi@klavyeweb.net”>Bize e-mail göndermek için buraya tıklayın (E-mail).</a>

<a href=”baglantilar_dosyalar/image001.gif”>Site logosunu görmek için buraya tıklayın (GIF resim dosyası).</a>

Ana sayfa için buraya tıklayın (Sayfa).

Bize e-mail göndermek için buraya tıklayın (E-mail).

Site logosunu görmek için buraya tıklayın (GIF resim dosyası).

Not: Bir siteye link verirken www.siteadresi.com şeklinde ya da siteadresi.com şeklinde yazarsanız link yine sayfanızda bu bağlantıyı arar. Bunun için başka bir siteye link verirken mutlaka http:// ile başlanmalıdır.

Bağlantıyı Yeni Pencerede Açmak

Bunun için target=”_blank” özelliğini kodumuza ekleriz. Böylece bağlantı sayfamızda değil yeni bir pencerede açılacaktır:

<a href=”index.html” target=”_blank”>Ana sitemizi yeni bir sayfada açmak için tıklayın..</a>

HTML Görünümü

Ana sitemizi yeni bir sayfada açmak için tıklayın..
Sayfa İçi Bağlantılar

Bazı durumlarda (özellikle uzun sayfalarda) sayfanın belirli bir bölümüne link vermek gerekebilir. Bunun için name=”" özelliğinden yararlanırız. Böyle durumlarda href=”" özelliği kullanılmaz.

Öncelikle sayfa içinde bağlantı vereceğimiz yere giderek <a name=”etiket”></a> şeklinde yer imimizi belirtiyoruz. Böylece sayfanın bu kısmını işaretledik. Şimdi bu işarete link vermek için sayfa içerisinde başka bir yerde (en aşağıda ya da en yukarıda olabilir) <a href=”#etiket”>(metin)</a> şeklinde işaretlediğimiz yere link veriyoruz.

<a href=”#top”>Sayfa Başı</a>
HTML Görünümü
Sayfa Başı
Örnekte görüldüğü gibi tıklandığı zaman daha önce <a name=”top”></a> ile Bağlantılar yazısının hemen üstünde belirttiğimiz yere gidiyor. Bu bölüme dışarıdan link vermek için href=”baglantilar.html#top” kullanılabilir. Sayfa yüklendikten sonra işaretli kısım görünecektir.
]]> http://www.klavyeweb.org/html-dersleri-html-baglantilar.html/feed 0