BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 3

Ebat: px

Şu sayfadan göstermeyi başlat:

Download "BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 3"

Emel Hamzaoğlu
7 yıl önce
İzleme sayısı:

1 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 3

2 <BODY> Etiketi ve Alt Etiketleri 2 Sayfa içeriği ve biçimi ile ilgili ayarların yapıldığı etikettir. <BODY> etiketinin aldığı özellikler: Alink: Aktif bağlantıların rengini belirler. Vlink: Ziyaret edilen bağlantıların rengini belirler. Link: Bağlantının rengini belirler. Text: Sayfadaki metnin rengini belirler. Bgcolor: Sayfanın arka plan rengini belirler. BackGround: Sayfanın arka plan resmini belirler. TopMargin: Üst kenar boşluğunu belirler. LeftMargin: Sol kenar boşluğunu belirler.

3 <BODY> Etiketi ve Alt Etiketleri 3 UYGULAMA: Body etiketinin kullanımı 1. Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz. 2. Yukarıda verilen ama burada kullanılmayan özellikleri kullanarak kendinize ait uygulama yapınız.

4 Metin Biçimlendirme Etiketleri 4 Etiketi Yazıda etkin olacak fontla ilgili biçimlendirmeleri yapmak için kullanılır. Fontun tipi, rengi ve büyüklüğü ayarlanabilir. Color: Yazının rengini belirler. Face: Yazı tipini (Times New Roman, Verdana, Arial, ) belirler. Size: Yazının büyüklüğünü belirler. 1 ile 7 arasında değer alır. Merhaba Yukarıdaki etiket sayfaya yeşil renkte, Verdana tipinde ve 2 boyutunda Merhaba yazacaktır.

5 Metin Biçimlendirme Etiketleri 5 UYGULAMA: Font etiketinin kullanımı 1. Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz. 2. Farklı renk, tip ve büyüklükte yazılar yazdırınız.

6 Metin Biçimlendirme Etiketleri 6 (Bold) Etiketi Metni kalın ve koyu yapar. BTP 207 (Italic) Etiketi Metni italik biçimde yazar. BTP 207 (Underline) Etiketi Metni altı çizgili olarak biçimlendirir. BTP 207 <S> (Strikeout) Etiketi Metni üstü çizgili olarak biçimlendirir. <s> BTP 207 </s>

7 Metin Biçimlendirme Etiketleri 7 Etiketi Metni alt simge olarak gösterir. Örneğin, H2O etiketinin çıktısı H 2 O şeklinde olacaktır. Etiketi Metni üst simge olarak gösterir. Örneğin, 42=16 etiketinin çıktısı 4 2 =16 şeklinde olacaktır.

8 Metin Biçimlendirme Etiketleri 8 UYGULAMA: 1. Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz. 2. Farklı biçimlerde yazılar yazdırınız.

9 Metin Biçimlendirme Etiketleri 9 Etiketlerin İç İçe Kullanılması Etiketler birbirlerinin kapsama alanında olabilir. Yukarıdaki örnekte, etiketi etiketini kapsamıştır. Bu gibi durumlarda dikkat edilmesi gereken en önemli nokta, bir etiketin başlangıç ve bitiş etiketleri arasına hiçbir etiketin sadece başlangıç veya sadece bitiş etiketinin gelmemesi gerektiğidir. Örnek 1: 3 2 *4 2 işleminin sonucu = (3*4) 2 ifadesini yazdırınız. Örnek 2: ES-ES kelimesini siyah arkaplan üzerine kırmızı olarak 7 büyüklüğünde yazdırınız. Örnek 3: INTERNET kelimesini verildiği şekilde ekrana yazdırınız. Örnek 4: INTERNET kelimesini bir harfi kırmızı diğeri beyaz olarak siyah zemin üzerine yazdırınız.

