BİLGİSAYAR PROGRAMCILIĞI 3.

DÖNEM
İNTERNET PROGRAMCILIĞI I

1) .metin {font-family: 'Droid Serif',"Liberation Serif",serif; c) pattern

color:blue;} stil tanımı ile aşağıdaki ifadelerden hangisi d) placeholder
geçerli değildir? e) required
a) Stil tanımını uygulamak için etiketlere class bildirimi
yapmak gerekir. 7) Link tanımlama ile ilgili aşağıdaki ifadelerden
b) Stil tanımı birden çok etikete uygulanabilir. hangisi kabul edilemez?
c) Tarayıcıda 'Droid Serif’ yazı tipi yoksa, stil uygulanan içerik a) Active ek özelliği imleç ile linke tıklandığı zaman için stil
tarayıcının varsayılan yazı tipi ile gösterilir. tanımı yapılır.
d) Stil uygulanan içeriğin gösteriminde öncelik 'Droid Serif’ b) Link stili tanımlama ile linklerin varsayılan mavi rengi
yazı tipinindir. değiştirilemez.
e) Bu stil tanıtımı uygulanan bir içerik tarayıcıda son seçenek c) Visited ek özelliği ile ziyaret edilmiş linkler için stil tanımı
olarak serif yazı tipinde gösterilir. yapılır.
d) Hover ek özelliği ile imleç link üzerine geldiği zaman için stil
2) < rect width="200" height="100" fill="yellow" /> kod tanımı yapılır.
satırı sizce çıktı olarak hangi geometrik şekli gösterir? e) Link tanımlarında ek özellikleri kullanabilmek için ek
a) Polygon özelliğin önüne “:” eklemek gerekmektedir.
b) Elips
c) Daire @acikogretim ataaof 8) Hangi iki tarayıcı HTML5 ile gelen yeni veri tiplerinin
d) Dikdörtgen çoğunu desteler?
e) Çizgi a) Safari ve Firefox
b) Internet Expolorer (IE) ve Firefox
3) ....., web sayfası kapatıldığı zaman ya da tarayıcı c) IE ve Chrome
kapatıldığı zaman bu bilgiler tarayıcı belleğinden d) IE ve Safari
silinmektedir. e) Opera ve Chrome
Cümlede boş bırakılan yere hangi API gelmelidir?
a) Local Storage 9) HTML5'te aşağıdaki form etiketlerinden hangisiyle kimlik
b) Session Storage denetimi için güvenli bir yöntem oluşturulur?
c) SSE a) progres
d) Web Workers b) mark
e) JavaScript c) datalist
d) aside
4) Aşağıdakilerden hangisi HTML5’in çoklu ortam ile gelen e) keygen
etiketlerinden değildir?
a) head 10) Aşağıdaki input veri girişindeki Atatürk yazısının sadece
b) embed okumaya izin verilir, değişikliğe veya yeni veri girişine izin
c) video verilmeyecek şekilde olması için …… ile yazılan yere hangi
d) object veri tipi gelmelidir?
e) audio < input type="text" value="Atatürk" ………>
a) required
5) Web sayfamızdaki bazı bilgileri gösterip/gizleme yapmak b) autocomplete
istiyorsak hangi HTML5 etiketini kullanırız? c) autofocus @acikog retim ataaof
a) < figure> ve < figcaption> d) readonly
b) < progres> e) step
c) < details> ve < summary>
d) < section> ve < aside> 11) Sitenizin menülerinin bulunacağı kısım HTML5’te
e) < mark> aşağıdaki etiketlerden hangisi ile tanımlanmaktadır?
a) < footer>
6) Aşağıdaki form özelliklerinden hangisi, veri girişi için b) < nav>
kullanıcıya ipucu ya da bazı detaylar hakkında bilgi vermek c) < summary>
amaçlı kullanılır? d) < menü>
a) url e) < figcaption>
b) validate @acikogretim ataaof
12) Sıralı liste oluşturmak için hangi etiket kullanılır?
a) < list>
b) < dl>
c) < ol> @acikogretim ataaof
d) < dt>
e) < ul>
13) HTML5’te time etiketi ne yapar?
a) Saat söyler.
b) Zamanımızı ayarlamaya yarar.
c) Doğum günü söyler.
d) Veri girişi tipi değildir.
e) Günümüzü düzenli bölmeye yarar.
14) Aşağıda verilen bağlantı (link) satırlarından hangisi
doğrudur?
a) < a href=”www.atauni.edu.tr”>tıklayın< /a>
b) < a href=”www.atauni.edu.tr”>
c) < href=”www.atauni.edu.tr”>< /a>
d) < a link=”www.atauni.edu.tr”>tıklayın< /a>
e) < a=” www.atauni.edu.tr”>tıklayın< /a>
15) Arka plan resmi olarak “arka-plan.jpg” dosyasını
kullanan, arka plan resmini yatayda tekrarlayan ve arka plan d) formaction
görüntüsünün sayfanın geri kalanıyla birlikte kaymadığı stil e) formmethod
tanımı aşağıdakilerden hangisi olabilir?
a) img {background-image:url(arka-plan.jpg); background-
repeat: repeat-x; background-attachment: scroll;}
b) body {background-image:url(arka-plan.jpg); background-
repeat: repeat-y; background-attachment: fixed;}
c) body {background-image:url(arka-plan.jpg); background-
repeat: repeat-x; background-attachment: scroll;}
d) body {background-image:url(arka-plan.jpg); background- e) < body set =”red”>
repeat: repeat-x; background-attachment: fixed;}
e) body {border-image:url(arka-plan.jpg); background-repeat: 22) Aşağıdaki class stil tanımlarından hangisi, uygulandığı
repeat-x; background-attachment: fixed;}
16) HTML’in tanımıyla ilgili aşağıdakilerden hangisi
doğrudur?
a) ASP ve PHP benzeri programlama dilidir.
b) Nesneleri bağlayan linktir.
c) Sayfalar arası geçiş sağlayan format aracıdır.
d) JavaScript ve CSS ile uyumlu değildir.
e) Web sayfalarını oluşturmak için kullanılan standart
işaretleme dilidir.
17) I. Sürükle bırak
II. Konum belirleme @a ciko gr eti m ata aof
III. Yerel Depolama Alanı
HTML5 ile gelen yeni API'lerden hangisi ya da hangileri
JavaScript ile beraber kullanılmaktadır?
a) I ve II
b) Yalnız I
c) II ve III
d) Yalnız II
e) I, II ve III
18) Aşağıdakilerden hangisi Formtarget özelliğinden
bahsetmektedir?
a) form verileri gönderildikten sonra nerede
görüntüleneceğini gösteren bir isim ya da anahtar sözcük
belirler.
b) form verisini farklı bir adrese farklı metot ile gönderme
imkânı sunar.
c) form gönderildiği zaman, girdi kontrolü ile farklı bir
dosyaya gönderim imkânı sağlanabilir.
d) form elemanları kontrol edilmeden gönderilir.
e) form elemanları farklı formlarda da tanımlanabilir.
19) Html etiketleri aşağıdaki hangi karakterler arasına
yazılır?
a) { }
b) # #
c) // //
d) “ “ @acikogretim ataaof
e) < >
20) Form elemanlarının form dışında da tanımlanmasına izin
vermek istenilirse hangi özelliğini kullanmak gerekir?
a) formnovalidate
b) form
c) formvalidate
21) Web sayfasının arka zeminini kırmızı yapmak için
aşağıdaki satırlardan hangisi kullanılır?
a) < body color=”blue”>.
b) < body backgroud=”red”>
c) < body color=”red”>
d) < body bgcolor=”red”>
görselin saydamlık değerini %50 ve köşeleri 10 piksel
çapında yuvarlamak için uygundur?
a) < style type="text/css"> .resim {border-radius:20px;
opacity:0.5; < /style>
b) < style type="text/css"> .resim {border-radius:20px;
opacity:0.5; border:5px solid green;} < /style>
c) < style type="text/css"> img {border-radius:20px;
opacity:0.5; border:5px solid green;} < /style>
d) < style type="text/css"> img {border-radius:20px;
opacity:50%; border:5px solid green;} < /style>
e) < style type="text/css"> img {border-radius:20px;
opacity:0.5; < /style>
23) Aşağıdaki form elemanlarını içerecek kod satırında ..….
ile boş bırakılan yere hangi düğme(buton) tipi yazılmalıdır ki
tıklandığında verileri sunucuya göndersin?
< input type="......." name="kaydet" value="KAYDET">
a) submit
b) action
c) get
d) post
e) reset
24) Aşağıdakilerden hangisi HTML dilinin en son sürümüdür?
a) HTML 6 e) 12
b) HTML 4.01
c) HTML 5 31) Aşağıdaki kod satırlarında video etiketiyle ilgili ... ile boş
d) HTML 3.8 bırakılan yere ne gelmelidir?
e) HTML 7 < video>
< ...... src="movie.mp4" type="video/mp4">
25) Aşağıdaki input veri girişi kod satırında ….. ile yazılan < /video>?
yere hangi veri tipi gelmelidir? a) source
< input type=”……...” min=”1” max=”5”> b) width
a) number c) mp4
b) email d) audio
c) search e) control
d) url @acikogretim ataaof
e) color 32) Aşağıdakiler hangisi HTML5 ile gelen yeni veri tipleridir?
a) Autocomplete, input, form, action
26) CSS ile ilgili aşağıdaki ifadelerden hangisi söylenemez? b) Email, month, number, color, search
a) Geçerli sürümler World Wide Web konsorsiyumu c) Text, textarea, multiplebox, list
tarafından önerilmiştir. d) Month, date, table, email, textarea
b) Resmî olarak 4 sürümü bulunmaktadır. e) Body, head, title, table, foot
c) Türkçedeki karşılığı Basamaklı Stil Sayfalarıdır.
d) “Cascading Style Sheets" kelimesinin baş harflerinden 33) Aşağıdakilerden hangisi HTML5 ile değişen etiketlerden
oluşmaktadır. biridir?
e) Tüm .html dosyalarına uygulanabilir. a) < p>
b) < br>
27) Aşağıdakilerden hangisi giriş alanı (textbox) için c) < meta>
kullanılan HTML etiketidir? d) < table>
a) < textbox type=”text”> e) < body>
b) < textbox>
c) < type=”text”> 34) Aşağıdakilerden hangisi sıralanmamış listelerdeki list-
d) < input type=”textfield”> style-type özelliğinin alabileceği değerlerden değildir?
e) < input type=”text”> a) diamond
b) none @acikog retim ataaof
28) Aşağıda yer alan CSS’te renk ile ilgili ifadelerden hangisi c) disc
doğru değildir? d) circle
a) HTML sayfalarında kullanılmak üzere 140 tane adlandırılmış e) square
renk vardır?
b) Adlandırılmış renkler İngilizce isimleriyle ifade edilirler. 35) Aşağıdakilerden hangisi HTML5’in gelişimine destek
c) RGB renk kodu bildiriminde opaklık değeri kullanmak veren gruplardandır?
zorunlu değildir. a) Google
d) Bütün adlandırılmış renkler aynı zamanda hexadecimal kod b) İnternet
olarak da bildirilebilirler. c) W3C (World Wide Web Consortium)
e) Hexadecimal renk kodu tanımında her bir rengi temsil d) CSS
eden değerler 0 ile 255 arasındadır. e) Web

