İNTERNET PROGRAMCILIĞI 1 Öğr. Gör. Canan ASLANYÜREK
<BODY> ETİKETİ ve ALT ETİKETLERİ Sayfa içeriği ve biçimi ile ilgili ayarların yapıldığı ve alanı sınırlar. <body> etiketinin aldığı özellikler şunlardır. Alink: Aktif bağlantıların rengini belirler. Vlink: Ziyaret edilen bağlantıların rengini belirler. Link: Bağlantının rengini belirler.
<BODY> ETİKETİ ve ALT ETİKETLERİ Text: Sayfadaki metnin rengini belirler. BgColor: Sayfanın arka plan rengini belirler. BackGround: Sayfanın arka plan resmini belirler. TopMargin: Üst kenar boşluğu LeftMargin: Sol kenar boşluğu
UYGULAMA Aşağıdaki kodları yazarak tarayıcı sayfasında görüntüleyiniz. <html> <head> </head> <body topmargin= " 5" text=" #000080" bgcolor=" #C000C0> Merhaba </body> </html>
METİN BİÇİMLENDİRME ETİKETLERİ <FONT> ETİKETİ Yazıda etkin olacak fontla ilgili çeşitli biçimlendirmeleri yapmak için kullanılır. Fontun tipi, rengi ve büyüklüğü ayarlanabilir. Color: Yazının rengini belirler. Face: Metinin yazı tipini belirler. Size: Yazının büyüklüğünü belirler. 1 ile 7 arasında değer alır. <font face="Comic Sans MS" size="2" color="#00FF00"> Çağan</font>
UYGULAMA Aşağıdaki kodları yazarak tarayıcı sayfasında görüntüleyiniz. <html> <head> <title>Hoşgeldiniz</title> </head> <body> <p><font color="#0000FF" size="3" face="Courier New">Merhaba</font></p> <p><font size="2">Ben Çağan</font><p> <p><font color="#008000" size="2"> Mailim c.aslnyrk@gmail.com </font> </p> </body> </html>
METİN BİÇİMLENDİRME ETİKETLERİ <B> (Bold) Etiketi : Metni kalın ve koyu yapar. <b> Merhaba Dünya</b> <I> (Italic) Etiketi: Metni italik biçimde yazar. <i>Merhaba Dünya</i> <U> (Underline) Etiketi: Metni altı çizili olarak biçimlendirir. <u> Merhaba Dünya</u> <S> (Strikeout) Etiketi: Metni üstü çizili olarak biçimlendirir. <s> Merhaba Dünya</s>
METİN BİÇİMLENDİRME ETİKETLERİ <SUB> Etiketi: Metni alt simge olarak gösterir. H <sub>2</sub>0 𝐻 2 o <SUP> Etiketi: Metni üst simge olarak gösterir. 3<sup>2</sup> = 9 3 2
UYGULAMA <B>, <ı>, <U>, <S>, <SUB>, <SUP> etiketlerinin kullanımına yönelik bir sayfa hazırlayalım. <html> <head> </head> <body> <B>Dikkat!</B> <BR> <I> Sıcaklıklar bu hafta <U> aşır ı</U> artacaktır.</I> <BR> Sıcaklık 10<SUP> o</SUP> C seviyesine çıkacaktır. </body> </html>
ETİKETLERİN İÇ İÇE KULLANILMASI Etiketler birbirini kapsama alanına alabilir. Az önce yaptığımız uygulamada <I> etiketi <U> 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 bitiş etiketi gelmemelidir. Örnek: 2 2 * 3 2 işleminin sonucu= (2∗3) 2 ifadesini yazdırınız.
ETİKETLERİN İÇ İÇE KULLANILMASI <html> <head> </head> <body> 2 <SUP>2</SUP>*3<SUP>2</SUP> İşleminin sonucu =(2*3)<SUP>2</SUP </body> </html>
UYGULAMA GALATASARAY kelimesini kırmızı arka plan üzerine sarı olarak 3 büyüklüğünde biçimli şekilde yazdırınız. EMİN ismini bir harfi kırmızı diğeri yeşil olarak mavi zemin üzerine yazınız.(E ve İ harfleri kalın(bold) olacak) 𝐻 2 𝑆𝑂 4 ifadesini web sayfasında oluşturunuz. Burada sigara içmek yasaktır. Cümlesini sigara kelimesi kırmızı ve bold olarak oluşturunuz.
FONKSİYONEL ETİKETLER Özel biçime sahip çeşitli formatlarda metin düzeni için kullanılan etiketlerdir. <EM> Etiketi: Vurgulama amaçlı kullanılır. İtalik etkiye sahiptir. Sigara içmek erken<em>öldürür</em> <STRONG> Etiketi: Vurgulama amaçlı kullanılır. Koyu ve kalın metin etkiye sahiptir. Sigara sefilce <strong> öldürür</strong> <CODE> Etiketi: Programlama dillerine ait kodları belirlemek için kullanılır.
METİN BLOKLARI ETİKETLERİ <P> (Paragraph) Etiketi: Metin içerisinde paragraf oluşturmak için kullanılır. Align: Paragrafı hizalamak için kullanılır. Aşağıdaki değerleri alır. Left: Sola yaslı Right: Sağa yaslı Center: Ortalı
METİN BLOKLARI ETİKETLERİ <BR> (Break) Etiketi: Satırbaşı için kullanılır. <html> <head> </head> <body> Web sayfamıza hoşgeldiniz.<br> Bu sayfa en kısa zamanda güncellenecektir.<br> <p align="center"> Bizi izlemeye devam ediniz.</p> <p> Canan ASLANYÜREK</p> </body> </html>
METİN BLOKLARI ETİKETLERİ <H1>….<H6> (Headings) Etiketleri: Başlık etiketleridir. H harfinin rakamsal değeri 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. Başlıktan sonra içerik alt paragraftan devam eder. Align: Başlığın hizasını belirler. Left: Sola dayalı Right: Sağa dayalı Center: Ortalı
UYGULAMA <html> <body> <H1 align="center">Sigaranın Zararları</H1> Alt başlıklarda çeşitli sigara etkilerini göreceksiniz. <H3>Sigara Kaynaklı Hastalıklar</H3> Sigara kaynaklı hastalıkların başında onlarca türe sahip kanser çeşitleri gelmektedir. </body> </html>
METİN BLOKLARI ETİKETLERİ <HR> (Horizontal Ruler) Etiketi: Sayfaya yatay bar şeklinde çizgi eklemek için kullanılır. Sonlandırmalı olmayan etikettir. Size: Piksel cinsinden kalınlığını belirler. Varsayılan değer 2 dir. Width: Genişliğini belirler. Varsayılan %100. Color: Barın rengini belirler. Varsayılan siyahtır. Align: Yataydaki konumunu verir, varsayılan değer center dir. Left: Sola yaslı Right: Sağa yaslı Center: Ortalı
UYGULAMA <html> <head> </head> <body> <H1 align=center>Dikkat sigara içmek yasaktır.</H1> <HR size="5" width=90%> Lokantamızda yasağa uymayanlar hakkında cezai işlemler yapılacaktır. </body> </html>
<DIV> (Division) Etiketi Sayfa içerisinde katman oluşturmak için kullanılır. Yapışık ayrı birer sayfa parçası olarak davranırlar. Katmanlar stil kodları ile sayfanın istenen koordinatlarına istenen boyutlarda yerleştirilebilir.
UYGULAMA <html> <head> </head> <body> Sayfamıza hoşgeldiniz. <div align="center" > Sigara içerisinde bulunan zararlı maddeler<BR> Nikotin<BR> Katran<BR> Karbon Monoksit<BR> </div> </body> </html>
<SPAN> ETİKETİ Satır içerisindeki verileri gruplamak için kullanılır. <html> <head> </head> <body> Sigara İçmek Sağlığa <span style="background-color:#FF0000"> Zararlıdır</span> </body> </html>
<BLOCKQUOTE> Verileri gruplamak için kullanılır. <html> <head> </head> <body> Fen Bilimleri <blockquote> Fizik<br> Kimya<br> <Biyoloji> </blockquote> Matematik Aritmetik<br> Geometri<br> </body> </html>
KAYNAK Ebubekir Yaşar, Turgut Özseven, İnternet Programcılığı 1