10 Fonksiyonel Etiketler 10 (Emphasis) Etiketi Vurgulama amaçlı kullanılır. İtalik etkiye sahiptir. Sigara sağlığa zararlıdır Etiketi Vurgulama amaçlı kullanılır. Metni koyu ve kalın yapar. Sigara sağlığa zararlıdır <CODE> Etiketi Programlama dillerine ait kodları belirtmek için kullanılır. Örnek 5: Aşağıdaki programlama kodunu code etiketini kullanarak ekrana yazınız.

11 Fonksiyonel Etiketler 11 <KBD> (Keybord) Etiketi Klavyeden girilen değerleri ifade etmek için kullanılır. Sigara içmek sağlığa <kbd>zararlıdır</kbd>. <SAMP> (Sample) Etiketi Örnek verilen metin nesnelerini vurgulamak için kullanılır. İnce sesli harfler <samp>a, E, İ, Ü</samp> dir. <CITE> (Citation) Etiketi Alıntıları ifade etmek için kullanılır. <VAR> (Variable) Etiketi Değişken yapıya sahip metin nesnelerini vurgulamak için kullanılır. <DFN> (Definition) Etiketi Tanımlamalara vurgu yapmak için kullanılır. <ADDRESS> Etiketi İtalik biçimde adres ve yer tanımlamaları yapmak için kullanılır.

12 Metin Blokları Etiketleri 12 (Paragraph) Etiketi Metin içerisinde paragraf oluşturmak için kullanılır. Align özelliği paragrafı hizalamak için kullanılır. Aşağıdaki değerleri alır. Left: sola yaslı Right: sağa yaslı Center: ortalı UYGULAMA: 1. Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz. 2. İstediğiniz bir şiiri, başlığını ortalayarak ekrana yazdırınız.

13 Metin Blokları Etiketleri 13 (Break) Etiketi Satırbaşı için kullanılır. Sonlandırması yoktur. (No Break) Etiketi Tarayıcılar ekranın çözünürlüğüne göre yatayda sığmayan uzun cümleleri, etiketleri olmasa dahi, bir alt satırda görüntüler. Bunun istenmediği durumlarda etiketi kullanılmalıdır. <H1> <H6> (Headings) Etiketleri Başlık etiketleridir. H harfinin yanındaki rakamsal değer başlığın büyüklüğünü belirler. Bu değer 1 için en büyük başlık, 6 sayısı için en küçük başlık demektir. Align özelliği başlığın hizasını belirler. Aşağıdaki değerleri alır. Left: sola yaslı Right: sağa yaslı Center: ortalı

14 Metin Blokları Etiketleri 14 <HR> (Horizontal Ruler) Etiketi Sayfaya yatay bar şeklinde çizgi eklemek için kullanılır. Sonlandırması yoktur. <HR> etiketinin özellikleri ve aldıkları değerler: Align: Barın yatay konumunu ayarlar, varsayılan değeri center dır. Left: sola yaslı Right: sağa yaslı Center: ortalı Size: Barın piksel cinsinden kalınlığını belirler. Varsayılan değeri 2 dir. Width: Barın genişliğini belirler. Varsayılan değeri %100 dür. Color: Barın rengini belirler. Varsayılan değeri siyahtır. NoShade: Gölgeli olmayan yalın bir çizgi için kullanılır.

15 Metin Blokları Etiketleri 15 UYGULAMA: 1. Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz. 2. Kendiniz herhangi bir metni yatay ikiye bölerek bir sayfa oluşturunuz. Çıktısı:

Benzer belgeler

WEB TASARIMIN TEMELLERİ

WEB TASARIMIN TEMELLERİ ~ Sunu 4 ~ Öğr. Gör. Mehmet Fatih TAN http://blog.kmu.edu.tr/mftan mftan@kmu.edu.tr Bilgi paylaşıldıkça kıymetlenir.. Kaynak göstermek şartıyla sunu içeriğini çalışmalarınızda kullanabilirsiniz.