Üye Girişi
x

Giriş Başarılı.

Yanlış Bilgiler.

E-mail adresinizi doğrulamalısınız.

Facebook'la giriş | Kayıt ol | Şifremi unuttum
İletişim
x

Mesajınız gönderildi.

Mesajınız gönderilemedi.

Güvenlik sorusu yanlış.

Kullandığınız Sosyal Medyayı Seçin
Yeni Klasör 8 yıldır sizin için en güvenli hizmeti veriyor...

Teknoloji dünyasındaki son gelişmeler ve sürpriz hediyelerimiz için bizi takip edin.

HTML Dersleri (Giriş)

> 1 <

MuHaMMeD

grup tuttuğum takım
Yarbay Grup
Hat durumu Cinsiyet Özel mesaj 3201 ileti
Yer: istanbul
İş: öğrenci
Kayıt: 20-06-2006 06:59

işletim sistemim [+][+3][+5] [-]
kırık link bildirimi Kırık Link Bildir! #93327 17-07-2006 16:08 GMT-1 saat    
HTML Dersleri (Giriş)


HTML (Hyper Text Markup Language) internet ortamında döküman yaratmak için geliştirilmiş bir programlama dilidir. HTML dokümanı bir text dosyadır ve tek başına bir yazı olmaktan öteye gidemez. Ancak her hangi bir internet tarayıcısı (internet explorer, netscape navigator gibi) yardımıyla çalıştırıldığında içerdiği komutlara göre ve de tarayıcı programın desteklediği özelliklere göre, hazırlanan dökümanlar bir anlam kazanır.

HTML dili programlama mantığından biraz uzak, görsel yönü oldukça önemli olan bir dildir. HTML nin öğrenilmesi, diğer programlama dillerine göre daha kolay olup bazı temel kural ve komutların bilinmesi yeterlidir. HTML nin temel mantığını kısaca "Ne görürseniz onu alırsınız" (What you see what you get) şeklinde açıklayabiliriz.

Günümüzde HTML sayfaları hazırlamak için bir çok görsel program vardır. (Microsoft FrontPage, HotDog gibi) Bu tür programlarla HTML sayfaları hazırlamak çok kolay ve hızlı olmakla beraber HTML kodlarını da yine bu programlar üretmektedir.
"Madem ki hazır programlar var neden HTML öğrenelim?" şeklinde bir soru aklınıza gelebilir.
Hazır programların olması, kodların el değmeden programlar tarafından yazılması elbette daha güzel, daha kolay ve daha hızlıdır. Ancak hazırlanan sayfaların nasıl oluştuğunu, nasıl çalıştığını, arka planda nelerin olduğunu bilmeden, ezberci bir zihniyet kullanmak bir programcı mantığına terstir. Bu tür programları hemen her yerde bulamayabilirsiniz. Dökümanların değiştirilmesi gereken yerlerde eğer hazırladığınız program yoksa ve de HTML dilini biliyorsanız her hangi bir editörden dökümanınıza müdahale edebilirsiniz.

HTML dili çalışan örneklerle, ilginç ipuçlarıyla, sizlerden gelen soru, öneri ve dokümanlarla en iyi şekilde anlatılmaya çalışılacaktır.



Temel Komutlar

HTML dokümanı hazırlamak için her hangi bir text dosya yazabilecek bir editör olması yeterlidir. Bütün yapılması gereken dokümanı HTML kurallarına uygun bir şekilde yazmak ve de dosyayı ".htm", “.html” ya da ".php3" olarak kaydetmektir. Ne derleme ne de ".exe" gibi dosyalara çevirme işlemi yoktur. HTML dosyası hazırdır. Artık tek yapılması gereken hazırlanan bu dosyanın bir İnternet tarayıcı programı tarafından çağrılmasıdır.

Herhangi bir internet erişim programından bir HTML dokümanının kodlarını görmek istiyorsanız o sayfa üzerinde farenin sağ tuşuna basınız. Özellikler menüsünden kaynağı görüntüle seçeneğini seçiniz.

HTML de program yazılırken her satır bir HTML komutu ile başlar ve de komutun geçerliliği biteceği zaman aynı komut isminin başına "/" konularak tekrar yazılır.

<komut>...</komut>

