|
Kısaca HTML, web sayfaları yapmaya yarayan bir dildir. Bu dili yazabilmek için en azından bir metin editörüne ihtiyaç vardır. Bu Windows işletim sistemiyle beraber gelen Notepad olabileceği gibi Office paketlerinin metin editörleri de olabilir. Bunun dışında komutları da öğrenmenize yardımcı olacak bir HTML editörü (Hot Dog, Cute HTML, HomSite vs.) veya görsel arabirime sahip bir HTML editörü (FrontPage, Dreamveawer vs.) de kullanabilirsiniz. Görsel arabirime sahip programlarda komut yazmak çoğu zaman gerekmediğinden, bu aşamada bu tür programları kullanmamanız daha iyi olacaktır.
HTML de her işaretleme dilindeki gibi komutlardan oluşur, bu komutlara tag veya mark-up denir. Biz yazımızda tag'i kullanacağız. Tag'ler herhangi bir metinden farklı oldukları browser tarafından anlaşılabilsin diye "<" ve ">" işaretlerinin arasına yazılır. Her tag'in bir başlangıcı ve bitişi vardır. Bitiş tag'lerinde, "<" işaretinden sonra tag'in bitiş tag'i olduğunu belirtmek için "/" işareti kullanılır. Bir örnek ile göstermemiz gerekirse;
Tag'ler sayfaya yerleştirilirken ilk açılan kod son kapatılmalıdır. Bu kurala uyulmadığı taktirde browser tag'lerinizi yorumlayamayacaktır.
Son olarak da şunu belirtelim: Yukarıda sayfaları yapmak için kullanılan programları sayarken de gördüğünüz gibi, en masrafsız olarak kullanabileceğiniz program Notepad. Biz de notpad üzerinden konuşalım .
Yazdığınız kodların browser tarafından alınıp yorumlanabilmesi için, dosyalarınızın uzantısının ".htm" veya ".html" olması gerekir. Bunu da Notepad'de yapabilmeniz için şu basamakları izlemeniz gerekir.
Notpad de kodları yazdıktan sonra Dosya menüsünden Farklı Kaydet'i seçip, açılan kayıt penceresinde dosya adını yazdıktan sonra kayıt türünde tüm dosyalar seçeneğini seçiyoruz ve dosya adının sonuna .htm veya .html uzantısı ekleyip kaydediyoruz. Bunu yaptıktan sonra sayfanız artık "Varsayılan" web browser'ınız tarafından açılabilen web sitesi sayfası haline dönüşecektir. Diğer html editörü programlarda da sistem pek farklı değildir.
HTML dokümanında kullanılan temel kodlardan bahsedelim.
Tüm HTML dokümanını içine alan en temel tag'dir ve dokümanın HTML ile yazıldığını browser'a bildirir.
Bu tag arasına yazılan her şey, sayfanın tanımını oluşturur. Buna sayfanın başlığı da dahildir. Ayrıca meta takıları da bu tag'in arasına yazılır.
Bu tag'in arasına yazılan her şey sayfamızın ismi our ve başlık çubuğunda görüntülenir. Ayrıca kullanıcı, sayfanızı "Sık Kullanılanlar" menüsüne eklemek isterse, yine menüde bu tag'ler arasına yazılacak metin görüntülenir.
Sayfanın gövdesidir yani browser tarafından ekranda görüntülenecek tüm kısımlar bu tag'in arasına yazılır. Ekranda görüntülenecek kısmın içine metinler, resimler, formlar, tablolar vs. girer.
Arasına yazılan metni diğer metinlerden daha kalın yapmak için kullanılır.
Arasına yazılan metni italik (eğik) yapmak için kullanılır
Arasına yazılan metnin altına çizgi eklemek için kullanılır.
Arasındaki metin, sayfa yada tablo vs. ortalaması için kullanılır.
Paragraf oluşturmak için kullanılan bir tag'dir. Kullanıldığında tüm paragrafı içine almalıdır. <P> tag'inin kullanıldığı yerde <BR> etiketini kullanmanın anlamı yoktur, çünkü her ikisi de aşağı yukarı aynı işi görür. Yalnız <P> paragraf başında ve sonunda kullanılır.
Ayrıca <P> tag'i "ALING="CENTER-LEFT-RIGHT" paramateresiyle birlikte de kullanılabilir. Bu parametre ile paragraf, sayfayı ortalayabileceği gibi sağına veya soluna da dayandırılabilir.
|
Samanalevi Tasarım 
