Eyl 23
Yükleniyor ... 
HTML (HYPER TEXT MARKUP LANGUAGE) TEMEL ETÄ°KETLERÄ°
HTML Komut Yapısı
HTML diÄŸer programlama dillerinden farklı olarak sadece görsel düzenleme için kullanılmaktadır. HTML herhangi bir text editörle (Notepad, Word,…) hazırlanabilir. Fakat bunun yerine WEB sayfası tasarımı için Dreamweaver, FrontPage, Netscape Composer gibi geliÅŸmiÅŸ araçlar da kullanılabilir. Derslerimiz içerisindeki örnek uygulamalar için Notepad kullanılmıştır. Bir html dokümanı hazırlandıktan sonra kaydedilirken “dosya_adi.htm” veya “dosya_adi.html” olarak kaydedilmelidir.
Yazım kuralları
Komutlar büyük ya da küçük harfle yazılabilir.
Komutlar Türkçe karakterler (ÅŸ,ç,ı,ü,ÄŸ,ö) içermez.
Komutlar “<” ve “>” iÅŸaretleri arasında yazılır ve “etiket (tag)” adını alır.
Kullanım biçimi:
<etiket (tag)_adi>
Örnek : <HTML>,<BODY>,<TITLE>
Bir etiket <etiket_adi> şeklinde başlar ve bazı etiketler dışında </etiket_adi>
ÅŸeklinde biter.
Etiketler iç içe yer alır ve en içteki etiketten baÅŸlatılarak kapatılır. Kodların
okunabilirliÄŸini artırmak için bir etiket bitmeden tekrar etiket açılırsa içeride
açılan etiket biraz daha içeriden yazılmalıdır.
Kullanım biçimi:
<tag_1>
<tag_2>
……
</tag_2>
</tag_1>
Örnek:
<HTML>
<BODY>
……
<FORM>
……
</FORM>
</BODY>
</HTML>
Bir etiket parametreler kullanarak biçimlendirilir ve bu parametrelere tırnak ("")
işaretleri arasında değer atanır. Değerle parametre adı arasında eşittir (=) işareti
kullanılır.
Kullanım biçimi:
<tag_adi parametre_adi ="deger">
Örnek:
<body bgcolor="blue">
WEB sayfasında standart olarak bulunması gereken kodlar şunlardır. Bunlar sayfada
mutlaka vardır. Bu kodlarla tarayıcı bunun bir WEB sayfası olduÄŸunu anlar ve ona göre
görüntüler.
<html>
<head>
<title> Sayfanın Başlığı </title>
</head>
<body>
Sayfanızın tüm içeriÄŸi: resim, yazı, video, vb.
</body>
</html>
<HTML>
<html>, bir WEB sayfasında bulunan ilk etikettir. Bu etiket tarayıcıya HTML
belgesinin baÅŸladığı ve bittiÄŸi yeri bildirir. Bütün HTML kodları bu etiketin içinde yer
almalıdır. Bu etiketin hiçbir parametresi yoktur.
<HEAD>
HTML belgesinin ilk bölümüdür. WEB sayfası ile ilgili temel özellikler, sayfa baÅŸlığı,
yazı karakterler kümesi, link özellikleri burada tanımlanır. Head etiketinin yorum aralığında
<meta> etiketi yer alır. Bu etiket siteyi tarayıcıya ve arama motorlarına tanıtır. Meta
etiketinde kullanılan parametreler aşağıdaki tabloda verilmiştir.
Kullanılacak parametreler Görevi
name Author, description ve keywords özellikleri tanımlanır.
http-equiv Refresh, expires, content ve content-style-type özellikleri
tanımlanır.
Size Yazının boyu belirlenir.
<META NAME="author" CONTENT="EMEL KAÇAR"> Kodu sayfanın
tasarımcı kimliÄŸini gösterir.
<META NAME="Description" CONTENT="Sayfanızın kısa tanıtımını buraya
yapın."> Kodu sayfanın kısa tanımı yapılmak için kullanılır.
<META NAME="keywords" CONTENT="Sitenizi arama motorlarında
bulduracak siteniz ile ilgili kelimeleri buraya yazın."> Kodu sayfanın hangi kelimeleri
içerdiÄŸini gösterir.Burası arama motorları için çok önemlidir.
<META http-equiv=”refresh” CONTENT=”5;
URL=http://www.megep.meg.gov.tr”> Refresh ile sayfamız açıldıktan 5 saniye sonra
belirtilen adresi otomatik olarak açacaktır.
<META http-equiv=”expires” CONTENT=”Wed, 25 Feb 2007 12:00:00 GMT”>
Expires GMT saat sistemine göre belirtilen saat ve tarihte sayfanın dosyası silinecektir.
<META http-equiv="Content-Type" CONTENT="text/html; charset=windows-
1254"> Kodu sayfanızda ne tür bir metnin olduÄŸunu (text/html yazmakla metnin düz yazı ve
html belgesi olduÄŸunu) ve karakterlerinin hangi kodlama (windows-1254 yazmakla) ile
yapıldığını gösterir.
<META http-equiv="Content-Language" CONTENT="tr"> Kodu sayfanızın
dilinin Türkçe (istenirse deÄŸiÅŸtirilebilir.) olduÄŸunu gösterir.
<META http-equiv=”content-style-type” CONTENT=”text/css”> Content-typestyle
belgemizde kullanılan CSS dosyamızın bir metin dosyası olduğunu belirtir.
<META NAME="copyright" CONTENT="© 2006 EMEL KAÇAR">
Kodu sayfanın telif hakkının kime ait olduÄŸunu gösterir.
<META name="GENERATOR" CONTENT="Microsoft FrontPage"> Kodu
sayfanın hangi editörle yapıldığını gösterir.
<META NAME="ROBOTS" CONTENT="ALL, FOLLOW, INDEX"> Kodu
sayfanızı tüm arama motorlarının veritabanına kaydolabilme hakkının verilmiÅŸ olduÄŸunu
gösterir.
<META NAME="RATING" CONTENT="GENERAL"> Kodu sitenizin hangi
kategoride, sınıfta olduÄŸunu gösterir. GENERAL yazmakla bütün katagoride olduÄŸu
belirtilmiÅŸ olur.
Meta etiketi ile tanımlanan bilgiler kullanıcıya görüntülenmez.
<BODY>
HTML belgesinin bütün içeriÄŸi burada yer alır. Buraya metinler, resimler, listeler vb.
her türlü HTML nesnesi yerleÅŸtirilebilir.
Kullanılacak parametreler Görevi
Bgcolor Arka plan rengini belirler.
Background Arka planda kullnılmak istenen resmi
belirler.
Link Sayfadaki linklerin rengini belirler.
Alink Linke tıklandığındaki rengi belirler.
Vlink Daha önce ziyaret edilmiÅŸ linklerin rengini
belirler.
<TITLE>
Head bölümü içine yazılan title bölümüne sayfanın baÅŸlığı yazılır, tarayıcının sol üst
bölümünde bulunan baÅŸlık çubuÄŸunda görüntülenir.
<HTML>
<HEAD>
<TITLE> BiliÅŸim Teknolojileri
</TITLE>
</HEAD>
<BODY>
….
</BODY>
</HTML>
Yorum Yapınız
Yorum yapabilmek için giriş yapmalısınız.
Son Yorumlar