Bir HTML sayfası <Html> komutuyla başlar ve de sayfa sonunda </Html> komutuyla biter. Sayfayla ilgili bilgiler (Başlığı, hangi program kullanılarak yapıldığı...) <Head> komutu yazıldıktan sonra verilir ve de bilgiler bitince </Head> komutuyla kapatılır. Sayfada gösterilecek bilgiler <Body>...</Body> komutları arasında yazılır.

<Html>

<Head>
<Title>Deneme Sayfası</Title><!--Başlık burada tanımlanır-->
</Head>
<Body><!--Bilgiler burada gösterilir-->
Html öğreniyorum, ilk deneme sayfası
</Body>
</Html>

Yukarıda verilen örnek her hangi bir editörde yazılıp, ".php3" ya da ".htm" uzantılı olarak kaydedilir ve herhangi bir internet programından çağrılırsa ekranda "Html öğreniyorum, ilk deneme sayfası" yazısı çıkacaktır. Çalıştırdığınız internet programının başlık kısmında da "Deneme Sayfası" başlığı gözükecektir.

HTML de açıklama satırı <!-- açıklama --> şeklinde kullanılır. Yazılan açıklama sadece program satırlarıyla gözükür. Sayfa çağrıldığında gözükmez. Yazdığınız program kodlarının ne anlama geldiğini anlamanız veya başka biri tarafından bakılan kodlarınızın anlaşılabilmesi bakımından bol bol açıklama satırı koyunuz.
<Body> komutu yardımıyla sayfanın arka rengini, arkaya konulacak resmi, bağlantıların (Hyperlinks) rengini, sayfanın yukarı ve sol tarafa göre konumları belirtilebilir.

<Body
Background = url
Bgcolor = color
Bgproperties = fixed
Leftmargin = n
Link = color
Text = color
Topmargin = n
Alink = color
Vlink = color >

Bir komutun yanına eğer varsa parametreler komut kapatılmadan ">" önce verilir. Komut kapatılıncaya kadar bu parametreler geçerliliğini korur.

Background = url sayfanın arka planında bulunacak resmi tanımlamaya yarar. URL (Uniform Resource Locator) resmin adresini gösterir.
Bgcolor = color sayfanın arka planının rengini gösterir. Color rengin hexadecimal karsılığı, RGB(RedGreenBlue) değeri ya da rengin ismi olabilir.
Bgproperties = fixed sayfanın arka planındaki resmin internet tarayıcısının boyutlarından etkilenmemesini sağlar.
Leftmargin = n sayfanın sol kenardan ne kadar uzakta olacağını belirler.
Link = color sayfada bulunan bağlantıların (Hyperlinks) rengini belirler.
Text = color sayfadaki yazıların rengini belirler.
Topmargin = n sayfanın üst kenardan ne kadar uzakta olacağını belirler.
Alink = color Aktif olan yani o an seçili olan bağlantının (Hyperlink) rengini belirler
Vlink = color Ziyaret edilen bağlantıların (Hyperlinks) renklerini belirtir.

HTML'de komutların büyük ya da küçük harfle yazılma zorunluluğu yoktur.


<font face="..." size="..." color="...">...</font>

face : yazıtipinin adı (arial, tahoma, verdana, ...)
size : yazının büyüklüğü (1-7 arası)
color : yazının rengi (red, green gibi renklerin ingilizce karşılığı yada RGB renk değeri)

Bunlara font etiketinin parametreleri diyoruz.

<font> etiketinin yanısıra öğreneceğimiz bir diğer etiket <br> etiketi. Önce bu etiketin kullanımını göreceğiz. <br> etiketi bir bakıma enter tuşunun görevini görüyor. Bunu biraz açıklayalım;

HTML'de metinleri yazarken kullandığımız editörde bir alt satıra geçmek için Enter tuşunu kullanırız. Fakat HTML dilinde bunun hiçbir anlamı yoktur, tüm kodları ve metinleri tek satırda dahi yazsanız browser açısından farketmeyecektir. Bu yüzden metinleri bölmek, yani ikinci satıra atmak için <br> etiketini kullanıyoruz. İstisnai etiketlerden birisi bu, <br> etiketi sonlandırılmıyor.

<html>
<head>
<title>BR etiketi</title>
</head>
<body>
pazartesi
salı
çarşamba
<br>ocak<br> şubat<br> mart<br> nisan
</body>
</html>

