Seçmeli Ara Sınav

Web Tabanlı Kodlama

Soru

Dakika

Görüntülenme

Çözülme

Sınav Ayarları

Cevapları Anında Göster

Her soruyu cevapladığınızda doğru/yanlış bilgisi gösterilir

Cevapları Sınav Sonunda Göster

Tüm soruları cevapladıktan sonra sonuçlar gösterilir

Soru 1

Orta Zorluk

Tablolarda başlığını 30 piksel yükseliğe ayarlayan doğru kod aşağıdakilerden hangisidir?

A) td { table-height: 30px; }

B) th-height: 30px;

C) th { height: 30px; }

D) table { th: 30px; }

E) tr { width: 30px; }

Soru 2

Orta Zorluk

Aşağıdaki etiketlerden hangisi

elementinin belirttiği çoklu ortam öğesine başlık eklemek için kullanılır?

D) </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="2221454" data-option="e"> <input type="radio" name="soru_2221454" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221454" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700"><align></span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221454"> <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-2221454-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-2221454"> <span class="font-medium">Doğru Cevap:</span> B) <figcaption> </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221454"> <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ı: Ses, resim ve video bağlamında çoklu ortam öğeleri için html5 ile gelen, sıkça internet örneklerinde karşılaşılan ve düzeni sağlamayı amaçlayan iki önemli etiket olarak <figure> ve <figcaption> etiketlerini kısaca açıklamak yararlı olacaktır. <figure> etiketi birleştirme özelliği taşımaktadır ve içerisinde bir resim, gösterim, diyagram, kod listeleri gibi öğelerin olduğunu belirtir. <figure> elementi ana akış ile ilgili olsa da, konumu ana akıştan bağımsızdır ve çıkarılırsa dökümanın akışını engellemez. <figcaption> etiketi ise <figure> elementinin belirttiği çoklu ortam öğesine başlık eklemeye yarar.</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 3</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">Web tarayıcısının adres çubuğuna https://www.anadolu.edu.tr/acikogretim/acikogretim-akademik-takvim yazıldığında www.anadolu.edu.tr ifadesi neyi temsil eder?</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="2221455" data-option="a"> <input type="radio" name="soru_2221455" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221455" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">HTML kodu</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="2221455" data-option="b"> <input type="radio" name="soru_2221455" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221455" data-dogru="True"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Sunucu ismi</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="2221455" data-option="c"> <input type="radio" name="soru_2221455" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221455" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">SMTP protokolü</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="2221455" data-option="d"> <input type="radio" name="soru_2221455" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221455" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">TCP protokolü</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="2221455" data-option="e"> <input type="radio" name="soru_2221455" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221455" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">WWW kütüphanesi</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221455"> <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-2221455-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-2221455"> <span class="font-medium">Doğru Cevap:</span> B) Sunucu ismi </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221455"> <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ı: www.anadolu.edu.tr ifadesi sunucu ismini ifade eder</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 4</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">Temel görevi internet trafiğinin daha verimli kullanılması ve aynı sayfayı kullanmak isteyen kullanıcıların hızlıca web sayfasına erişimini sağlamak olan sunucu türü 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="2221456" data-option="a"> <input type="radio" name="soru_2221456" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221456" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">FTP sunucusu</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="2221456" data-option="b"> <input type="radio" name="soru_2221456" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221456" data-dogru="True"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Proxy sunucusu</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="2221456" data-option="c"> <input type="radio" name="soru_2221456" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221456" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">DNS sunucusu</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="2221456" data-option="d"> <input type="radio" name="soru_2221456" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221456" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Web sunucusu</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="2221456" data-option="e"> <input type="radio" name="soru_2221456" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221456" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Güvenlik sunucusu</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221456"> <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-2221456-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-2221456"> <span class="font-medium">Doğru Cevap:</span> B) Proxy sunucusu </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221456"> <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ı: Temel görevi internet trafiğinin daha verimli kullanılması ve aynı sayfayı kullanmak isteyen kullanıcıların hızlıca web sayfasına erişimini sağlamak olan sunucu proxy sunucusudur.</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 5</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">Bir HTML sayfasına görsel eklenmek isteniyor. Bu görselin konumunu belirtmek için img etiketiyle birlikte aşağıdaki parametrelerden hangisi kullanmalı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="2221457" data-option="a"> <input type="radio" name="soru_2221457" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221457" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">height</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="2221457" data-option="b"> <input type="radio" name="soru_2221457" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221457" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">width</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="2221457" data-option="c"> <input type="radio" name="soru_2221457" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221457" data-dogru="True"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">src</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="2221457" data-option="d"> <input type="radio" name="soru_2221457" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221457" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</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="2221457" data-option="e"> <input type="radio" name="soru_2221457" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221457" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">alt</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221457"> <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-2221457-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-2221457"> <span class="font-medium">Doğru Cevap:</span> C) src </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221457"> <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ı: esmin bulunduğu konum, oluşturulan html sayfasının bulunduğu konum esas alınarak ifade edilir. Örneğin masaüstünde web sayfam isimli bir klasör olduğunu varsayalım. Bunun içerisinde de iletisim.html isimli bir sayfayı tasarladığımızı düşünelim. Bu sayfada resim göstermek istiyorsak (ör: foto.jpg) resmin iletisim.html dosyası ile aynı yerde yani web sayfam isimli klasörün içerisinde olması gerekir. Bu durumda src=”foto.jpg” olarak yazılması gerekir. Ancak genellikle web sitelerinde karmaşayı önlemek adına ve tercihen çoklu ortam öğeleri ayrı klasörler altında tutulur. Bu açıdan web sayfam klasörünün içerisinde resimler, sesler, videolar gibi klasörler oluşturulur ve foto.jpg dosyası resimler klasörünün içerisinde saklanır. Bu durumda resim dosyasının konumu için yine iletisim.html dosyası dikkate alınarak alt klasör konumu da belirtilir. Sonuç olarak dosya konumu için src=”resimler/foto.jpg” şeklinde bir tanımlama yapılmalıdı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 6</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ğıdakilerden hangisinde "Adres" isimli bir tablo başlığı oluşturulmuştur?</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="2221458" data-option="a"> <input type="radio" name="soru_2221458" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221458" data-dogru="True"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700"><th>Adres</th></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="2221458" data-option="b"> <input type="radio" name="soru_2221458" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221458" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700"><Table>Adres</Table></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="2221458" data-option="c"> <input type="radio" name="soru_2221458" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221458" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700"><td>Adres</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="2221458" data-option="d"> <input type="radio" name="soru_2221458" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221458" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700"><tr>Adres</tr></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="2221458" data-option="e"> <input type="radio" name="soru_2221458" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221458" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700"><tt>Adres</tt></span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221458"> <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-2221458-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-2221458"> <span class="font-medium">Doğru Cevap:</span> A) <th>Adres</th> </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221458"> <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ı: "<th>Adres</th>" ile "Adres" isimli bir tablo başlığı oluşturulur. Doğru cevap A şıkkıdı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 7</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">Sitenizi "Sistem, Oyun, Şans" kelimeleri ile ön plana çıkarmak istersek sitemize hangi html etiketini eklememiz gerekmektedir?</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="2221459" data-option="a"> <input type="radio" name="soru_2221459" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221459" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700"><h=”keywords” content =”Sistem, Oyun, Şans”></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="2221459" data-option="b"> <input type="radio" name="soru_2221459" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221459" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700"><small=”keywords” content =”Sistem, Oyun, Şans”></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="2221459" data-option="c"> <input type="radio" name="soru_2221459" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221459" data-dogru="True"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700"><meta=”keywords” content =”Sistem, Oyun, Şans”></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="2221459" data-option="d"> <input type="radio" name="soru_2221459" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221459" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700"><head=”keywords” content =”Sistem, Oyun, Şans”></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="2221459" data-option="e"> <input type="radio" name="soru_2221459" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221459" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700"><body=”keywords” content =”Sistem, Oyun, Şans”></span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221459"> <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-2221459-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-2221459"> <span class="font-medium">Doğru Cevap:</span> C) <meta=”keywords” content =”Sistem, Oyun, Şans”> </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221459"> <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ı: Sitenizi "Sistem, Oyun, Şans" kelimeleri ile ön plana çıkarmak istersek sitemize <meta=”keywords” content =”Sistem, Oyun, Şans”> etiketini eklemeyiz.</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 8</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">Kendi altyapıları üzerinden internet ağına erişim olanağı sağlayan ticari firmaların kısaltması 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="2221460" data-option="a"> <input type="radio" name="soru_2221460" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221460" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">DNS</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="2221460" data-option="b"> <input type="radio" name="soru_2221460" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221460" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">HTTP</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="2221460" data-option="c"> <input type="radio" name="soru_2221460" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221460" data-dogru="True"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">ISS</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="2221460" data-option="d"> <input type="radio" name="soru_2221460" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221460" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">ICANN</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="2221460" data-option="e"> <input type="radio" name="soru_2221460" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221460" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">IANA</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221460"> <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-2221460-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-2221460"> <span class="font-medium">Doğru Cevap:</span> C) ISS </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221460"> <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ı: İnternet servis sağlayıcıları (ISS), kendi altyapıları üzerinden internet ağına erişim olanağı sağlayan ticari firmalardı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 9</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">Webin atası olan ARPANET, kaç yılında hayata geçirilmiş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="2221461" data-option="a"> <input type="radio" name="soru_2221461" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221461" data-dogru="True"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">1969</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="2221461" data-option="b"> <input type="radio" name="soru_2221461" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221461" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">1965</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="2221461" data-option="c"> <input type="radio" name="soru_2221461" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221461" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">1960</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="2221461" data-option="d"> <input type="radio" name="soru_2221461" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221461" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">1963</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="2221461" data-option="e"> <input type="radio" name="soru_2221461" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221461" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">1970</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221461"> <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-2221461-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-2221461"> <span class="font-medium">Doğru Cevap:</span> A) 1969 </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221461"> <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ı: Webin atası olan ARPANET, 1969 yılında hayata geçirilmiştir.</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 10</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 kullanılan renkler hangi sayı sistemi ile ifade edilmektedir?</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="2221462" data-option="a"> <input type="radio" name="soru_2221462" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221462" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">binary (ikili)</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="2221462" data-option="b"> <input type="radio" name="soru_2221462" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221462" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">quaternary (dörtlü)</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="2221462" data-option="c"> <input type="radio" name="soru_2221462" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221462" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">oktal (sekizli)</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="2221462" data-option="d"> <input type="radio" name="soru_2221462" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221462" data-dogru="True"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">hegzadesimal (onaltılı)</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="2221462" data-option="e"> <input type="radio" name="soru_2221462" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221462" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">oktogesimal (seksenli)</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221462"> <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-2221462-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-2221462"> <span class="font-medium">Doğru Cevap:</span> D) hegzadesimal (onaltılı) </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221462"> <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 kodlamasında kullanılan renkler hegzadesimal (onaltılı) sayı sistemine göredir.</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 11</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">Video etiketinin max-width özelliği ne işe yarar?</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="2221463" data-option="a"> <input type="radio" name="soru_2221463" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221463" data-dogru="True"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Genişlitilebilirlik sınır oranı</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="2221463" data-option="b"> <input type="radio" name="soru_2221463" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221463" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Genişliği</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="2221463" data-option="c"> <input type="radio" name="soru_2221463" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221463" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Zemin rengini ayarları</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="2221463" data-option="d"> <input type="radio" name="soru_2221463" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221463" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Çizilen kutuya gölge ekleme</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="2221463" data-option="e"> <input type="radio" name="soru_2221463" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221463" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Video ile kenarlık arası boşluğu ayarlama</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221463"> <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-2221463-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-2221463"> <span class="font-medium">Doğru Cevap:</span> A) Genişlitilebilirlik sınır oranı </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221463"> <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ı: Genişlitilebilirlik sınır oranı</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">Hangisi web sitelerine eklenebilecek harici uygulama ve içeriklerden değildir ?</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="2221464" data-option="a"> <input type="radio" name="soru_2221464" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221464" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Flash animasyon</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="2221464" data-option="b"> <input type="radio" name="soru_2221464" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221464" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">PDF dosyaları</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="2221464" data-option="c"> <input type="radio" name="soru_2221464" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221464" data-dogru="True"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Resim dosyaları</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="2221464" data-option="d"> <input type="radio" name="soru_2221464" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221464" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Youtube videoları</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="2221464" data-option="e"> <input type="radio" name="soru_2221464" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221464" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Konum bilgisi</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221464"> <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-2221464-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-2221464"> <span class="font-medium">Doğru Cevap:</span> C) Resim dosyaları </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221464"> <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 sitelerine eklenebilecek harici uygulama ve içerikler şunlardır: flash animasyon, pdf dosyaları, youtube videoları, konum bilgisi. 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 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">Aşağıdakilerden hangisi bir hücredeki satırı bölerek satır sayısını üçe çıkarmaktadı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="2221465" data-option="a"> <input type="radio" name="soru_2221465" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221465" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">colspan =”3”</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="2221465" data-option="b"> <input type="radio" name="soru_2221465" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221465" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">tr {rowspan=3;}</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="2221465" data-option="c"> <input type="radio" name="soru_2221465" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221465" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">table#t03</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="2221465" data-option="d"> <input type="radio" name="soru_2221465" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221465" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">th { height:3px;}</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="2221465" data-option="e"> <input type="radio" name="soru_2221465" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221465" data-dogru="True"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700"><th rowspan=”3”>Adres</th></span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221465"> <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-2221465-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-2221465"> <span class="font-medium">Doğru Cevap:</span> E) <th rowspan=”3”>Adres</th> </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221465"> <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ı: <th rowspan=”3”>Adres</th> // ilgili satırda tablonun hücresi tablo başlığı olarak tanımlanıyor ve bir sonraki hücrenin üç satıra bölünmesini sağlıyor</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">Html sayfanızdaki stilin "gömülü stil" olarak adlandıralabilmesi için style etiketi hangi html etiketleri arasında yazılmadı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="2221466" data-option="a"> <input type="radio" name="soru_2221466" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221466" 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="2221466" data-option="b"> <input type="radio" name="soru_2221466" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221466" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</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="2221466" data-option="c"> <input type="radio" name="soru_2221466" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221466" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</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="2221466" data-option="d"> <input type="radio" name="soru_2221466" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221466" data-dogru="True"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">head</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="2221466" data-option="e"> <input type="radio" name="soru_2221466" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221466" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">span</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221466"> <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-2221466-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-2221466"> <span class="font-medium">Doğru Cevap:</span> D) head </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221466"> <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ı: head etiketleri arasına yazılan stillere gömülü stil denir.</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"><th colspan=”2”>Telefon Numarası</th> etiketi nasıl yorumlanı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="2221467" data-option="a"> <input type="radio" name="soru_2221467" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221467" data-dogru="True"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Sütun iki sütuna bölünüyor</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="2221467" data-option="b"> <input type="radio" name="soru_2221467" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221467" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Satır iki satıra bölünüyor</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="2221467" data-option="c"> <input type="radio" name="soru_2221467" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221467" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Yazı rengi 2 punto ayarlanıyor</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="2221467" data-option="d"> <input type="radio" name="soru_2221467" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221467" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Tablo genişliği 2 piksel ayarlanıyor</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="2221467" data-option="e"> <input type="radio" name="soru_2221467" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221467" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Tablo kenarlığı 2 katına ayarlanıyor</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221467"> <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-2221467-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-2221467"> <span class="font-medium">Doğru Cevap:</span> A) Sütun iki sütuna bölünüyor </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221467"> <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ı: <th colspan=”2”>Telefon Numarası</th> // 22. satırda ilk satır ikinci hücreye “Telefon Numarası verisi giriliyor ve Telefon numarası ile başlayan sütun iki sütuna bölünüyor.</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">I - E-posta web üzerinden asenkron iletişim kurmaya olanak sağlayan bir uygulamadır. II- E-posta adreslerinde @ işaretini ilk olarak Ray Tomlinson kullanmıştır. III - E-posta iletişimini bulan Tim Berners-Lee'dir. IV- SMTP e-posta iletimi için kulanılan temel protokoldür. Bu bilgilerden doğru olan(lar) aşağıdaki seçeneklerden hangisinde eksiksiz 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="2221468" data-option="a"> <input type="radio" name="soru_2221468" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221468" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">I ve II</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="2221468" data-option="b"> <input type="radio" name="soru_2221468" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221468" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">I, II ve III</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="2221468" data-option="c"> <input type="radio" name="soru_2221468" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221468" data-dogru="True"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">I, II ve IV</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="2221468" data-option="d"> <input type="radio" name="soru_2221468" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221468" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">I, III ve IV</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="2221468" data-option="e"> <input type="radio" name="soru_2221468" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221468" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">I, II, III ve IV</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221468"> <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-2221468-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-2221468"> <span class="font-medium">Doğru Cevap:</span> C) I, II ve IV </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221468"> <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ı: Tim Berners-Lee e-posta iletişimini bulan değil, www'yi bulan kişidir. Verilen diğer bilgiler doğru olduğıundan, doğru seçenek 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 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">2008 yılında bir günde 8 milyondan fazla indirilmesiyle Guinness rekorlar kitabında “24 saatte en çok indirilen program” alanında dünya rekoru kıran web tarayıcısı 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="2221469" data-option="a"> <input type="radio" name="soru_2221469" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221469" data-dogru="True"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">Firefox 3</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="2221469" data-option="b"> <input type="radio" name="soru_2221469" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221469" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">Internet Explorer</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="2221469" data-option="c"> <input type="radio" name="soru_2221469" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221469" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">Safari</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="2221469" data-option="d"> <input type="radio" name="soru_2221469" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221469" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Chrome</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="2221469" data-option="e"> <input type="radio" name="soru_2221469" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221469" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">Yandex</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221469"> <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-2221469-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-2221469"> <span class="font-medium">Doğru Cevap:</span> A) Firefox 3 </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221469"> <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ı: 2008 yılında bir günde 8 milyondan fazla indirilmesiyle Guinness rekorlar kitabında “24 saatte en çok indirilen program” alanında dünya rekoru kıran web tarayıcısı Firefox 3’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 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">Web sunucuları ile ilgili bir konuşmada aşağıdaki terimlerden hangisi yer almaz ?</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="2221470" data-option="a"> <input type="radio" name="soru_2221470" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221470" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700">HTTP</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="2221470" data-option="b"> <input type="radio" name="soru_2221470" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221470" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700">WWW</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="2221470" data-option="c"> <input type="radio" name="soru_2221470" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221470" data-dogru="False"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700">URL</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="2221470" data-option="d"> <input type="radio" name="soru_2221470" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221470" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700">Hosting</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="2221470" data-option="e"> <input type="radio" name="soru_2221470" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221470" data-dogru="True"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700">SCORM</span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221470"> <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-2221470-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-2221470"> <span class="font-medium">Doğru Cevap:</span> E) SCORM </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221470"> <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ı: SCORM Shareable Content Object Referans Model (Paylaşılabilir İçerik Nesne Referans Modeli) web sunucuları ile ilgili değildir.</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">Web tasarımlarında sıklıkla kullanılan alt satıra geçiş işlemi için ilgili metnin sonrasına ………. etiketi kullanılmalıdır. Yukarıdaki cümlede boş bırakılan yeri aşağıdakilerden hangisi doğru olarak tamamlar?</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="2221471" data-option="a"> <input type="radio" name="soru_2221471" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221471" data-dogru="True"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700"><br></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="2221471" data-option="b"> <input type="radio" name="soru_2221471" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221471" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700"><a></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="2221471" data-option="c"> <input type="radio" name="soru_2221471" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221471" 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="2221471" data-option="d"> <input type="radio" name="soru_2221471" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221471" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700"><li></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="2221471" data-option="e"> <input type="radio" name="soru_2221471" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221471" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700"><h></span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221471"> <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-2221471-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-2221471"> <span class="font-medium">Doğru Cevap:</span> A) <br> </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221471"> <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 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.</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">HTML işaretleme dilinde köprü ve/veya link verme işlemi hangi etiketle başlayıp hangi etiketle biter?</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="2221472" data-option="a"> <input type="radio" name="soru_2221472" value="a" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221472" data-dogru="False"> <div> <span class="font-medium text-gray-800">A)</span> <span class="text-gray-700"><br> ve </br></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="2221472" data-option="b"> <input type="radio" name="soru_2221472" value="b" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221472" data-dogru="False"> <div> <span class="font-medium text-gray-800">B)</span> <span class="text-gray-700"><link> ve </link></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="2221472" data-option="c"> <input type="radio" name="soru_2221472" value="c" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221472" data-dogru="True"> <div> <span class="font-medium text-gray-800">C)</span> <span class="text-gray-700"><a href="..." ve </a></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="2221472" data-option="d"> <input type="radio" name="soru_2221472" value="d" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221472" data-dogru="False"> <div> <span class="font-medium text-gray-800">D)</span> <span class="text-gray-700"><p> ve </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="2221472" data-option="e"> <input type="radio" name="soru_2221472" value="e" class="form-radio text-primary-600 mt-1 mr-3 answer-option" data-soru-id="2221472" data-dogru="False"> <div> <span class="font-medium text-gray-800">E)</span> <span class="text-gray-700"><li> ve </li></span> </div> </label> </div> <div class="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg hidden" id="feedback-2221472"> <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-2221472-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-2221472"> <span class="font-medium">Doğru Cevap:</span> C) <a href="..." ve </a> </div> </div>  <div class="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg hidden" id="explanation-2221472"> <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 köprü ve/veya link verme işlemi <a href="..." etiketi ile başlayıp </a> etiketi ile biter.</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>