Metin Düzenleme Etiketleri - HTML Ders 5

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Çevrimdışı D®agon

  • Ezberletmez Öğretir
  • *******
  • Join Date: Mar 2008
  • Yer: Ankara
  • 11656
  • +524/-0
  • Cinsiyet: Bay
    • Arif Hocam
Metin Düzenleme Etiketleri - HTML Ders 5
« : 14 Ocak 2011, 22:12:33 »
1. <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.

Örnek:
HTML KOMUTLARI
HTML KOMUTLARI
HTML KOMUTLARI
HTML KOMUTLARI
HTML KOMUTLARI
HTML KOMUTLARI

Kod: You are not allowed to view links. Register or Login
<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>



2. <B>

Aradaki metni koyu (bold) yazar.

Örnek:
Kalın yazma Bilişim Uyanan Gençlik Bölümü
Web Tasarım Dersi
Kod: You are not allowed to view links. Register or Login
<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>

3. <U>

Aradaki metni altı çizili (underline) olarak yazar.

Örnek:
Kalın yazma Bilişim Uyanan Gençlik Bölümü
Web Tasarım Dersi
Kod: You are not allowed to view links. Register or Login
<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>

4. <I>

Aradaki metni eğik (italic) yazar.

örnek:
Kalın yazma Bilişim Uyanan Gençlik Bölümü
Web Tasarım Dersi
Kod: You are not allowed to view links. Register or Login
<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>


5. <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
Kod: You are not allowed to view links. Register or Login
<br> etiketini kullanıyoruz. Yukarıdaki örneklerde
Kod: You are not allowed to view links. Register or Login
<br>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.


6. <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.

Örnek:
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.

Kod: You are not allowed to view links. Register or Login
<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>


7. <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, 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:

font komutu Uyanan

Gençlik

WEB

Tasarım Dersi

Kod: You are not allowed to view links. Register or Login
<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>