Yukarıdaki örneğimizde (html olarak kaydettikten sonra)"pazartesi, salı ve çarşamba"yı yazarken Enter tuşu ile bir alt satıra geçmemize rağmen browser bunu gözönüne almayarak tüm metni bir satırda yazdı. Fakat ikinci sefer ay adlarını tek bir satıra yazdığımız halde bu kez browser aradaki <br> etiketine bakarak bir sonraki metni satır başına aldı. Buradan da anlaşıldığı üzere Enter tuşu etkisini <br> etiketiyle veriyoruz. Bu etiketin bir özelliği de sonlandırılmaması.

Şimdi font etiketinin kullanımını bir örnekle inceleyelim. Eğer kullanmak istediğiniz font bilgisayarınızda yüklü değilse font etiketi ile biçimlemek istediğiniz metin browser'ın varsayılan fontu ile gösterilecektir. Bu yüzden önce sisteminizde yüklü olan fontları inceleyin (Başlat/Ayarlar/Denetim Masası/Yazıtipleri). Buradan yazıtiplerini açarak inceleyebilir ve beğendiklerinizi kullanabilirsiniz. Eğer benim örnekte kullandığım yazıtipleri (tahoma, comic sans ms, verdana, arial) sisteminizde yüklü değilse bunun yerine sizde olan istediğiniz fontu kullanabilirsiniz.

<html>
<head>
<title>Renkler ve Mevsimler</title>
</head>
<body>
<font face="tahoma" size="5" color="#008000">İlkbahar</font>
<br>
<font face="verdana" size="5" color="#ff0000">Yaz</font>
<br>
<font face="arial" size="5" color="#ffff00">Sonbahar</font>
<br>
<font face="comic sans ms" size="5" color="#0000ff">Kış</font>
<br>
</body>
</html>

Her zamankinden farklı olarak sayfamızda renk kullandık. Örnekte de gördüğünüz gibi bu işi renk kodlarıyla yaptık. Aslında bunun bir yolu daha var o da renk kodu yerine rengin ingilizce adını yazmak (color="red" gibi).

Bu bölümde öğreneceğimiz etiketler:

• Başlık etiketleri : <h1>...<h6>
• Paragraf etiketi : <p>...</p>
• Ortalama : <center>...</center>
• Diğer etiketler : <b>...</b>,<i>...</i>,<u>...</u>

HTML'de metin stillerini üç şekilde belirleyebiliriz:

• Düzenlemek istediğimiz metnin hemen önüne koyacağımız bir etiketle biçimleme stili. Buna in-line (satır içi) biçimlendirme denir.

• Sayfanın head (baş) kısmına koyulan stillere body (gövde) bölümden atıf yapılarak metin biçimleme. (Embedded-Gömülü biçimlendirme)

• HTML dosyasının dışında başka bir stil dosyası oluşturarak stil için bu dosyayı kullanma. Buna Cascading Style Sheets-Yığılmalı Stil Kağıtları deniyor. Kısaca CSS. Bu teknik bize örneğin yüzlerce sayfanın stilini tek bir stil dosyası ile belirleme gibi geniş imkanlar veriyor.

Birinci metotta her metin için ayrı ayrı stil belirtirken ikinci ve üçüncü metodlarda stil bir defa belirleniyor ve bu stilleri istediğimiz metne uygulayabiliyoruz. Burada önemli olan bir diğer husus da ilk metodu tüm browserlar sorunsuz yorumlayabiliyor fakat 2. ve 3. metodu Internet Explorer ve Netscape'in son sürümleri (yorum farklılıkları ile beraber) destekliyorlar.

Burada konumuz birinci metoda göre biçimlendirmeyi öğrenmek. Başlık etiketlerinden başlıyoruz. Notepad'i açıyor ve şu kodları yazıyoruz;

<html>
<head>
<title>Başlık Etiketleri</title>
</head>
<body>
<h1>Başlık 1</h1>
<h2>Başlık 2</h2>
<h3>Başlık 3</h3>
<h4>Başlık 4</h4>
<h5>Başlık 5</h5>
<h6>Başlık 6</h6>
</body>
</html>

Sayfanın işleyişine baktığımızda, önce her zaman yapmamız gerektiği gibi <html>, <head>, <title> etiketlerini yerleştirdik. Sayfa başlığı olarak "Başlık Etiketleri"ni seçtik ve sayfanın gövde <body> kısmına istediğimiz metinleri yazdık ve bu metinleri <h1>'den <h6>'ya kadar olan biçimlendirme etiketlerinin arasına aldık. Browser metin biçimleme etiketleri olan <h1>...<h6> etiketleri arasındaki kelimelere belirli büyüklükler verdi.

