Web Tabanlı Kodlama

Soru 1

Orta Zorluk

Bir HTML sayfasına eklenen videonun, oynatılmasından önce onu temsilen bir resim eklemek için aşağıdaki parametrelerden hangisi kullanılmalıdır?

A) autoplay

B) controls

C) poster

D) src

E) img

Soru 2

Orta Zorluk

html’de table headings etiketi için ne kullanılmaktadır?

A)

B)

C)

D)

E)

Soru 3

Orta Zorluk

Seung-Jin ve Yiu-Kai Ng (1999) tarafından yapılan çalışmada ne gerçekleştirilmiştir?

A) İç yapısı hiç olmayan bir tablonun içerik ağacı oluşturulmuştur.

B) İç yapısı sonradan oluşturulan bir tablonun içerik ağacı oluşturulmuştur.

C) İç yapısı önceden bilinmeyen bir tablonun içerik ağacının otomatik olarakoluşturulması sağlanmıştır.

D) İç yapısı hiç bilinmeyen bir tablonun içerik ağacının otomatik olarakoluşturulması sağlanmıştır.

E) İç yapısı önceden bilinmeyen bir tablonun içerik ağacının elleoluşturulması sağlanmıştır.

Soru 4

Orta Zorluk

Aşağıdaki kodların hangisinde tablonun ilgili satırının tablo başlığı olduğu belirterek koyu ve hücrenin ortasında yazılması sağlanmıştır?

A) Öğrenci No

B) Öğrenci No

C) Öğrenci No

D) Öğrenci No

E) Öğrenci No

Soru 5

Orta Zorluk

Aşağıdakilerden hangisi, HTML5 in geliştirilmesinin temel nedenidir?

A) Kütüphanelerin zenginleşmesi

B) Arayüzlerin iyileşmesi

C) Donanımların gelişmesi

D) Mobil teknolojilerin önem kazanması

E) İnternet altyapısının iyileşmesi

Soru 6

Orta Zorluk

Tablolarda hücre içerisindeki yazıyı hücreye ortadan hizalamak için hangisi kullanılır?

A) td { text: center; }

B) th { centered: text; }

C) th { text-align: center; }

D) td { text-align: center; }

E) td { text-align: middle; }

Soru 7

Orta Zorluk

Bir html sayfasında eklenen videoya kontrol düğmeleri eklemek için yazaılması gereken html kodu aşağıddakilerden hangisinde doğru olarak verilmiştir?

A)

B)

C)

D)

E)

Soru 8

Orta Zorluk

Html’de link vermek için hangi etiketini kullanmak gerekmektedir?

A) p

B) a

C) ul

D) li

E) ol

Soru 9

Orta Zorluk

Bir web sayfasındaki yazının başlık türünü belirleyen etiketi ile hangi aralıklarda değer alır?

A) 1-6

B) 1-5

C) 2-4

D) 1-3

E) 1-8

Soru 10

Orta Zorluk

Bir tablo içerisinde yeni bir satır açmak için hangi etiket kullanılır?

A)

B)

C)

D)

E)

Soru 11

Orta Zorluk

Video paylaşım sitelerinden web sayfasına doğrudan video ekleyebilmek için hangi etiket kullanılmaktadır?

A) iframe

B) quality

C) poster

D) frame

E) screen

Açıklama:

