HTML NEDİR?
HTML (HyperText Markup Language) nin Türkçe karşılığı Hareketli Metin İşaretleme Dili dir. Browserlarla görebileceğimiz, internet dökümanları oluşturmaya, metin veya verileri biçimlendirmeye yarayan komutlar dizisidir. HTML öğrenilmesi kolay ve oldukça basit bir dildir.
Örneğin herhangi bir tag olmadan default yazı tipinde görünen bir yazı, HTML içerisinde önüne ve arkasına kalın yazı işaretleri gelince bu şekilde kalın yazı olarak görünür.
Aynı zamanda , HTML içine yazılar dışında resim, ses, video, Java, JavaScript, VBScript gibi dillerle yazılmış programlar, ya da diğer nesneler de gömülebilir.
HTML TAG’ LERI:
HTML tag'leri
HTML tagleri birçok farklı şekilde sınıflandırılabilir. Sınıflandırma şu şekildedir:
1-) Bir açma bir de kapama tag' ından oluşanlar.
Kalın yazı
2-) Sadece kapama tag’ ın dan oluşanlar.
<meta http-equiv="REFRESH" content="5" url="http://www.zirvedekibeyinler.net"/>
HTML DOKÜMAN YAPISI:
Bir html dökümanı genel olarak aşağıdaki şekildedir.
<html>
<head >
Burada genelde döküman içeriği dışında kalan karakter set tanımlamaları, başlık, JavaScript tanımlamaları vb elemanlar bulunur.
head>
<body>
Burada ise dökümanın asıl içeriği vardır, içinde metin, ses, video, tablolar vb içerebilir...
body>
html>
Kuraldışı durum olarak da frameset'ler verilebilir, framesetler tagları içermeyebilirler. Framesetler ileriki makalelerimizde yer alacaktır.
İlk html dökümanımız:
<html>
<head>
<meta name="author" content="zirvedekibeyinler">
<meta name="keywords" content="web,html,css">
<meta http-equiv="content" content-type="text/html" charset=iso-8859-9">
<title>Zirvedekibeyinler.Net Hoşgeldiniz.title>
head>
<body text="blue" bgcolor="white" link="navy" vlink="#eaeaea" alink="#000000">
<h1>Büyük puntolu bir başlık atalımh1>
<br>
<center>
<h1>Burda ise yine büyük puntolu bir başlık atalım fakat ortalanmış olsun.h1>
center>
bu satırın iki altından merhaba yazalım acaba çıkacak mı?
<br /><br />
merhaba
<hr />
Merhaba'nın altında uzunca bir çizgi var.
body>
html>
Yukarıdaki kodun ilk satırı SGML (Htmlin olmasını sağlıyan doküman işaretleme dili) sözdizimine göre aşağıdaki satırların bir HTML 3.2 dökümanı olduğunu belirtmektedir,yazılmayabilir ancak internette dolaşırken bazı HTML validator (kontrol eden programlar) tarafından o kod incelenir kullanılmazsa dökümanın HTML 2.0 ile yazıldığı varsayılan olarak bilinir.
Head ve head tag lerı arasında;
İlk satırından başlıyarak sırayla Dokümanın hazırlandığı kişi, bazı arama motorlarında sizin sayfanıza ulaşılmasını istediğiniz anahtar kelimeler yer almaktadır.Önceleri tüm arama motorları için geçerli olan anahtar kelimeler artık milyonlarca site olmasından dolayı eski geçerliliğini yitirdi.Şuan yanlızca bu kod bloğunu yazmak eskisi kadar yeterli kalmamaktadır.
Title tagı arasında ise;
Sayfa gösterilirken browser' da pencerenin başlığı olarak ne görüleceği bilgisi vardır.
Sırada body tag leri arasında kullanmış olduğumuz kodların ne anlama geldiğini inceliyelim.
Burada sayfanın görüntülenirken ana görünümün nasıl olacağı belirlenir. BODY' den sonra gelen 5 paremetre sırasıyla sunlardır.
Düz metin rengi
Arka fon rengi
Ziyaret edilmemiş linklerin rengi
Ziyaret edilmiş linklerin rengi
Mouse’ la link'e tıklandığı anda ki link'in rengi.
Burada H1 ve H6 arasında istediğiniz birini başlık veya altbaşlık atmak için kullanabilirsiniz.
H1 en önemli başlıklar içindir ve en büyüğüdür. H6 ise en önemsiz başlıklar içindir ve en küçüktür.
Başlığı da atıp ortaladıktan sonra metin yazdık ve arkasından da hr tagi ile düz bir çizgi çizdik.
Sonra biraz daha metin yazdık ve sırasıyla BODY 'yi ve HTML dökümanımızı kapattık.
HTML 4.0 ve StyleSheet'lerin kullanıma girmesiyle değişen yukarıdaki BODY tanımı artık desteklenmemektedir.
<body text="blue" bgcolor="white" link="navy" vlink="#eaeaea" alink="#000000"> yerine
<STYLE type="text/css">
BODY { background: white;color: Blue;}
A:link { color: navy }
A:visited { color: #eaeaea }
A:active { color: #000000 }
STYLE>
Kullanılması önerilmektedir. Css ile ilgili makalelerimizde bu kodun ne anlama geldiği hakkında daha açık bir şekilde bahsedebiliriz. Diğer html kategorisi altındaki makalelerimizde ise yaygın kullanılan html tag lerına geniş yer verilecektir.
Önemli Bilgi: Kullanmış olduğunuz tag lerı notepad açarak direk yazdıktan sonra farklı kaydet yapıp html formatında kaydettiğinizde derlenmiş halini görmüş olursunuz. Fakat notepad yerine Html editörleri ile de aynı işlemi yapmış olursunuz.
Benim tavsiyem; Sizlere bu örnekleri ve tagleri Dreamweaver da gerçekleştirebilmeniz olur. Yapmak istediklerinizi gerçekleştirirken hem zamandan kazanırsınız hem de karşılaşmış olduğunuz sorunları görmeniz de daha büyük kolaylık sağlamış olur.