Şimdi de kendiniz <h1>...<h6> etiketlerinin yerlerini değiştirerek alıştırma yapın ve tam olarak bu işin nasıl olduğunu kavrayın. Hatta iyi bir deneme-yanılma olması açısından örneğin her seferinde değişik bir etiketi veya sonlandırma etiketini HTML kodundan silerek ne gibi etkiler oluşturduğunu gözlemleyin. Denemelerinizin bir kısmında hiçbir değişiklik olmadığını gözlemleyeceksiniz bunun sebebi, browser'ınızın otomatik olarak hatayı algılayıp düzeltmesidir.

Diğer etiketleri toplu olarak kullanarak yeni bir HTML dosyası oluşturalım. Kodlar şu şekilde olsun:

<html>
<head>
<title>Başlık Etiketleri-2</title>
</head>
<body>
<h1><center>Sayfama Hoşgeldiniz</center></h1>
<p>HTML etiketleri ile, </p>
Yazıları
<B>koyu </B>
<i>italik </i>
ve
<u>altı çizili </u>
olarak yazabiliyorum
</body>
</html>

Etiketleri kullanma mantığını anladınız herhalde. Biçimlendirmek istediğimiz metnin başına ilgili etiketi yazıyoruz ve metnin sonunda da ilgili etiketi sonlandırıyoruz. Etiket biz sonlandırmadığımız müddetçe etkisini göstermeye devam ediyor. Eğer hala tereddütleriniz varsa örnekler üzerindeki kodların yerlerini değiştirerek kaydedin ve diğer taraftan browser'ınızın reload/yenile tuşuna basarak değişiklikleri gözlemleyin.

Yeni öğrendiğimiz kodlara bir göz atalım:

<center>....</center> Aradaki metinleri sayfaya göre ortalar. (center)
<b>....</b> Aradaki metni koyu (bold) yazar.
<i>....</i> Aradaki metni eğik (italic) yazar.
<u>....</u> Aradaki metni altı çizili (underline) olarak yazar.
<h1>....<h6> Başlık (heading) etiketi. h1 en büyük, h6 en küçük.
<p>....</p> Aradaki metin paragraf özelliği kazanır.

Başladığınız etiketi sonlandırmayı sakın unutmayın ! Burada bilmeyenler için küçük bir bilgi; bir html dökümanını açtığımızda ve ekran üzerinde farenin sağ tuşuna tıklayıp kaynağı görüntüle/view source'u seçtiğimizde Internet Explorer için Notepad, Netscape için kendi Source Viewer'ı açılacak ve bize o sayfanın kodunu gösterecektir.

Bir döküman hazırlanırken, mektup, dilekçe, kompozisyon, Web dokümanı, ... gibi mutlaka baş tarafında bir başlık bulunmalıdır. Başlık koymakla dökümanınızın içeriği hakkında bilgi vermiş olur ve dökümanınıza olan ilgiyi artırabilirsiniz. HTML de bu bakımdan başlık tanımlamaları için özel komutlar vardır. Yazdığınız yazının başlık olduğunun belli olması için ... komutları arasına yazılır. H harfleri İngilizce'deki "Header" kelimesinden gelmektedir. H harflerinin yanlarındaki nokta ise bir sayı değeri alır ve bu değerde yazının büyüklüğünü belirler. HTML de 6 tip başlık büyüklüğü vardır.

<h1> ... </h1> Büyük yazı, ana başlıklar
<h2> ... </h2> Orta yazı, alt başlıklar
<h3> ... </h3> Küçük yazı
. .

. .

<h6> ... </h6> En küçük yazı

<html>
<body>
<h1>Programlama.com, HTML Sayfası, H1 formatında yazı örneği</h1><br>
<h2>Programlama.com, HTML Sayfası, H2 formatında yazı örneği</h2><br>
<h3>Programlama.com, HTML Sayfası, H3 formatında yazı örneği</h3><br>
<h4>Programlama.com, HTML Sayfası, H4 formatında yazı örneği</h4><br>
<h5>Programlama.com, HTML Sayfası, H5 formatında yazı örneği</h5><br>
<h6>Programlama.com, HTML Sayfası, H6 formatında yazı örneği</h6><br>
</body>

</html>




