> Html Sayfa Yapısı
<html>
<head>
<title> Sayfanın Başlığı </title>
</head>
<body>
Sayfanızın tüm içeriği: resim, yazı, video, vb.
</body>
</html>
> Yazıya Link Vermek
<A HREF="http://www.megep.meb.gov.tr">
Bağlantının açılacağı pencereyi belirtmek için "target" parametresinide kullanabiliriz.
<a href="..." target="..." ></a>
Ana sayfaya dönmek için <A HREF="http://www.megep.meb.gov.tr"> buraya </A>
tıklayınız.
target="_blank" Bağlantı yeni bir pencerede açılır.
target="_self" Bağlantı aynı pencere içerisinde açılır.
target="_top" Bağlantı aynı pencere içerisinde en üstten itibaren açılır.
target="_parent" Açılan bağlantı, o anda açık sayfayı oluşturmuş bir ana sayfa varsa
onun yerine konur.
target="çerçeve adı" Frame komutu ile çerçeve oluşturulmuşsa bağlantının
adı verilen çerçevede açılmasını sağlar.
> E-Posta Adresine Bağlantı Oluşturma
<A HREF="mailto:megep@meb.gov.tr">
tıklayınız </A>
> Metin Düzenleme Etiketleri
<HX>
Bu etiketler, doküman içinde kullanılabilecek başlıklardaki yazıların büyüklüklerini
tanımlar. “x” değeri 1’den 6’ya kadar değer alabilir. Sayı arttıkça yazı büyüklüğü
azalır. <hx> ile kullanılacak parametrelerden birisi align’dır. Align kullanıldığı sayfadaki
yatay yerini belirler. Left (sola yaslı), right (sağa yaslı), center (ortala), justify (her iki yana yaslı) değerlerini alabilir. Align=”justify” html 4.0 etiketi olduğu için bazı tarayıcılarda sorun çıkarmaktadır. <h1 align=”center”> Bilgi </h1> yazdığınızda “Bilgi”kelimesini ortalı bir şekilde yazacaktır.
<html>
<head><title>Başlık Komutları</title>
</head><body>
<h1>HTML KOMUTLARI</h1>
<h2>HTML KOMUTLARI</h2>
<h3>HTML KOMUTLARI</h3>
<h4>HTML KOMUTLARI</h4>
<h5>HTML KOMUTLARI</h5>
<h6>HTML KOMUTLARI</h6>
<body></html>
<B>
Aradaki metni koyu (bold) yazar.
<html>
<head><title> Kalın yazma </title>
</head><body>
Bilişim <b>Teknolojileri</b> Bölümü
<br>
<b>Web Tasarım</b> Dersi
</body>
</html>
<U>
Aradaki metni altı çizili (underline) olarak yazar.
<html>
<head><title> Kalın yazma </title>
</head><body>
Bilişim <u>Teknolojileri</u> Bölümü
<br>
<u>Web Tasarım</u> Dersi
</body>
</html>
<I>
Aradaki metni eğik (italic) yazar.
<html>
<head><title> Kalın yazma </title>
</head><body>
Bilişim <i>Teknolojileri</i> Bölümü
<br>
<i>Web Tasarım</i> Dersi
</body>
</html>
<BR>
HTML'de metinleri yazarken kullandığımız editörde bir alt satıra geçmek için enter
tuşunu kullanırız. Fakat HTML dilinde bunun hiçbir anlamı yoktur. Tüm kodları ve metinleri tek satırda dahi yazsanız tarayıcı açısından farketmeyecektir. Bu yüzden metinleri bölmek, yani ikinci satıra atmak için <br> etiketini kullanıyoruz. Yukarıdaki örneklerde <br> etiketini kullanmamış olsaydık ekrandaki ifade “Bilişim Teknolojileri
Bölümü WEB Tasarım
Dersi” şeklinde bir alt satıra geçmeden yan yana yazılacaktır.
<P>
Aradaki metne paragraf özelliği kazandırır. Sonlandırıldığında, takib eden metin bir
satır boşluk bırakılarak ve satır başına yazılır.
<HTML>
<HEAD><TITLE> Metne Paragraf Ekleme </TITLE>
</HEAD><BODY>
<p> Bilgisayara fazlaca merakı olan bir çok kişinin isteği, bilgisayar yardımı ile
dış çevre birimlerini kontrol etmektir.</p>
<p> Windows 2000 ( NT teknolojisi ) üzerinde port uygulamaları geliştirmek
diğer işletim sistemlerine göre daha zor bir iştir. Zira NT teknolojisi üzerine kurulu
sistemler donanım aygıtlarına direk erişiminizi kısıtlamaktadırlar.</p>
</BODY>
</HTML>
<FONT>
Font etiketi sahip olduğu parametreler sayesinde metinlerin renk, yazı tipi, boyut gibi
özelliklerini değiştirmenize olanak sağlar. Parametreleri ile beraber kullanım şekli aşağıdaki gibidir.
<FONT SIZE="x" FACE="[isim] COLOR="#XXXXXX">
Face : Yazı tipi (arial, tahoma, verdana, ...)
Size : Yazının büyüklüğü (1-7 arası)
Color : Yazının rengi (red, green gibi renklerin ingilizce karşılığı ya da RGB renk
değeri)
Bir etiketin herhangi bir parametresine atadığımız değer, o etiketin oluşturduğu alan
içerisinde geçerlidir. Örneğin, <font color="blue">...</font> ifadesi, sadece “...” ile
gösterilen alan içerisine yazılanları mavi yapar.
Size
Metnin büyüklüğünü ayarlar, bu değişkene -1, +2 gibi değerler verilerek metnin
büyüklüğünün bir eksiltilmesini veya iki artırılmasını sağlayabilir, direkt olarak bir rakam
vererek de bunu yapabilirsiniz. Yazı tipi çok büyük olmamalıdır, büyük yazı tipleri hem
kullanıcıların sayfayı okumasını zorlaştırır, hem de sayfanın güzelliğini bozar.
Color
Yazının rengini (red, green gibi renklerin ingilizce karşılığı ya da RGB renk değeri)
belirler. HTML'de renkler hexdecimal sayı sisteminde ifade edilir. Bir renk 16'lık sayı
düzeninde 6 rakamdan oluşur. Bu düzende 9'dan sonraki sayı1arı göstermek için A’dan F’ye
kadar olan harfler kullanılır. Bununla birlikte HTML bazı renklerin İngilizce isimlerini de
anlar.
Örnek:aqua,black,blue,fuchsia,gray,green,lime,maroon,navy,olive,purple,red,silver,
teal,white yellow
Renkler hexdecimal cinsinden de ifade edilebilir.
Örneğin #FFFFFFbeyaz, #000000 siyah, #C0C0C0 gri (tabloda 'silver'), #FFFF00 sarı, #FF0000 kırmızı renklerini verir.
Face
Face parametresini tüm WEB tarayıcıları desteklemese de bu parametre kullanılarak
sayfada resim kullanmadan oldukça güzel görüntüler elde edilebilir. Örneğin Face="ArialTur" parametresi kullanıldığında yazı tipi Türkçe Arial olacaktır. Face değerine Türkçe desteği olmayan yazı tipleri verilmemelidir, verilirse bazı Türkçe karakterler bozuk olarak görülecektir.
<html>
<head><title>font komutu</title>
</head><body>
<font face="tahoma">Bilişim</font><br>
<font size="5">Teknolojileri</font><br>
<font color="#ff0000">Bilişim</font><br>
<font face="comic sans ms" size="7"
color="green">Teknolojileri</font><br>
</body>
</html>
|
