[color=red]1. <HX>[/color]
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.
Örnek: [size=8pt]HTML KOMUTLARI[/size] [size=10pt]HTML KOMUTLARI[/size] [size=12pt]HTML KOMUTLARI[/size] [size=14pt]HTML KOMUTLARI[/size] [size=18pt]HTML KOMUTLARI[/size] [size=24pt]HTML KOMUTLARI[/size]
[code]<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>[/code]
[color=red]2. <B>[/color]
Aradaki metni koyu (bold) yazar.
Örnek: [html]
Kalın yazma
Bilişim Uyanan Gençlik Bölümü
Web Tasarım Dersi
[/html]
[code]<html> <head><title> Kalın yazma </title> </head><body> Bilişim <b>Uyanan Gençlik</b> Bölümü <br> <b>Web Tasarım</b> Dersi </body> </html>[/code]
[color=red]3. <U>[/color]
Aradaki metni altı çizili (underline) olarak yazar.
Örnek: [html]
Kalın yazma
Bilişim Uyanan Gençlik Bölümü
Web Tasarım Dersi
[/html]
[code]<html> <head><title> Kalın yazma </title> </head><body> Bilişim <u>Uyanan Gençlik</u> Bölümü <br> <u>Web Tasarım</u> Dersi </body> </html> [/code]
[color=red]4. <I>[/color]
Aradaki metni eğik (italic) yazar.
örnek: [html]
Kalın yazma
Bilişim Uyanan Gençlik Bölümü
Web Tasarım Dersi
[/html]
[code]<html> <head><title> Kalın yazma </title> </head><body> Bilişim <i>Uyanan Gençlik</i> Bölümü <br> <i>Web Tasarım</i> Dersi </body> </html>[/code]
[color=red]5. <BR>[/color]
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 [code]<br>[/code] etiketini kullanıyoruz. Yukarıdaki örneklerde [code]<br>[/code] etiketini kullanmamış olsaydık ekrandaki ifade “Bilişim Uyanan Gençlik Bölümü Web Tasarım Dersi" şeklinde bir alt satıra geçmeden yan yana yazılacaktır.
[color=red]6. <P>[/color]
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.
Örnek: [html]
Metne Paragraf Ekleme
Bilgisayara fazlaca merakı olan bir çok kişinin isteği, bilgisayar yardımı ile
dış çevre birimlerini kontrol etmektir.
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.
[/html] [code] <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>[/code]
[color=red]7. <FONT>[/color]
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, aşağıdaki örnekte bu renkleri görmektesiniz.
red (Kırmızı) blue (Mavi) green (Yeşil) yellow (Sarı) black (Siyah) white (Beyaz) brown (Kahverengi) Orange (Portakal Rengi) purple (Mor) pink (Pembe) gold (Altın Sarısı) gray (Gri) silver (Gümüş) peach (Şeftali Rengi) olive (Zeytin Yeşili) beige (Bej Rengi) turquoise (Turkuaz) navy Blue (Lacivert)
Burada görülen renkler hexdecimal cinsinden de ifade edilebilir. Örneğin: #FFFFFF beyaz, #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="Arial Tur" 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.
Örnek:
[html]
font komutu
Uyanan
Gençlik
WEB
Tasarım Dersi
[/html]
[code]<html> <head><title>font komutu</title> </head><body> <font face="tahoma">Uyanan</font><br> <font size="5">Gençlik</font><br> <font color="#ff0000">WEB</font><br> <font face="comic sans ms" size="7" color="green">Tasarım Dersi</font><br> </body> </html>[/code]
|