29) Tabloya satır eklemek için hangi etiket kullanılır? 36) HTML5’te bulunan < section> etiketi önceki HTML
a) < tr>satır ekle< /tr> sürümlerinde aşağıdaki etiketlerden hangisine karşılık
b) < table>satır ekle< /table> gelmektedir?
c) < th>satır ekle< /th> a) < body bgcolor=”red”>
d) < tp>satır ekle< /tp> @acikogretim ataaof b) < head>
e) < td>satır ekle< /td> c) < div id=”content”>
d) < p align=”left”>
30) Aşağıdaki gibi bir veri girişi özelliği varsa hangi e) < container>
değer girilemez?
< input type="number" name="veri" step="3" min="-30" 37) CSS tanımlama ile ilgili aşağıdaki ifadelerden
max="30">? hangisi söylenemez?
a) -3 a) Aynı etikete farklı stiller uygulayabilmek için sınıf seçicisi
b) 9 kullanılabilir.
c) 16 b) “id” stil tanımlaması birden çok etikette kullanılabilir.
d) 27 c) Bir stil tanımı birden çok etiket için yapılabilir.
d) Bir stil tanımı sayfa içinde birden çok etikete uygulanabilir. c) “background-attachment” özelliği ile arka plan
e) Basit seçici, etiketin seçici olarak kullanıldığı temel stil görüntüsünün sayfanın geri kalanıyla kaydırılması veya
tanımlama türüdür. sabitlenmesi belirlenir.
d) “background-repeat” özelliği ile belirtilen görselin ekrana
38) Aşağıdaki hangi HTML parametresi bir tablonun kenarlık döşenme yönü ve sayısı ile ilgili bilgiler düzenlenebilir.
kalınlığını belirlemek için kullanılır? e) Görsellerin standart bir şekilde görüntülenebilmesi için
a) colspan stiller kullanılabilir.
b) height
c) align 43) Aşağıdakilerden hangisi alt satıra geçmek için kullanılır?
d) border a) < br>
e) width @aciko gretim ataaof b) < bt>
c) < p>
39) Linkin üzerine geldiğinde linkin rengini yeşil ve metni d) < hr>
koyu, linkin üzerine tıklandığında yazı boyutunu iki katına e) < ur>
çıkaran ve ziyaret edilmiş linklerin rengini gri yapan stil
tanımı aşağıdakilerden hangisidir? 44) CSS tanımlama ile ilgili aşağıdaki ifadelerden
a) a:hover{color:green; font-weight:300;} a:active{font- hangisi kabul edilemez?
size:2em;} a:visited{color:grey;} a) Satır içi stil tanımlama, etiketin kendi içinde yapılır.
b) a:hover {font-size:2em;} a:active {color:green; font- b) Belge düzeyinde stil tanımlama sadece aynı belgenin
weight:bold;} a:visited{color:grey;} başlığında yapılır.
c) a:hover{color:grey; font-weight:300;} a:active{font- c) Bir dosyada kullanılacak stil tanımlamaları ayrı bir dosyada
size:2em;} a:visited{color:green;} yapılabilir.
d) a:hover{color:green; font-weight:bold;} a:active{font- d) Satır içi stil tanımlama sadece tanımlandığı ögeyi etkiler.
size:2em;} a:visited{color:grey;} e) Belge düzeyinde yapılan tanımlamalar, belgede kullanılan
e) a:hover{color:grey; font-weight:bold;} a:active{font- bütün etiketler için geçerlidir.
size:2em;} a:visited{color:green;}
45) …………. web sayfası üzerine yerleştirilecek haber,
40) ..... etiketi ile sayfada bir tuval alanı (dikdörtgen alanı) makale vb. metinleri tanımlamak ve yerleştirmek için
oluşturur. Boş bırakılan yere aşağıdaki hangi etiket kullanılır.
gelmelidir? Cümlede boş bırakılan yere aşağıdakilerden hangisi
a) < circle> getirilmelidir?
b) < script> a) < section>
c) < canvas> b) < article>
d) < polygon> c) < head> @acikogretim ataaof
e) < svg> d) < footer>
e) < nav>
41) HTML dilinde DOCTYPE alanı şu şekilde tanımlanıyordu:
< !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 46) I. Çizimlerle oyunlar yapılabilir.
Transitional//EN" II. Haritalar üzerinde konumlar belirlenebilir.
"http://www.w3.org/TR/html4/loose.dtd"> III. Sayfalar çevrimdışı durumunda çalışabilir.
Aşağıdakilerden hangisi DOCTYPE alanının HTML5 ile gelen Yukarıdakilerden hangisi ya da hangileri HTML5'in getirdiği
değişiklerden sonraki hâlidir? yeniliklerdendir?
a) < !DOCTYPE html PUBLIC “-//W3C a) Yalnız I
b) < !DOCTYPE html “http://www.w3.org/xhtml1- b) I ve II
transitional.dtd”> c) II ve III
c) < !DOCTYPE html PUBLIC “-//W3C/DTD XHTML 1.0 d) I, II ve III
Transitional/EN”> e) Yalnız II
d) < !DOCTYPE html>
e) < !DOCTYPE html PUBLIC “-//W3C/DTD XHTML 1.0 Strict> 47) Aşağıdaki HTML5 etiketlerinden hangisiyle vektörel
grafik çizimler yapılabilir?
42) Görsellerin css stilleriyle düzenlenmesi ile ilgili aşağıdaki a) < script>
ifadelerden hangisi söylenemez? b) < circle> @acikogretim ataaof
a) Border-radius özelliği ile tam bir daire şekli elde etmek c) < svg>
mümkün değildir. d) < canvas>
b) Görseller yeniden boyutlandırıldığında, görüntünün e) < polygon>
bozulmaması için sadede bir boyutu tanımlamak yeterli
olabilir.