Metin Ve Görünüm Düzenleme Etiketleri
<HX>(<h1>..<h6>): 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.
|
Paremetre |
Değer |
Açıklama |
|
align |
left(sol yaslı) |
Etiketin kullanıldığı sayfadaki yatay pozisyonunu belirler. |
Diğer Metin Etiketleri
|
Etiket |
Tanımlama |
|
<i> |
İçerdiği metnin eğik (italik) gösterilmesini sağlar. |
|
<u> |
İçerdiği metnin altı çizili (underline) gösterileceğini belirtir. |
|
<s>,<strike> |
İçerdiği metnin ortası çizili gösterileceğini belirtir. |
|
<b> |
İçerdiği metnin kalın (bold) gösterileceğini belirtir. |
|
<center> |
İçerdiği metini ortalar. Yanına yazı yazıldığında yazılar alt satıra geçer. |
|
<br> |
Düz metin içeriğinde bir satır alta geçilmesini sağlar. |
|
<big> |
İçerdiği metnin yazı tipini değiştirmeden biraz daha büyük gösterilmesini sağlar. Bir kereden fazla kullanıldığında ilgili metnin daha da büyümesini sağlar. |
|
<small> |
İçerdiği metnin ufak boyutlu gösterileceğini belirtir. İçiçe bir kereden fazla kullanıldığında metnin daha da küçülmesini sağlar. |
|
<strong> |
İçerdiği metnin kalın (bold) gösterilerek vurgulanmasını sağlar. |
|
<em> |
İçerdiği metnin yatık (italik) gösterilerek öneminin vurgulanmasını sağlar. |
|
<tt> |
İçerdiği metnin sabit genişliğe sahip yazı tipi (font) ile gösterilmesini sağlar. |
|
<sub> |
Subscript(alt simge) |
|
<sup> |
Superscript(üst simge) |
|
<hr> |
Sayfanın eklendiği yerinde yatay çizgi oluşturulmasını sağlar. |
|
<blockquote> |
İçerdiği metnin geniş bir alıntı içeriği olduğunu belirtir. BLOCKQUOTE etiketinin içeriği blok olarak gösterilir. |
|
<marquee> |
Kayan yazı |
Örnek
<html>
<head>
<title> Başlık Komutları </title>
</head>
<body >
<center><i>bilimokulu.net </i></center>
<center><i><big>bilimokulu.net</big> </i></center>
<hr>
<u>11 bilişim Sınıfları : </u>
<b>11 Bilişim B </b> ,<i><s>11 Bilişim A</s></i> ,<b><s> 11 and Bilişim </s></b>
<br>
<br>
<marquee>
<center> <small>Oturma planları </small></center>
</marquee>
<br>
<tt>Web tasarım dersinde
<strong> sayfa tasarımı</strong> ile ilgili dersler görülecektir.
</tt>
<br>
Grafik ve Animasyon dersinde <em>web sayfaları için görsel öğeler</em>
hazırlanacaktır. <hr> <br> <br> Su = H<sub>2</sub>O
<br> Karbondioksit = CO<sub>2</sub>
<br> X<sup>3</sup> = 27
<br> x<sup>3</sup> + 2x + 5 = 34
<br> <sup>a</sup>X<sub>5</sub><sup>2</sup>
</body>
</html>
<P> : Aradaki metne paragraf özelliği kazandırır. Sonlandırıldığında, takip eden metin bir satır boşluk bırakılarak ve satır başına yazılır.
<HTML>
<HEAD>
<TITLE> Paragraf </TITLE>
</HEAD>
<BODY>
<p align="center"> Bilgisayara fazlaca merakı olan bir çok kişinin isteği, bilgisayar yardımı ile dış çevre birimlerini kontrol etmektir. </p>
<p align="justify"> Windows 2000 ( NT teknolojisi ) üzerinde port uygulamaları geliştirmek diğer işletim sistemlerine göre daha zor bir iştir. Zira <b>NT teknolojisi</b> ü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 : Etiket içine alınan yazının tipini belirtmek için kullanılır.
|
Yazı Tipleri |
|
Times New Roman |
|
arial |
|
verdana |
| tahoma |
|
Comic sans ms |
|
georgia |
- Size: Yazının büyüklüğü (1-7 arası) 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,(CSS geçildiğinde daha büyük yazı boyutunu kullanabiliriz.)
-
Color: Yazının rengi (red, green gibi renklerin ingilizce karşılığı ya da RGB renk değeri)
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.Örneğin #FFFFFF beyaz, #000000 siyah, #C0C0C0 gri , #FFFF00 sarı, #FF0000 kırmızı renklerini verir.
Renkler için inceleyiniz
Örnek
<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>
Örnek
<html>
<head>
<title>font komutu</title>
</head>
<body>
<font face="algerian" size="5"> 11 bilişim</font> <br>
<font > Ekrem</font> <br>
<font size="+2" >Ekrem</font>
</body>
</html>
Uygulama; Yanda verilen resimdeki gibi sırası ile verilen yazı tiplerinde ( tahoma, verdana, arial, comic sans ms) , 5 boyutunda ve renkler gördünüz gibi tasarlayınız (renkler: green,red,yellow,blue)
Uygulama; Aşağıda verilen maddelere uyan örneği yapınız.
- Sayfa arkaplan rengi ="#ffcc00
- Başlık ; renk #ffffff, yazı tipi verdana, boyut 4 ve altı çizili olacak.
- Günler listeli şekilde olacak.
- Hafta içleri rengi #0000ff
- Hafta sonları #ff0000
Uygulama
Açıklama;
- Mavi kısımlar kalın ve font büyüklüğü 1 büyük olacak
- Kodlarda kalın ve font büyüklüğü 2 büyük olacak
- programlama dillerini - özel renklendirebilmesi- kalın ve italik olacak.
- Syntaxlar kalın olacak.
- – (Regular Expression) Kalın ve altı çizili olacak.
- düzenli ifadeleri – kalın ve kırmızı olacak.
Yorum ekle