<br> komutu programda bulunduğu yerden itibaren alt satıra geçişi sağlar. Bu komutun </br> ifadesi yoktur.Uzun bir satır yazmak istiyorsunuz ve de bu satırın birkaç satıra bölünmesini istemiyorsunuz. Bunun için <NoBr> (NoBreak) komutunu kullanabilirsiniz.

<html>
<body>
<NoBr>Uzun bir yazınız var ve de yazınızın birkaç satıra bölünmesini istemiyorsanız <NoBr> komutunu kullanabilirsiniz. </NoBr>Eğer <NoBr> komutunu kullanmazsanız internet servis sağlayıcınızın boyutuna göre yazınız satırlara ayrılacaktır.
</body>

</html>




HTML dökümanlarında başlık yazmanız için sadece bu komutları kullanmanız gerekmez. Başlıklarınızı kendinizde oluşturabilirsiniz. Yazıların büyüklük, kalınlık ve de ekrandaki yerlerini ayarlayarakta kendi başlıklarınızı oluşturabilirsiniz. Yazıların ekranda eğik "italic", kalın "bold", altı çizgili "underline" , büyük "large" gibi değişik şekillerde olması için ekrana yazdırılacak yazının başına yazının ne şekilde olacağının belirtilmesi gerekir. Aşağıda verilen komutlar temel yazı komutlarıdır ve ileriki konularda yeri geldikçe değinilecektir.

<B> ... </B> Kalın "Bold"
<i> ... </i> Eğik "Italic"
<u> ... </u> Altı çizgili "Underline"
<big> ... </big> Büyük
<small> ... </small> Küçük

<html>
<body>
<B>Kalın yazı</B> <br>
<i>Eğik yazı</i> <br>
<u>Altı çizgili yazı</u> <br>
<big>Büyük yazı</big> <br>
<small>Küçük yazı</small> <br>
</body>
</html>

HTML dili için görsellik, dolayısıyla da ekran dizaynı çok önemlidir. Dokümanlarınızı en iyi ve en güzel şekilde sunmanız gerekir. Html de bu dizaynları yapabilmeniz için bazı temel komutlar bulunmaktadır. Yazı veya resimlerinizi kısaca dokümanlarınızda kullanacağınız nesneleri ekranın sağına, soluna ve ortasına koyabilmeniz için <align =...> komutu kullanılır. Bu komutun kullanımını biraz detaylı olarak inceleyelim.

<p align = left> </p> Nesneleri ekranın soluna yerleştirir.
<p align = right> </p> Nesneleri ekranın sağına yerleştirir.
<p align = center> </p> Nesneleri ekranın ortasına yerleştirir.

<p> ..</p> komutu arasında kalan tüm nesneler (yazı, resim, ...) paragraf gibi ayrılır. Paragrafın başında ve sonunda paragraf olduğunu belirtmek için boşluk bırakır. HTML de tüm nesneler aksi belirtilmedikçe ekranın solundan itibaren gösterilir. Yani soldan başlayarak yazı yazmak için <align = left> komutunu kullanmanıza gerek yoktur. Bazı internet tarayıcıları <center> komutunu da kullanabilmektedir ama emin olmak için <align = center> komutunu kullanmanızda yarar vardır.

<html>
<body>

<h2> <ALIGN=LEFT> Komutu</h2>
Aksi belirtilmedikçe yazılar ekranın sol tarafına yerleştirilir.<br>
Yazınızı soldan başlayarak yazmak için <ALIGN=LEFT> <br>
komutunu kullanmanıza gerek yoktur.<br>

<h2 align = right> <ALIGN=RIGHT> Komutu</h2>
<p align = right>Yazınızı ekranın sağına yerleştirir.</p>

<h2 align = center> <ALIGN=CENTER> Komutu</h2>
<p align = center>Yazınızı ekranın ortasına yerleştirir.</p>

</body>
</html>

Yazının içerisinde eğer komut isimleri kullanılacaksa karışıklık olmaması için bu komutlar yerine İngilizce kısaltmalarından yararlanılarak özel komutlar oluşturulmuştur. " < " için < (less then), " > " için > (greater then) gibi. Diğer sembollerin nasıl ifade edildiğini görmek için Özel Karakterler sayfasına bir göz atın. HTML'de komutların büyük ya da küçük harfle yazılma zorunluluğu yoktur. Html'den müzik çaldırmanın iki yolu vardır. Birincisi fare ile bir yere tıklandığında, diğeri ise sayfa yüklendiğinde müzik çalmasıdır

