İNTERNET PROGRAMCILIĞI 1

İ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İ 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. Çağan

UYGULAMA Aşağıdaki kodları yazarak tarayıcı sayfasında görüntüleyiniz.
<html> <head> <title>Hoşgeldiniz</title> </head> <body> Merhaba Ben Çağan Mailim </body> </html>

METİN BİÇİMLENDİRME ETİKETLERİ
 (Bold) Etiketi : Metni kalın ve koyu yapar. Merhaba Dünya (Italic) Etiketi: Metni italik biçimde yazar. Merhaba Dünya (Underline) Etiketi: Metni altı çizili olarak biçimlendirir. Merhaba Dünya <S> (Strikeout) Etiketi: Metni üstü çizili olarak biçimlendirir. <s> Merhaba Dünya</s>

METİN BİÇİMLENDİRME ETİKETLERİ
 Etiketi: Metni alt simge olarak gösterir. H 2 𝐻 2 o Etiketi: Metni üst simge olarak gösterir. 32 = 9 3 2

UYGULAMA , <ı>, , <S>, , etiketlerinin kullanımına yönelik bir sayfa hazırlayalım. <html> <head> </head> <body> Dikkat! Sıcaklıklar bu hafta aşır ı artacaktır. Sıcaklık 10 o C seviyesine çıkacaktır. </body> </html>

ETİKETLERİN İÇ İÇE KULLANILMASI
Etiketler birbirini kapsama alanına alabilir. Az önce yaptığımız uygulamada 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 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 2*32 İşleminin sonucu =(2*3)2 </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. Etiketi: Vurgulama amaçlı kullanılır. İtalik etkiye sahiptir. Sigara içmek erkenöldürür Etiketi: Vurgulama amaçlı kullanılır. Koyu ve kalın metin etkiye sahiptir. Sigara sefilce öldürür <CODE> Etiketi: Programlama dillerine ait kodları belirlemek için kullanılır.

METİN BLOKLARI ETİKETLERİ
 (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ı

(Break) Etiketi: Satırbaşı için kullanılır. <html> <head> </head> <body> Web sayfamıza hoşgeldiniz. Bu sayfa en kısa zamanda güncellenecektir. Bizi izlemeye devam ediniz. Canan ASLANYÜREK </body> </html>

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

<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 Nikotin Katran Karbon Monoksit </div> </body> </html>

ETİKETİ Satır içerisindeki verileri gruplamak için kullanılır. <html> <head> </head> <body> Sigara İçmek Sağlığa Zararlıdır </body> </html>

<BLOCKQUOTE> Verileri gruplamak için kullanılır. <html>
<head> </head> <body> Fen Bilimleri <blockquote> Fizik Kimya <Biyoloji> </blockquote> Matematik Aritmetik Geometri </body> </html>

KAYNAK Ebubekir Yaşar, Turgut Özseven, İnternet Programcılığı 1

İNTERNET PROGRAMCILIĞI 1

Benzer bir sunumlar

... konulu sunumlar: "İNTERNET PROGRAMCILIĞI 1"— Sunum transkripti:

Benzer bir sunumlar

Proje hakkında

Geri bildirim

Giriş

Sosyal ağ üzerinden giriş yapmak:

İNTERNET PROGRAMCILIĞI 1

Benzer bir sunumlar

... konulu sunumlar: "İNTERNET PROGRAMCILIĞI 1"— Sunum transkripti:

Benzer bir sunumlar

Proje hakkında

Geri bildirim