YPB 103 Web Tasarım Temelleri

Bilgisayar Teknolojileri Bölümü
Bilgisayar Programcılığı Programı
Öğr. Gör. Cansu AYVAZ GÜVEN
WEB TASARIM
TEMELLERİ
Metinler
<br/> Etiketi
• Bir alt satıra geçmeyi sağlar
• Etiket kullanılmadığı zaman tüm yazılar ve kullanılan tüm
nesneler ardarda gelecektir.
<br/> Uygulama
<p/> Etiketi (Paragraf Başı)
<b> <b/> Etiketi (Bold)
<i> </i> Etiketi (İtalik)
Etiketleri İç İçe Kullanmak
<u> </u> Etiketi (Under Line)
<s> </s> Etiketi
<strong> </strong> Etiketi
<em> </em> Etiketi
• İtalik yazı
&nbsp ile Boşluk Eklemek
<pre> </pre>
Etiketi
<pre></pre>
etiketleri
arasında
yazılan tüm
yazılar
yazıldığı gibi
görünür.
Ayrıca satır
başı, boşluk
gibi etiketleri
kullanmaya
gerek yoktur.
<pre></pre> Etiketi
<H1> … <H6> Etiketleri
<Blockquote></Blockquote> Etiketi
Satır başının daha içerde
başlamasını sağlar
<font> </font> Etiketi
• Yazı tipi
• Yazı büyüklüğü
• Yazı rengi belirlenebilir ve
• Yazıya bir stil atayabilirsiniz.
<font face = "Arial" size = "5" color = "red" > </font>
Face Özelliği
Face Özelliği
Size Özelliği
Size Özelliği
1
7 punto
2
10 punto
3
12 punto
4
14 punto
5
18 punto
6
24 punto
7
36 punto
Color Özelliği
Font Özelliklerini Birlikte Kullanmak
Renklerle Çalışmak
• HTML’de renkler hexadecimal ifadeler ile gösterilir ve
•
•
•
•
ifadenin başına # işareti konur.
#ff0000 #00ffcc #3366cc gibi
Renkelr temelde üç renk pikselinin birleşmesiyle oluşur.
Buna RGB denir.
R = Red , G = Green , B = Blue
Bazı renkler için özel olarak isim belirtilmiştir. Red, blue,
yellow gibi.
Renklerin Hexadecimal Karşılıkları
Renk
Hexadecimal
Renk
Hexadecimal
Aqua
#00FFFF
Navy
#000080
Black
#000000
Olive
#808000
Blue
#0000FF
Purple
#800080
Fushsia
#FF00FF
Red
#FF0000
Gray
#808080
Silver
#C0C0C0
Green
#008000
Teal
#008080
Lime
#00FF00
White
#FFFFFF
Maroon
#800000
Yellow
#FFFF00
Örnek
Kaynak
• Web Tasarım Temelleri / Musa ÇİÇEK / Kodlab