Yanıt Açıklaması: Video paylaşım sitelerinden video linki verilirken ilgili paylaşım ile ilgili oluşturmakta, gelen kod doğrudan siteye eklenerek videonun kişisel web sayfasında oynatımı mümkün hâle gelmektedir.</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 12</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">@ işaretinin e-posta adreslerinde ilk olarak kim tarafından kullanılmıştır?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221562" data-option="a"> <input type="radio" name="soru_2221562" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221562" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Leonard Kleinrock</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221562" data-option="b"> <input type="radio" name="soru_2221562" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221562" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Bob Kahn</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221562" data-option="c"> <input type="radio" name="soru_2221562" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221562" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Vint Cerf</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221562" data-option="d"> <input type="radio" name="soru_2221562" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221562" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Tim Berners-Lee</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221562" data-option="e"> <input type="radio" name="soru_2221562" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221562" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Ray Tomlinson</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221562"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2221562-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2221562"> <span class="font-medium">Doğru Cevap:</span> Doğru cevap bilgisi bulunamadı </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221562"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: @ işaretinin e-posta adreslerinde ilk olarak Ray Tomlinson tarafından kullanılmıştır</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 13</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">Resim üzerinde işaretlenecek alanın dikdörtgen olması durumunda hangi gösterim kullanılmalıdır?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221563" data-option="a"> <input type="radio" name="soru_2221563" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221563" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700"><area shape=”poly” coords=”X1, Y1, X2, Y2”</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221563" data-option="b"> <input type="radio" name="soru_2221563" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221563" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700"><area shape=”poly” coords=”X1, Y1”</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221563" data-option="c"> <input type="radio" name="soru_2221563" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221563" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700"><area shape=”rect” coords=”X1, Y1, X2, Y2”</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221563" data-option="d"> <input type="radio" name="soru_2221563" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221563" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700"><area shape=”rect” coords=”X1, Y1”</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221563" data-option="e"> <input type="radio" name="soru_2221563" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221563" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700"><area shape=”circle” coords=”X1, Y1, r”</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221563"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2221563-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2221563"> <span class="font-medium">Doğru Cevap:</span> Doğru cevap bilgisi bulunamadı </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221563"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: Shape parametresi resim üzerinde işaretlenecek alan veya alanların şekillerinin belirlenmesi için kullanılır ve dikdörtgen için rect, diare için circle ve çok kenarlı için poly değerlerini alır. Coords parametresi ise resim üzerinde işaretlenecek alanın genişliğini pixel olarak belirlemek için kullanılmaktadır ve kullanım şekli tercih edilen shape seçeneğine göre değişmektedir. Dikdörtgen alan oluşturmak için coords=X1, Y1, X2, Y2 şeklindedir. Doğru cevap C'dir.</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 14</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">Aşağıdaki seçeneklerden hangisi sıralı liste etiketidir?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221564" data-option="a"> <input type="radio" name="soru_2221564" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221564" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700"><ol></span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221564" data-option="b"> <input type="radio" name="soru_2221564" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221564" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700"><ul></span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221564" data-option="c"> <input type="radio" name="soru_2221564" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221564" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700"><sl></span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221564" data-option="d"> <input type="radio" name="soru_2221564" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221564" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700"><al></span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221564" data-option="e"> <input type="radio" name="soru_2221564" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221564" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Hiçbiri</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221564"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2221564-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2221564"> <span class="font-medium">Doğru Cevap:</span> Doğru cevap bilgisi bulunamadı </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221564"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: Html işaretleme dilinde sıralı liste (<ol>), sırasız liste (<ul>) ve kategorik liste (<dl>) olmak üzere üç farklı liste seçeneği bulunmaktadır.</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 15</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700"><ul> etiketinin type parametreleri hangisinde doğru olarak verilmiştir?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221565" data-option="a"> <input type="radio" name="soru_2221565" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221565" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">disk ve square</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221565" data-option="b"> <input type="radio" name="soru_2221565" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221565" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">disk, elips ve square</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221565" data-option="c"> <input type="radio" name="soru_2221565" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221565" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">elips, circle ve square</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221565" data-option="d"> <input type="radio" name="soru_2221565" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221565" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">circle, disk ve triangle</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221565" data-option="e"> <input type="radio" name="soru_2221565" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221565" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">disk, circle ve square</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221565"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2221565-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2221565"> <span class="font-medium">Doğru Cevap:</span> Doğru cevap bilgisi bulunamadı </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221565"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: Doğru yanıt E'dir.</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 16</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">1969 yılında kimin önderliğindeki ekip tarafından gerçekleştirilen ARPANET projesiyle hayata geçmiştir?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221566" data-option="a"> <input type="radio" name="soru_2221566" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221566" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Leonard Kleinrock</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221566" data-option="b"> <input type="radio" name="soru_2221566" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221566" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Larry Roberts</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221566" data-option="c"> <input type="radio" name="soru_2221566" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221566" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Vannevar Bush</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221566" data-option="d"> <input type="radio" name="soru_2221566" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221566" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Carl Robnett Licklider</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221566" data-option="e"> <input type="radio" name="soru_2221566" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221566" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Ted Nelson</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221566"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2221566-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2221566"> <span class="font-medium">Doğru Cevap:</span> Doğru cevap bilgisi bulunamadı </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221566"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: Web teknolojisinin hayata geçirilmesiyle ilgili en önemli gelişme ise 1962 yılında yaşanmıştır. 1957 yılı Ekim ayında Rusların Sputnik uydusunu fırlatmasının ardından dönemin Amerika başkanı tarafından Amerika Savunma Bakanlığına bağlı İleri Araştırma Projeleri Kurumu (Advanced Research Projects Agency-ARPA) kurularak teknolojik çalışmalar başlatılmıştır. Askeri kökenli çalışmalar gerçekleştiren kurumun amacı bilimde Amerika’nın önde olduğu ve orduda teknolojinin uygulanmasına yönelik çalışmalar gerçekleştirmektir. J.C.R. Licklider’ın ARPA’da görev yaptığı sırada öne sürdüğü ARPA girişimcilerinin birbirleriyle etkili bir biçimde iletişim kurabilecekleri bilgisayar ağı oluşturulması fikri, 1969 yılında Larry Roberts önderliğindeki ekip tarafından gerçekleştirilen ARPANET projesiyle hayata geçmiştir. ARPANET projesi, ARPA bünyesindeki proje girişimcilerinin bilgisayar kaynaklarını paylaşması ve benzer araştırmaların yapılmasını engellemek amacıyla bilgi paylaşımının sağlanacağı paket anahtarlamalı bir ağ oluşturma fikridir.</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 17</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">Html sayfalarından resimlerin gösterimi için hangi html etiketi kullanılır?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221567" data-option="a"> <input type="radio" name="soru_2221567" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221567" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">body</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221567" data-option="b"> <input type="radio" name="soru_2221567" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221567" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">img</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221567" data-option="c"> <input type="radio" name="soru_2221567" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221567" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">p</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221567" data-option="d"> <input type="radio" name="soru_2221567" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221567" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">td</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221567" data-option="e"> <input type="radio" name="soru_2221567" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221567" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">list</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221567"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2221567-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2221567"> <span class="font-medium">Doğru Cevap:</span> Doğru cevap bilgisi bulunamadı </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221567"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: Html sayfalarından resimlerin gösterimi için img html etiketi kullanılır.</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 18</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">HTML'de link verilmiş bölgeye tıklanması durumunda ne olacağını belirlemek için kullanılan parametre aşağıdakilerden hangisidir?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221568" data-option="a"> <input type="radio" name="soru_2221568" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221568" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">align</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221568" data-option="b"> <input type="radio" name="soru_2221568" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221568" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">alt</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221568" data-option="c"> <input type="radio" name="soru_2221568" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221568" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">coords</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221568" data-option="d"> <input type="radio" name="soru_2221568" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221568" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">shape</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221568" data-option="e"> <input type="radio" name="soru_2221568" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221568" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">href</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221568"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2221568-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2221568"> <span class="font-medium">Doğru Cevap:</span> Doğru cevap bilgisi bulunamadı </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221568"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: Link verilmiş bölgeye tıklanması durumunda href parametresi kullanılır ve link verilir.</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 19</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">Tablolarda “rowspan” ne için kullanılır?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221569" data-option="a"> <input type="radio" name="soru_2221569" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221569" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Sütunların bölünmesi</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221569" data-option="b"> <input type="radio" name="soru_2221569" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221569" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Satırların bölünmesi</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221569" data-option="c"> <input type="radio" name="soru_2221569" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221569" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Hücrelerin bölünmesi</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221569" data-option="d"> <input type="radio" name="soru_2221569" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221569" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Tabloların bölünmesi</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221569" data-option="e"> <input type="radio" name="soru_2221569" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221569" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Yazıların bölünmesi</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221569"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2221569-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2221569"> <span class="font-medium">Doğru Cevap:</span> Doğru cevap bilgisi bulunamadı </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221569"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: Tablolarda “colspan” sütunların bölünmesi için kullanılırken, “rowspan” satırların bölünmesi için kullanılmaktadır.</p> </div> </div> </div> </div> <div class="bg-white p-4 md:p-6 rounded-lg shadow-sm"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-semibold text-gray-800">Soru 20</h3> <span class="bg-primary-100 text-primary-700 text-xs font-medium px-2.5 py-0.5 rounded-full">Orta Zorluk</span> </div> <div class="prose max-w-none mb-6"> <p class="text-gray-700">Site içerisinde farklı metinleri farklı şekillerde göstermek için önceden harici veya dahili kurallar tanımlama ve sonrasında bu kuralın ismine göre belirtilen yerde bu kuralın uygulanmasını sağlama işlemine ne ad verilir?</p> </div> <div class="space-y-3"> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221570" data-option="a"> <input type="radio" name="soru_2221570" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221570" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">CSS - Stil şablonu kullanımı</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221570" data-option="b"> <input type="radio" name="soru_2221570" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221570" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Etiketleme</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221570" data-option="c"> <input type="radio" name="soru_2221570" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221570" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Link verme</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221570" data-option="d"> <input type="radio" name="soru_2221570" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221570" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Tanılama</span> </div> </label> <label class="flex items-start p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer transition option-label" data-soru-id="2221570" data-option="e"> <input type="radio" name="soru_2221570" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221570" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">CBS-Kılavuzlama</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221570"> <div class="flex items-center"> <i class="fas fa-check-circle text-green-500 mr-2"></i> <span class="font-medium text-green-700">Doğru Cevap!</span> </div> </div> <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg hidden" id="feedback-2221570-wrong"> <div class="flex items-center"> <i class="fas fa-times-circle text-red-500 mr-2"></i> <span class="font-medium text-red-700">Yanlış Cevap!</span> </div> <div class="mt-2 text-sm text-blue-700" id="correct-answer-2221570"> <span class="font-medium">Doğru Cevap:</span> Doğru cevap bilgisi bulunamadı </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221570"> <div class="flex items-start"> <i class="fas fa-info-circle text-blue-500 mr-2 mt-1"></i> <div> <span class="font-medium text-blue-700">Açıklama:</span> <p class="text-blue-600 mt-1">Yanıt Açıklaması: Doğru yanıt A'dır.</p> </div> </div> </div> </div> </div> <div class="mt-6 flex justify-between items-center"> <a href="/kategori/acikogretim-fakultesi/ackogretim-fakultesi-onlisans-programlar-2-yllk/web-tasarm-ve-kodlama/web-tasarm-ve-kodlama-wtk207u-web-tabanl-kodlama/" class="text-gray-600 hover:text-gray-800"> <i class="fas fa-arrow-left mr-1"></i> Derse Dön </a> <button type="submit" class="bg-primary-600 text-white rounded-lg px-6 py-3 hover:bg-primary-700 transition shadow-sm"> <i class="fas fa-check-circle mr-2"></i> Sınavı Bitir ve Puan Al </button> </div> </form> </main> </div>   <footer class="bg-gray-900 text-white pt-12 pb-6 mt-12"> <div class="container mx-auto px-4"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-8"> <div> <div class="flex items-center space-x-2 mb-4"> <div class="bg-white text-primary-600 p-2 rounded-lg"> <img src="/static/img/icon.svg" alt="sinavahazirlan.com Logo" class="h-6 w-6"> </div> <span class="text-xl font-bold text-white">sinavahazirlan.com</span> </div> <p class="text-gray-400 mb-4">Eğitimde başarının adresi. Kişiselleştirilmiş öğrenme deneyimi ile hedeflerinize ulaşın.</p> <div class="flex space-x-4 text-gray-400"> <a href="#" class="hover:text-white transition"><i class="fa-brands fa-facebook-f"></i></a> <a href="#" class="hover:text-white transition"><i class="fa-brands fa-twitter"></i></a> <a href="#" class="hover:text-white transition"><i class="fa-brands fa-instagram"></i></a> <a href="#" class="hover:text-white transition"><i class="fa-brands fa-youtube"></i></a> </div> </div> <div> <h3 class="text-lg font-semibold mb-4">Hızlı Bağlantılar</h3> <ul class="space-y-2 text-gray-400"> <li><a href="/" class="hover:text-white transition">Ana Sayfa</a></li> <li><a href="/hazirlaniyor/" class="hover:text-white transition">Dersler</a></li> <li><a href="/calisma-araclari/" class="hover:text-white transition">Çalışma Araçları</a></li> <li><a href="/blog/" class="hover:text-white transition">Blog</a></li> <li><a href="/hakkimizda/" class="hover:text-white transition">Hakkımızda</a></li> </ul> </div> <div> <h3 class="text-lg font-semibold mb-4">Sınavlar</h3> <ul class="space-y-2 text-gray-400"> <li><a href="/yks/" class="hover:text-white transition">YKS (TYT, AYT)</a></li> <li><a href="/lgs/" class="hover:text-white transition">LGS</a></li> <li><a href="/kpss/" class="hover:text-white transition">KPSS</a></li> <li><a href="/dgs/" class="hover:text-white transition">DGS</a></li> <li><a href="/ales/" class="hover:text-white transition">ALES</a></li> <li><a href="/yokdil/" class="hover:text-white transition">YÖKDİL</a></li> </ul> </div> </div> <div class="border-t border-gray-800 pt-6 flex justify-center"> <p class="text-gray-500 text-sm text-center">© 2025 sinavahazirlan.com. Tüm hakları saklıdır.</p> </div> </div> </footer>  <script> document.addEventListener('DOMContentLoaded', () => { // Kenar Çubuğu Geçişi const sidebar = document.getElementById('sidebar'); const sidebarToggle = document.getElementById('sidebarToggle'); const sidebarClose = document.getElementById('sidebarClose'); const sidebarOverlay = document.getElementById('sidebarOverlay'); // Kenar çubuğu açma fonksiyonu const openSidebar = () => { sidebar.classList.add('sidebar-open'); sidebarOverlay.classList.add('active'); document.body.classList.add('overflow-hidden'); }; // Kenar çubuğu kapatma fonksiyonu const closeSidebar = () => { sidebar.classList.remove('sidebar-open'); sidebarOverlay.classList.remove('active'); document.body.classList.remove('overflow-hidden'); }; sidebarToggle?.addEventListener('click', openSidebar); sidebarClose?.addEventListener('click', closeSidebar); sidebarOverlay?.addEventListener('click', closeSidebar); // Sınav İşlemleri const answerOptions = document.querySelectorAll('.answer-option'); const answerDisplayOptions = document.getElementsByName('answer_display'); const optionLabels = document.querySelectorAll('.option-label'); // Function to check if "Cevapları Anında Göster" is selected function isImmediate() { for (const option of answerDisplayOptions) { if (option.checked && option.value === 'immediate') { return true; } } return false; } answerOptions.forEach(option => { option.addEventListener('change', function() { if (isImmediate()) { const soruId = this.dataset.soruId; const isDogru = this.dataset.dogru === 'True'; const feedbackCorrect = document.getElementById(`feedback-${soruId}`); const feedbackWrong = document.getElementById(`feedback-${soruId}-wrong`); const explanation = document.getElementById(`explanation-${soruId}`); const selectedLabel = document.querySelector(`.option-label[data-soru-id="${soruId}"][data-option="${this.value}"]`); // Tüm seçenekleri devre dışı bırak const allOptions = document.querySelectorAll(`input[name="soru_${soruId}"]`); allOptions.forEach(opt => opt.disabled = true); // Doğru/yanlış geri bildirimini göster if (isDogru) { feedbackCorrect.classList.remove('hidden'); feedbackWrong.classList.add('hidden'); selectedLabel.classList.add('option-correct'); } else { feedbackWrong.classList.remove('hidden'); feedbackCorrect.classList.add('hidden'); selectedLabel.classList.add('option-incorrect'); // Doğru cevabı işaretle const correctOption = document.querySelector(`input[name="soru_${soruId}"][data-dogru="True"]`); if (correctOption) { const correctLabel = document.querySelector(`.option-label[data-soru-id="${soruId}"][data-option="${correctOption.value}"]`); correctLabel.classList.add('option-correct'); } } // Açıklamayı göster (varsa) if (explanation) { explanation.classList.remove('hidden'); } } }); }); // Form gönderimi const sinavForm = document.getElementById('sinavForm'); sinavForm.addEventListener('submit', function(e) { // Burada form gönderimi öncesi işlemler yapılabilir // Örneğin, kullanıcıya bir onay mesajı gösterilebilir // Eğer "Cevapları Sınav Sonunda Göster" seçiliyse ve kullanıcı formu göndermek istiyorsa if (!isImmediate()) { // Burada tüm cevapları kontrol edip sonuçları gösterebilirsiniz // Veya sunucuya gönderip sonuçları alabilirsiniz } }); }); </script> </body> </html>

Sınav Ayarları

Soru 1

Soru 2

Soru 3

Soru 4

Soru 5

Soru 6

Soru 7

Soru 8

Soru 9

Soru 10

Soru 11