Sayfada Müzik

Fare ile bir yere tıklandığında müzik çaldırmanın en kolay yolu; bir link 'in altına müzik dosyasını koymaktır. Aşağıdaki kodu inceleyin lütfen.

<a href = "music.mid">Müziği Dinlemek İçin Tıklayın</a>

Müziği Dinlemek İçin Tıklayın

Çalınacak müzik dosyası "mid" uzantılı olmak zorunda değildir,"au" veya"wav" uzantılı da olabilir. Fakat "wav" uzantılı bir müzik dosyasını indirmek sayfanıza giren kişinin çok zamanını alabilir. Ayrıca yukarıdaki örnekteki "music.mid" yerine müzik dosyasının ismi ile birlikte yerinin de yazılması gerektiğini unutmayın.(Öreneğin; "../sounds/music.mid" gibi.)

Html kodunda müzik dosyasını belirtirken, dosya ismindeki büyük-küçük harfe dikkat edilmelidir . Örneğin; "music.mid" ile "Music.mid" aynı şeyler değildir.

İkinci yol ise sayfa yüklendiğinde fon müziği olarak müzik çalmasıdır.

I.E ve Netscape' in geri planda müzik çalmayı sağlayan html tag'leri birbirinden farklıdır. Sayfanızın daha fazla kişi tarafından kullanılabilirliği açısından bunu göz önünde bulundurmanızda fayda var.

Netscape için <embed>
I.E için <bgsound> tag'i kullanılır.

Örnek : Sayfa yüklendiğinde, ebatlarını belirttiğimiz, üzerinde "play" ve "stop butonları" olan bir konsol çıkar. Sayfa yüklenir yüklenmez müzik başlamaz "play" butonuna basılarak müziğin başlatılması gerekir.

<embed src = "music.mid" width ="150" height = "100" >
<noembed>
<bgsound src ="music.mid">
</noembed>

Müziği Dinlemek İçin Tıklayın

Yukarıdaki <noembed> tag' ini kullanılması browser' ın I.E olması durumunda da müzik çalınabilmesini sağlar. Browser <embed> tag' ini anlamazsa <noembed> içindeki kodu yürütür ve browser I.E ise müzik çalınır.

Örnek : Sayfa yüklenir yüklenmez müzik başlar ve bir kez çalınır.

<embed src = "music.mid" width ="150" height = "100" autostart = "true">
<noembed>
<bgsound src ="music.mid">
</noembed>

Müziği Dinlemek İçin Tıklayın

Örnek : Sayfa yüklenir yüklenmez müzik başlar ve sayfa açık olduğu sürece çalmaya devam eder. Ayrıca sayfada, boyutları standart, küçük bir konsol çıkar.

<embed src = "music.mid" autostart = "true" controls = "smallconsole" loop = true>
<noembed>
<bgsound src ="music.mid">
</noembed>

Müziği Dinlemek İçin Tıklayın

Örnek : Ekranda herhangi bir konsol görünmesini istemiyorsanız, aşağıdaki kodu kullanmalısınız.

<embed src = "music.mid" autostart = true hidden = true>
<noembed>
<bgsound src ="music.mid">
</noembed>

Müziği Dinlemek İçin Tıklayın

Fakat şunu da unutmayın ! Konsolu saklarsanız ve "loop = true" seçerseniz, sayfanızı ziyaret kişi, sayfada kaldığı süre boyunca aynı müziği tekrar tekrar dinlemek zorunda kalacaktır. Bu da sinir bozucu olabilir.

Eğer sayfamızdaki tüm linklerin altlarının çizgisiz görünmesini istiyorsak aşağıdaki kodu sayfamıza eklememiz yeterli olacaktır.

<STYLE>
<!--
A{text-decoration:none}
-->
</STYLE>

Eğer sadece bir linkin altının çizgisiz görünmesini istiyorsak linki aşağıdaki gibi tanımlamalıyız

<a href="www.programlama.com" style="text-decoration: none">Bunun da Altında Çizgi Yok</a>

HTML dilinde bazı karakterler kodun kendisini oluşturduğu için bir yazı içinde geçmesi gerektiğinde oldukları gibi kullanılamazlar. Bunların yazı içinde gösterilebilmesi için özel kısaltmalar kullanılır.

