Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

İNTERNET PROGRAMCILIĞI I BTP 207 Ders 3. Sayfa içeriği ve biçimi ile ilgili ayarların yapıldığı etikettir. etiketinin aldığı özellikler:  Alink: Aktif.

Benzer bir sunumlar


... konulu sunumlar: "İNTERNET PROGRAMCILIĞI I BTP 207 Ders 3. Sayfa içeriği ve biçimi ile ilgili ayarların yapıldığı etikettir. etiketinin aldığı özellikler:  Alink: Aktif."— Sunum transkripti:

1 İNTERNET PROGRAMCILIĞI I BTP 207 Ders 3

2 Sayfa içeriği ve biçimi ile ilgili ayarların yapıldığı etikettir. 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. Etiketi ve Alt Etiketleri 2

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. Etiketi ve Alt Etiketleri 3

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. Metin Biçimlendirme Etiketleri 4

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. Metin Biçimlendirme Etiketleri 5

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 (Strikeout) Etiketi Metni üstü çizgili olarak biçimlendirir. BTP 207 Metin Biçimlendirme Etiketleri 6

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

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

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. Metin Biçimlendirme Etiketleri 9

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 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. Fonksiyonel Etiketler 10

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

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. Metin Blokları Etiketleri 12

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. … (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ı Metin Blokları Etiketleri 13

14 (Horizontal Ruler) Etiketi Sayfaya yatay bar şeklinde çizgi eklemek için kullanılır. Sonlandırması yoktur. 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. Metin Blokları Etiketleri 14

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ı: Metin Blokları Etiketleri 15


"İNTERNET PROGRAMCILIĞI I BTP 207 Ders 3. Sayfa içeriği ve biçimi ile ilgili ayarların yapıldığı etikettir. etiketinin aldığı özellikler:  Alink: Aktif." indir ppt

Benzer bir sunumlar


Google Reklamları