Web Tabanlı Kodlama Ara 8. Deneme Sınavı
Toplam 20 Soru1.Soru
Bir HTML sayfasına images klasörü içerisinde bulunan doga.jpg görseli genişliği 200 piksel ve yüksekliği 100 piksel olacak şekilde eklenmek isteniyor. Buna göre yazılması gereken HTML kodu aşağıdakilerden hangisinde doğru olarak verilmiştir?
<img src="images/doga.jpg" width=200 height=100> |
<img src="images/doga.jpg" width=100 height=200> |
<img src="doga.jpg" width=200 height=100> |
<img src="images/doga.jpg" width=100 height=200> |
<img src="doga.jpg" width=100 height=200> |
Bu kapsamda manzara.jpg isimli bir resmin gösterim örneği ve ekran görüntüsü Resim 3.2’de verilmiştir. Resim 3.2’de ilk örnekte resim orijinal boyutu ve html ile aynı klasörde () gösterilecek, ikinci örnekte ise resimler alt klasörünün içerisinde ve genişlik (width) olarak 200, yükseklik (height) olarak 120 piksel boyutlandırması ile (<img src=”resimler/manzara.jpg” width=200 height=120>) gösterilecektir.
2.Soru
Tablo hücrelerinin ortak bir kenar kullanması için hangi CSS komutu kullanılmalıdır?
border: groove |
border-collapse:collapse |
border: solid black |
border-bottom: double |
border-collapse:separate |
border-collapse:collapse özelliğiyle satır ve hücreler, birbirleriyle bitişik kenarlıkları ortak kullanırlar.
3.Soru
Aşağıdakilerden hangisinde tablo başlığı ve hücrelere kesik çizgili kenarlık uygulanmıştır?
th, td {border: 2px dashed black } |
table{border: 1px solid black |
td {border-collapse: collapse;} |
th, td {border: 2px solid black } |
table#t02 tr{ |
th, td {border: 2px dashed black } ile tablo başlığı ve hücrelere 2 pixel kalınlığında siyah kesik çizgili kenarlık tanımlanıyor.
4.Soru
Gölge verme işlemi için kullanılacak parametre hangisidir?
background-image |
max-width |
background-color |
border-radius |
box-shadow |
Background-image, özellikle geçişli renklerde kullanılır. Max-width, genişletilebilirlik sınır oranını ifade eder. Background-color, zemin rengi ayarlarıdır. Border-radius, kenarlığın köşesini yuvarlar. Box-shadow, çizilen kutuya gölge ekler. Doğru cevap E'dir.
5.Soru
text-indent parametresinin fonksiyonu nedir?
Zemin rengi |
Paragraf girintisi |
Alt çizgi |
Metin büyüklüğü |
Büyük-küçük harf değişimi |
Doğru yanıt B'dir.
6.Soru
Aşağıdakilerden hangisi, e-posta iletim için kullanılan temel protokoldür?
Proxy |
HTML |
Sunucu |
SMTP |
DNS |
SMTP (Simple Mail Transfer Protocol),
e-posta iletim için kullanılan temel protokoldür.
7.Soru
………, web ağına kesintisiz bağlı olan ve 24 saat boyunca çalışan bilgisayarlardır.
Yukarıdaki cümlede boş bırakılan yeri aşağıdakilerden hangisi doğru olarak tamamlar?
Sunucu |
İstemci |
Yönlendirici |
İşlemci |
Protokol |
Sunucu, web ağına kesintisiz bağlı olan ve 24 saat boyunca çalışan bilgisayarlardır. Kullanım amacına göre farklı türde sunucular bulunmaktadır.
8.Soru
table, th, td {
border: 1px solid black;
}
Tabloya yukarıdaki gibi style tanımlandığında tablo ve hücrelerin herbirinin kendi kenarları olacağı için görüntüde iki tane kenar görünecektir. Kenar sayısını bire düşürmek için aşağıdaki komutlardan hangisi bu style tanımlamasına eklenmelidir?
border-collapse: separate; |
border-collapse: collapse; |
border : 0px; |
border-color: red; |
border-radius: 10px; |
table, th, td { // tablo başlığı ve hücreler için tanımlama açılıyor.
border: 1px solid black; //kenarlık tanımlanıyor.
border-collapse: collapse;// tablo tek kenarlığa düşürülüyor.
}// tanımlama kapatılıyor.
9.Soru
Video oynatım süresinin bitmesi durumunda yeniden başlatılabilmesi için video etiketinin içerisine yazılacak parametre aşağıdakilerden hangisidir?
loop |
play |
control |
stop |
pause |
video oynatım süresinin bitmesi durumunda yeniden başlatılabilmesi için video etiketinin içerisine loop yazmak yeterli olacaktır.
10.Soru
tablonunilksatırıvediğerhücrelereyazılacakverilerinsolkenarlık5pixel boşluk bırakılarak yazılması sağlamak için aşağıdakilerden hangisi kullanılmalıdır?
padding-left:5px; |
Padding-right:5px; |
Margin-left:5px; |
Margin-right:5px; |
Border-right:5px; |
padding-left:5px;//tablonunilksatırıvediğerhücrelereyazılacakverilerinsolkenarlık5pixel boşluk bırakılarak yazılması sağlanıyor.
11.Soru
Bir satırdan diğer satıra değişebilecek tek bir özelliğe ilişkin verileri içeren temel tablo bileşeni aşağıdakilerden hangisidir?
Hücre |
Veri |
Sütun |
Veritabanı |
Sıra |
Sütun bir satırdan diğer satıra değişebilecek tek bir özelliğe ilişkin verileri içerir.
12.Soru
Web tasarımlarında sıklıkla kullanılan alt satıra geçiş işlemi için ilgili metnin sonrasına hangi etiket kullanılmalıdır?
<p> |
<ul> |
<ol> |
<br> |
<li> |
Web tasarımlarında sıklıkla kullanılan alt satıra geçiş işlemi için ilgili metnin sonrasına <br> etiketi kullanılmalıdır.
13.Soru
<tr> etiketinin işlevi nedir?
Tablo kapatılır |
Tablo kenarlığı eklenir |
Tablonun ilk satırı açılır |
Veriler hizalanır |
Sütunlar bölünür |
</table> etiketi ile tablo kapatılır. Tablo kenarlıklarının oluşturulması için <style> etiketi ile açılan ve </style> etiketi ile kapanan bölüm içerisinde talimat verilir. Verilerin hizalanması “text-align” ile belirtilir. Sütunların bölünmesi “colspan” ile belirtilir. Doğru cevap C'dir.
14.Soru
aşağıdaki özelliklerden hangisi hücre kenarlığı çizgileri arasındaki boşluk yaratmayı sağlar?
border-radius |
border-top |
border: dashed |
border-spacing |
padding-top |
border-spacing özelliği hücre kenarlığı çizgileri arasındaki boşluk yaratmayı sağlar. Örneğin: border-spacing: 10px ifadesi hücreler arasında 10px boşluk yaratacaktır.
15.Soru
Html tablolarında satır oluşturmak için hangi html etiketi kullanılır?
tr |
td |
th |
table |
h1 |
Bu etiket table rows ifadesinin kısaltmasıdır ve tabloda bir satır oluşturur.
16.Soru
Aşağıdakilerden hangisi resim haritalarını tanımıdır?
Resimlerin haritasını çıkarmaktır. |
Resimlerin üzerindeki bir veya daha fazla noktaya link verme amacı ile kullanılmaktadır. |
Resimlerin etkileşimli olarak gömülmesidir. |
Resimlerin diğer resimler ile link vererek bağlantısını kurmaktır. |
Resimleri farklı programlarda çalışabilmesi için yapılandırmaktır. |
Resim haritaları (image maps) resimlerin üzerindeki bir veya daha fazla noktaya link verme amacı ile kullanılmaktadır. Örnek olarak yedi coğrafi bölgeden oluşan Türkiye Coğrafi Bölgesi haritası göz önünde bulundurulur ve bolgeler.html sayfasında kullanıldığı varsayılırsa, her bir bölge için resim üzerinde resim haritası ile belirli alan link olarak oluşturulabilir ve yedi bölgeden herhangi birini oluşturan alana tıklanması durumunda kendi bölgesine ait html (örneğin marmara.html, akdeniz.html vb.) dosyasının açılması sağlanabilir. Resim haritalarının oluşturulmasında etiketi usemap parametresi ile kullanılmalıdır. Bu kullanımda ilişkilendirme değeri kullanılırken önüne # işareti unutulmamalıdır. Sonrasında ise
17.Soru
Kategorik listelerin oluşturulması için hangisi kullanılır?
<dz> |
<dd> |
<dg> |
<dl> |
<db> |
Doğru yanıt D'dir.
18.Soru
Html tablolarında sütunların bölünmesi için kullanılan özellik aşağıdakilerden hangisidir?
rowspan |
border |
colspan |
columns |
font |
“colspan” sütunların bölünmesi için kullanılır.
19.Soru
I- Sıralı liste
II- Sırasız liste
III- Öncelikli liste
IV- Kategorik liste
HTML işaretleme dilindeki liste türleri aşağıdaki seçeneklerden hangisinde doğru ve eksiksiz olarak verilmiştir?
I ve II |
II ve III |
I, II ve IV |
I, III ve IV |
I, II, III ve IV |
HTML işaretleme dilindeki liste türler; sıralı, sırasız ve kategorik liste olmak üzere 3 çeşittir.
20.Soru
Web sitelerinin web ağı üzerinden erişilebilmesi amacıyla web sunucuları tarafından verilen barındırma hizmetine verilen ad aşağıdakilerden hangisidir?
Hosting |
DNS |
Internet Protocol |
Proxy |
WWW |
Hosting hizmeti, web sitelerinin web ağı üzerinden erişilebilmesi amacıyla web sunucuları tarafından verilen barındırma hizmetidir.
-
- 1.SORU ÇÖZÜLMEDİ
- 2.SORU ÇÖZÜLMEDİ
- 3.SORU ÇÖZÜLMEDİ
- 4.SORU ÇÖZÜLMEDİ
- 5.SORU ÇÖZÜLMEDİ
- 6.SORU ÇÖZÜLMEDİ
- 7.SORU ÇÖZÜLMEDİ
- 8.SORU ÇÖZÜLMEDİ
- 9.SORU ÇÖZÜLMEDİ
- 10.SORU ÇÖZÜLMEDİ
- 11.SORU ÇÖZÜLMEDİ
- 12.SORU ÇÖZÜLMEDİ
- 13.SORU ÇÖZÜLMEDİ
- 14.SORU ÇÖZÜLMEDİ
- 15.SORU ÇÖZÜLMEDİ
- 16.SORU ÇÖZÜLMEDİ
- 17.SORU ÇÖZÜLMEDİ
- 18.SORU ÇÖZÜLMEDİ
- 19.SORU ÇÖZÜLMEDİ
- 20.SORU ÇÖZÜLMEDİ