DERS1:
Html (HyperText Markup Language / Hareketli Metin İşaretleme Dili), internet dökümanları oluşturmaya yarayan bir dildir. Html, belgelerin birbirine nasıl bağlanacaklarını ve belge içindeki metin, resim ve benzeri nesnelerin nasıl yerleştirilecekleri belirleyen ve etiket(tag) denilen kod parçacıklarından oluşan bir sistemdir.
Html bir programlama dili değildir.Herhangi bir programlama mantığı taşımaz.Veriler içine yerleştirilen etiketler, metnin dolayısıyla belgenin browser tarafından verileri nasıl işleyeneceğini belirler.
Html dökümanı hazırlamak için gerekli olan tek şey bir editördür.Bunun için piyasada bulunan kod veya görsel tabanlı bazı programları kullanılabilirsiniz.Bunun yanı sıra, bir editörünüz yoksa, html dökümanı hazırlamak için size bir notepad bile yeter. Html dökümanınızı hazırladıktan sonra .htm veya .html uzantısı ile kaydettiğinizde bir html dökümanına sahip olmuş olursunuz.
DERS2:
Html'in genel yapısı, aşağıda görüldüğü gibidir. Html dökümanları <html>...</html> etiketleri arasında yer alır. Baş (head) ve gövde(body) olmak üzere iki ana kısımdan oluşur.Head kısmında sayfa ile ilgili genel tanımlamalar yapılır. Aşağıdaki örnekte sayfa adı vermeye yarayan <title> etiketi head kısmında kullanılmıştır.Sayfada görüntülenmesi istenilen nesneler <body>....</body> etiketleri arasına yazılır. Sayfaya yerleştirmek istenen resim, metin, tablo ve benzeri tüm nesneler <body>...</body> etiketleri arasında yer alır.
DERS3:
Html'de metin stillerini belirlemenin üç yolu vardır.Bunlar;
1. Düzenlenmek istenilen metinin başına ve sonuna gerekli metin düzenleme etiketlerinin konulması ile yapılan metin stilidir.Bu yöntem satır içi biçimlendirme olarakta bilinir.
2. Sayfanın head kısmına koyulan stillere body bölümden atıf yapılarak metin biçimlemedir.Bu yöntem gömülü biçimlendirme olarak adlandırılır.
3. Html dökümanının dışında başka bir stil dosyası oluşturularak, stil için bu dosyanın kullanıldığı yöntemdir.Bu yöntemde Cascading Stil Sheets(Yığılmalı Stil kağıtları-CSS) olarak adlandırılır.
Yukarıdaki metotlardan ilk metotta her metin için ayrı ayrı stil belirtirken ikinci ve üçüncü metodlarda stil bir defa belirlenir ve bu stilleri istediğimiz metne uygulayabiliriz.Burada önemli olan bir diğer husus da ilk metodu tüm browserlar sorunsuz yorumlarken, 2. ve 3. metotları farklı browserların, değişik şekillerde yorumlamasıdır. Bu nedenlerden dolayı biz derslerimizde satır içi biçimlendirme olarak adlandırılan ilk metottan bahsedeceğiz.
Başlık Etiketleri
Html'de altı adet başlık etiketi vardır.Bu etiketlerin birbirinden farkı, boyutlarıdır.Başlık etiketi uygulanacak metin <h1>...<h6> etiketlerinden biri ile başlar ve aynı numaralı başlık etiketi ile kapatılır.
Daha önceki dersimizde bahsettiğimiz gibi sayfamızda görüntülenmesini istediğimiz nesneleri body kısmına yazarız.Bu örnekte body kısmına html'e ait başlık etiketlerini yazdık.Uygulamamızı çalıştırdığınızda başlıklar arasındaki farklılıkları rahatlıkla görebilirsiniz.En büyük başlık etiketi <h1> etiketidir ve bu <h6> etiketine doğru gidildikçe küçülür. Sizde uygulamalar üzerinde değişiklikler yaparak bunu rahatlıkla görebilirsiniz.
Paragraf Etiketi
Html'de paragraf etiketi <p>....</p> dir. Bu etiketler araındaki metin paragraf özelliği kazanır.Etiket sonlandırıldığında, takip eden metin bir satır boşluk bırakılarak, satır başına yazılır.
<br> Etiketi
<br> etiketi, satır başı yapmak için kullanılır.Browser bu etiketi görünce, geri kalan nesneleri bir alt satırdan devam ettirir.<br> etiketi kapatılmadan kullanılan bir etikettir.Diğer bir çok etiket gibi "/" işareti ile sonlandırılmaz.
Diğer Etiketler
Html de, metinlerde kullanılacak diğer metin biçimlendirme etiketleri; <b>, <i> ve <u> dur.
<b>....</b> Aradaki metni koyu yapmaya yarar.(bold)
<i>....</i> Aradaki metne eğik özelliği vermeye yarar.(italic)
<u>....</u> Aradaki metnin altı çizili hale gelmesini sağlar.(underline)
Yukarıdaki örnekte özellik kazandırılmak istenilen metnin, gerekli etiketler arasına yazıldığına dikkat ediniz.Bunun yanı sıra <br> etiketinin ise kapatılmadan kullanıldığını, diğer etiketlerin hepsinde açılan etiketin kapatılması gerektiğini gözden kaçırmayınız.
DERS4:
Metinlere ait font ayarları <font>.....</font> etiketi ile yapılır.
Font etiketinin kullanımı;
<font face="..." size="..." color="...">...</font>
Font etiketinin parametreleri;
face= yazıtipinin adı (arial, tahoma, verdana, ...)
size= yazının büyüklüğü (1-7 arası)
color= yazının rengi (renkleri ingilizce karşılıkları veya RGB renk değeri)
RGB, red-green-blue renklerinin baş harfleridir.Tüm renkler, bu üç ana rengin belli oranlarla harmanlanması sonucu ortaya çıkar.Bu nedenle metinlere renk verilirken ya renklerin ingilizce karşılıkları yada başına # işareti koyarak RGB ye ait hexidecimal değerler yazılır.
Yazı tipini belirlemek için face parametresi kullanılır.Genellikle web tasarımında verdana, tahoma ve arial gibi yazıtipleri tercih edilir.Bunun nedeni, bu yazıtiplerinin okuma kolaylığına ve görüntü güzelliğine sahip olmasıdır.
Yazı büyüklüğü, size parametresi ile ayarlanır ve yedi adet font büyüklüğü vardır.1 ile 7 arası bu değerler, yazının inch veya piksel olarak büyüklüğü değil, html e ait sayı değerleridir.
Yukarıdaki örneği uyguladığınızda, değişik renk, boyut ve yazı tiplerinde metinlerin görüntülendiğini göreceksiniz.Verilen örnekte font etiketine ait üç parametrede kullanıldı, fakat; her zaman üç parametrenin kullanılması mecburi değildir.Siz istediğiniz parametreleri kullanarak metinlere ait font ayarlarını yapabilirsiniz. Örneğin, yukarıdaki örnekte color parametresini sildiğinizde, yazınız siyah olarak görüntülendiğini görürsünüz.Yapacağınız denemelerde parametre ait tırnak işaretlerini koymayı unutmayınız.
Hiç yorum yok:
Yorum Gönder