Ana Sayfa   |    Amacımız    |    Okulumuz   |   Ziyaretçi Defteri   |    İletişim

 

3. METİN VE GÖRÜNÜM DÜZENLEME ETİKETLERİ

3.1. METİN DÜZENLEME ETİKETLERİ

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

3.1.2. <B>

Aradaki metni koyu (bold) yazar.

Örnek :

Bilişim Teknolojileri Bölümü
     Web Tasarım Dersi

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

3.1.3. <U>

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

Örnek :

Bilişim Teknolojileri Bölümü
     Web Tasarım Dersi

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

3.1.4. <I>

Aradaki metni eğik (italic) yazar.

Örnek :

Bilişim Teknolojileri Bölümü
     Web Tasarım Dersi

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

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

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

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

 

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.

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

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

3.1.7.2. 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ıları 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 renkler belirtilmiştir.

Renk Renk Adı Renk Renk Adı
  aqua   black
  blue   fuchsia
  gray   green
  lime   maroon
  navy   olive
  purple   red
  silver   teal
  white   yellow

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.

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

 Bilişim
Teknolojileri
Bilişim
Teknolojileri
<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>

3.2. GÖRÜNÜM DÜZENLEME ETİKETLERİ

3.2.1. BGCOLOR

Sayfanın arka plan rengini belirler. <body> belirteci ile kullanıldığında sayfa arka plan rengini; tabloda <td> etiketi ile kullanıldığında hücre rengini değiştirir.

Sayfanın arka plan rengini mavi yapar. <html>
 <head><title>fArka Plan Rengi</title>
 </head>
 <body bgcolor="0000ff">
 </body>
</html>

Tabloda kullanılışı:

KIRMIZI

<html>
 <head><title>Hücre rengi</title>
 </head>
 <body>
  <table border="1" cellpadding="7">
   <tr>
    <td bgcolor="#ff0000">KIRMIZI</td></tr>
   <tr>
    <td bgcolor="#00ff00">YEŞİL</td></tr>
  </table>
 </body>
</html>

YEŞİL


 

report phishingreport abuse