<
Küçüktür İşareti
<

>
Büyüktür İşareti
>

&
AND işareti
&amp;

"
Çift Tırnak
"

@
Ampersand
@

©
Copyright
©

®
Registered
®


Bir Boşluk
&nbsp;



Meta Etiketleri

Bu dökümanda META etiketlerini çok daha farklı yerlerde kullanıyoruz...

Giriş

Söze Meta etiketlerinin anlamı ile başlayalım : Meta etiketleri <HEAD>...</HEAD> etiketleri(tagları) arasında bulunur. Genelde Türkçe karakter kodlaması için veya arama motorları için kullanırız. Ancak, yeni dökümanımdan sonra çok daha farklı yerlerde kullanabileceksiniz. Şimdi başlık başlık inceleyelim:

Türkçe Karakter İçin Meta

<meta http-equiv="Content-Language" content="tr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">

Özene bezene bir sayfa hazırlıyorsunuz ve internetteki alanınıza yolluyorsunuz. Sayfanızı bir açıyorsunuz ı harfleri â, ş harfleri de $ benzeri harflere dönüşmüş. İlk şoku atlattıktan sonra hatanızı aramaya başlıyorsunuz ve kodlarda META etiketinin olmadığını fark ediyorsunuz. Biz size eklemek için verelim: Bu kodları <HEAD> etiketi ile </HEAD> etiketleri arasına koyduğunuzda problem hallolacaktır.




Arama Motorları ve Meta

<meta name="keywords" content="ASP, Active Server Pages, Aktif Sunucu Sayfaları, Programcılık, Scriptler, Forum, VBScript">
<meta name="description" content="ASP için MaxiASP'den başka ne gerekir ki?">

Sitemizde Türkçe karakter problemini hallettikten sonra ziyaretçi çekebilmek için sitemizi arama motorlarına kaydettirmeliyiz. Ancak bazı arama motorları, siteleri META etiketlerine göre kaydediyorlar. Yukarıdaki kodu yine aynı kısma yerleştirirseniz, arama motorlarında iyi bir yerde olabilirsiniz. Fakat, sitenizi temsil edecek kelimeleri iyi seçin. Sitenizin konusu ile ilgili tüm kelimeleri ve bunların farklı varyasyonları yazmaya özen gösterin.

Sayfayı Yenilemek İçin Meta

<meta http-equiv='Refresh' content='1; URL=http://www.maxiasp.com'>

Programlama dilleri ile yapıldığı sanılan bu yenileme veya yönlendirme özelliğine META etiketi de sahip.
Bu kod ile örnek verdiğimiz adres www.maxiasp.com'a bir saniye içerisinde yönlendirileceksiniz.

Sayfanın Ömrü ve Meta

<meta http-equiv="Expires" content="Mon, 26 Aug 2001 00:00:01 GMT">

Aksi bir ayar yapılmadıysa ziyaret ettiğiniz Web sayfaları, Web tarayıcınızın cache denilen özel bir alana kaydedilir. Tekrar o siteye gitmek isterseniz browser grafikler gibi bazı öğeleri buradan alır. Siz de sitenizin cache alanında ne kadar tutulacağınızı belirlemek istiyorsanız aşağıdaki kod tam size göre!

Son Yenilenme

<meta name="revised" content="MaxiASP, 2/9/01">

Sitenizin son yenilenme tarihini de <META> etiketi ile belirtebilirsiniz. Bu arama motorlarında işe yarayacak bir özelliktir. Ayrıca site değerlendirme araçları da bu gibi kodlara önem verir.

Son Söz

Dokümanı bitirmeden önce tekrar belirteyim ;
Bütün meta etiketleri <HEAD> ile </HEAD> tagları(etiketleri) arasında kullanılır.

Bunu ilk beğenen siz olun

Hata Oluştu


_antika_

grup tuttuğum takım
Cezalı Grup
Hat durumu Cinsiyet Özel mesaj 2646 ileti
Yer: Bursa
İş: Öğrenci
Kayıt: 28-05-2006 15:51

işletim sistemim [+][+3][+5] [-]
#96674 21-07-2006 18:19 GMT-1 saat    
web mastere yazsaydın

Bunu ilk beğenen siz olun

Hata Oluştu




bağlantıyı göster (facebook ile) bağlantıyı göster (klasik üye girişi ile) Fenerbahçeli>>>>>
> 1 <