Html ( hyper text markup language) ögrenmek isteyenler dersleri buradan takip edebilirsiniz. Html derslerini buradan sizlere aktarmaya çalisacagim.
Html ( Hyper Text Markup Language ) Yazim Kurallari
- Komutlar türkçe karakter kesinlikle içermez. Örnek : ( s, ç, ö, ü, i, g )
- Komutlar büyük ya da küçük harfle yazilabilir.
- Komutlar < ve > isaretleri arasina yazilabilir.
Kullanim biçimi
< etiket ( tag ) adi > seklinde yazilir.
Örnek:
<html> , <body> , <title> , <head>
- Bir etiket < etiket ( tag ) adi > seklinde baslar ve bazi etiketler disinda </etiket (tag) adi > seklinde biter.
- Etiketler iç içe yer alir ve en içteki etiketten baslatilarak kapatilir. Kodlarin Okunabilirligini artirmak için bir etiket bitmeden tekrar etiket açilirsa içeride açilan etiket biraz daha içeriden yazilmalidir.
Kullanim biçimi:
<etiket_1> <etiket_2>
</etiket_2> </etiket_1> |
Örnek :
<html> <body> <form> … </form> </body> </html> |
· Bir etiket parametreler kullanarak biçimlendirilir ve bu parametrelere tirnak (" ") isaretleri arasinda deger atanir. Degerle parametre adi arasinda esittir = isareti kullanilir.
Kullanim biçimi:
<( tag) adi parametre adi = "deger">
Örnek:
< font color ="deger">
Web sayfasinda standart olarak kullanilmasi gereken kodlar sunlardir. Bu kodlarla web browser ( Internet tarayicisi ) bunun bir web sayfasi oldugunu anlar ve ona göre görüntüler.
Standart kodlar :
<html> <head> <title>sitedeki sayfanin basligi </title> </head> <body> Sayfanizin tüm içerigini bu kodlarin arasina yapilir. </body> </html> |
<html> Tagi Ne Ise Yarar Nerede Kullanilir.
<html> tagi web sayfasinda bulunan ilk koddur. Bu kod html sayfasinin baslangicini ve sonunu belirler. Bütün html kodlari bu kodun arasina yazilmak zorundadir. Bu kodun hiçbir parametresi yoktur.
<head> Tagi Ne Ise Yarar Nerede Kullanilir.
Bu tag web sayfasinin temel özelliklerinin bulundugu koddur. Yani sayfa basligi, link özellikleri, yazi karakter özellikleri vb. Özellikler bu kodun içine yazilir. Bu tagin yorum araligi içinde <meta> tagi da yer almaktadir. Bu tag siteyi tarayiciya ve arama motorlarina tanitmak için kullanilir.
<meta> Etiketinde Kullanilan Parametreler:
Kullanilabilecek parametreler |
parametrelerin görevi |
Name |
Author , description ve keywords özellikleri tanimlanir. |
Http-equiv |
Refresh, expires, content ve content-style-type özelliklerini belirler. |
Size |
Yazinin boyutunu belirmeye yarar. |
Kullanim biçimi ve ne ise yarar:
<meta name="author" content="sinan eris">
Yukaridaki Satir sayfanin Tasarimci kimligini gösterir.
<meta name="description" content=" web sayfasinin kisa tanitimini buraya yapilir.">
Yukaridaki Satir sayfanin kisa tanitimi yapmak için kullanilir.
<meta name="keywords" content="web sitenizin arama motorlarinda bulduracak siteniz ile ilgili kelimeler buraya yazilir.">
Yukaridaki Satir sayfanin hangi kelimeleri içerdigini gösterir. Arama motorlari için en önemli bölüm burasidir.
<meta name="copyright" content="© 2009 sinan eris">
Yukaridaki Satir sayfanin telif hakkinin kime ait oldugunu gösterir.
<meta name="generator" content="macromedia dreamweaver ">
Yukaridaki Satir Sayfanin hangi editörle ( web tasarim programiyla ) yapildigini gösterir.
<meta name="robots" content="all, follow, index">
Yukaridaki Satir sayfanizi tüm arama motorlarinin veritabanina kaydolabilme hakkinin verilmis oldugunu gösterir.
<meta name="rating" content="general">
Yukaridaki Satir sitenizin hangi kategoride, sinifta oldugunu gösterir. General yazmakla bütün kategoride oldugu belirtilmis olur.
<meta http-equiv="refresh" content="10; url=http://www.yazilimmutfagi.com">
Refresh ile sayfamiz açildiktan 10 saniye sonra belirtilen adresi otomatik olarak
açacaktir.
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
Yukaridaki Satir sayfanizda ne tür bir metnin oldugunu text/html yazmakla metnin düz yazi ve html belgesi oldugunu ve karakterlerinin hangi kodlama windows-1254 yazmakla ile yapildigini gösterir.
<meta http-equiv="content-language" content="tr">
Yukaridaki Satir sayfanizin dilinin türkçe oldugunu gösterir. Isterseniz degistirebilirsiniz
sitenizin dilini.
<meta http-equiv="content-style-type" content="text/css”">
content-style-type Belgemizde kullanilan css dosyamizin bir metin dosyasi oldugunu
belirtir.
<title> Tagi Ne Ise Yarar Nerede Kullanilir.
<head> bölümü içine yazilir. <title> bölümüne sayfanin basligi yazilir, tarayicinin sol üst bölümünde bulunan baslik çubugunda görüntülenir.
Örnek:
<html> <head> <title>yazilim mutfagi | ana sayfa </title> </head> <body> .….. .….. .….. </body> </html> |
Tarayicida görünümü :
<body> Kodu Ne Ise Yarar Nerede Kullanilir.
Html belgesinin bütün içerigi burada yer alir. Sitenin resimlerini videolarini dosyalarini vb. bu etiket içine yerlestirilir.
<body> etiketinde kullanilan parametler :
Kullanilabilecek parametreler |
parametrelerin görevi |
Bgcolor |
Sitenizin arka plan rengini belirlemeye yarar. |
Background |
Sitenizin arka planinda yer alacak resmi belirlemeye yarar. |
Link |
Sayfada kullanilan linkin rengini belirlemeye yarar. |
Alink |
Linke tiklandiginda alacagi rengi belirlemeye yarar. |
Vlink |
Daha önceden ziyaret edilmis link rengini belirlemeye yarar. |
Bu dersimizde burada bitti . Bir sonraki ders de görüsmek üzere kendinize iyi bakin.
Güncel makaleler bekliyoruz
Bir Sonraki Makalemi 1.Mayis.2009 Tarihinde Sizler Ile Paylasacagim.
Elimden Geldigi Kadar Bilgilendirici Yazilar Yazmaya Çalisacagim…
giris için ideal,
ancak sitenizde daha genis bilgilendirici yazilar görmek istiyoruz…
Tabiki Devamini Getirecegim.
devamini bekleriz