Seçmeli Ara Sınav - Web Tabanlı Kodlama

Cevapları Anında Göster Cevapları Sınav Sonunda Göster

Soru 1:

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:

Aşağıdaki etiketlerden hangisi

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

C) D) </label> <label class="block"> <input type="radio" name="soru_2221454" value="e" class="mr-2 answer-option" data-soru-id="2221454" data-dogru="False"> E) <align> </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221454">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221454-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221454"> Doğru Cevap: B) <figcaption> </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 3:</h3> <p class="text-gray-700 mb-4">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 class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221455" value="a" class="mr-2 answer-option" data-soru-id="2221455" data-dogru="False"> A) HTML kodu </label> <label class="block"> <input type="radio" name="soru_2221455" value="b" class="mr-2 answer-option" data-soru-id="2221455" data-dogru="True"> B) Sunucu ismi </label> <label class="block"> <input type="radio" name="soru_2221455" value="c" class="mr-2 answer-option" data-soru-id="2221455" data-dogru="False"> C) SMTP protokolü </label> <label class="block"> <input type="radio" name="soru_2221455" value="d" class="mr-2 answer-option" data-soru-id="2221455" data-dogru="False"> D) TCP protokolü </label> <label class="block"> <input type="radio" name="soru_2221455" value="e" class="mr-2 answer-option" data-soru-id="2221455" data-dogru="False"> E) WWW kütüphanesi </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221455">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221455-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221455"> Doğru Cevap: B) Sunucu ismi </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 4:</h3> <p class="text-gray-700 mb-4">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 class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221456" value="a" class="mr-2 answer-option" data-soru-id="2221456" data-dogru="False"> A) FTP sunucusu </label> <label class="block"> <input type="radio" name="soru_2221456" value="b" class="mr-2 answer-option" data-soru-id="2221456" data-dogru="True"> B) Proxy sunucusu </label> <label class="block"> <input type="radio" name="soru_2221456" value="c" class="mr-2 answer-option" data-soru-id="2221456" data-dogru="False"> C) DNS sunucusu </label> <label class="block"> <input type="radio" name="soru_2221456" value="d" class="mr-2 answer-option" data-soru-id="2221456" data-dogru="False"> D) Web sunucusu </label> <label class="block"> <input type="radio" name="soru_2221456" value="e" class="mr-2 answer-option" data-soru-id="2221456" data-dogru="False"> E) Güvenlik sunucusu </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221456">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221456-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221456"> Doğru Cevap: B) Proxy sunucusu </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 5:</h3> <p class="text-gray-700 mb-4">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 class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221457" value="a" class="mr-2 answer-option" data-soru-id="2221457" data-dogru="False"> A) height </label> <label class="block"> <input type="radio" name="soru_2221457" value="b" class="mr-2 answer-option" data-soru-id="2221457" data-dogru="False"> B) width </label> <label class="block"> <input type="radio" name="soru_2221457" value="c" class="mr-2 answer-option" data-soru-id="2221457" data-dogru="True"> C) src </label> <label class="block"> <input type="radio" name="soru_2221457" value="d" class="mr-2 answer-option" data-soru-id="2221457" data-dogru="False"> D) align </label> <label class="block"> <input type="radio" name="soru_2221457" value="e" class="mr-2 answer-option" data-soru-id="2221457" data-dogru="False"> E) alt </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221457">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221457-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221457"> Doğru Cevap: C) src </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 6:</h3> <p class="text-gray-700 mb-4">Aşağıdakilerden hangisinde "Adres" isimli bir tablo başlığı oluşturulmuştur?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221458" value="a" class="mr-2 answer-option" data-soru-id="2221458" data-dogru="True"> A) <th>Adres</th> </label> <label class="block"> <input type="radio" name="soru_2221458" value="b" class="mr-2 answer-option" data-soru-id="2221458" data-dogru="False"> B) <Table>Adres</Table> </label> <label class="block"> <input type="radio" name="soru_2221458" value="c" class="mr-2 answer-option" data-soru-id="2221458" data-dogru="False"> C) <td>Adres</td> </label> <label class="block"> <input type="radio" name="soru_2221458" value="d" class="mr-2 answer-option" data-soru-id="2221458" data-dogru="False"> D) <tr>Adres</tr> </label> <label class="block"> <input type="radio" name="soru_2221458" value="e" class="mr-2 answer-option" data-soru-id="2221458" data-dogru="False"> E) <tt>Adres</tt> </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221458">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221458-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221458"> Doğru Cevap: A) <th>Adres</th> </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 7:</h3> <p class="text-gray-700 mb-4">Sitenizi "Sistem, Oyun, Şans" kelimeleri ile ön plana çıkarmak istersek sitemize hangi html etiketini eklememiz gerekmektedir?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221459" value="a" class="mr-2 answer-option" data-soru-id="2221459" data-dogru="False"> A) <h=”keywords” content =”Sistem, Oyun, Şans”> </label> <label class="block"> <input type="radio" name="soru_2221459" value="b" class="mr-2 answer-option" data-soru-id="2221459" data-dogru="False"> B) <small=”keywords” content =”Sistem, Oyun, Şans”> </label> <label class="block"> <input type="radio" name="soru_2221459" value="c" class="mr-2 answer-option" data-soru-id="2221459" data-dogru="True"> C) <meta=”keywords” content =”Sistem, Oyun, Şans”> </label> <label class="block"> <input type="radio" name="soru_2221459" value="d" class="mr-2 answer-option" data-soru-id="2221459" data-dogru="False"> D) <head=”keywords” content =”Sistem, Oyun, Şans”> </label> <label class="block"> <input type="radio" name="soru_2221459" value="e" class="mr-2 answer-option" data-soru-id="2221459" data-dogru="False"> E) <body=”keywords” content =”Sistem, Oyun, Şans”> </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221459">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221459-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221459"> Doğru Cevap: C) <meta=”keywords” content =”Sistem, Oyun, Şans”> </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 8:</h3> <p class="text-gray-700 mb-4">Kendi altyapıları üzerinden internet ağına erişim olanağı sağlayan ticari firmaların kısaltması aşağıdakilerden hangisidir?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221460" value="a" class="mr-2 answer-option" data-soru-id="2221460" data-dogru="False"> A) DNS </label> <label class="block"> <input type="radio" name="soru_2221460" value="b" class="mr-2 answer-option" data-soru-id="2221460" data-dogru="False"> B) HTTP </label> <label class="block"> <input type="radio" name="soru_2221460" value="c" class="mr-2 answer-option" data-soru-id="2221460" data-dogru="True"> C) ISS </label> <label class="block"> <input type="radio" name="soru_2221460" value="d" class="mr-2 answer-option" data-soru-id="2221460" data-dogru="False"> D) ICANN </label> <label class="block"> <input type="radio" name="soru_2221460" value="e" class="mr-2 answer-option" data-soru-id="2221460" data-dogru="False"> E) IANA </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221460">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221460-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221460"> Doğru Cevap: C) ISS </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 9:</h3> <p class="text-gray-700 mb-4">Webin atası olan ARPANET, kaç yılında hayata geçirilmiştir?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221461" value="a" class="mr-2 answer-option" data-soru-id="2221461" data-dogru="True"> A) 1969 </label> <label class="block"> <input type="radio" name="soru_2221461" value="b" class="mr-2 answer-option" data-soru-id="2221461" data-dogru="False"> B) 1965 </label> <label class="block"> <input type="radio" name="soru_2221461" value="c" class="mr-2 answer-option" data-soru-id="2221461" data-dogru="False"> C) 1960 </label> <label class="block"> <input type="radio" name="soru_2221461" value="d" class="mr-2 answer-option" data-soru-id="2221461" data-dogru="False"> D) 1963 </label> <label class="block"> <input type="radio" name="soru_2221461" value="e" class="mr-2 answer-option" data-soru-id="2221461" data-dogru="False"> E) 1970 </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221461">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221461-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221461"> Doğru Cevap: A) 1969 </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 10:</h3> <p class="text-gray-700 mb-4">HTML'de kullanılan renkler hangi sayı sistemi ile ifade edilmektedir?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221462" value="a" class="mr-2 answer-option" data-soru-id="2221462" data-dogru="False"> A) binary (ikili) </label> <label class="block"> <input type="radio" name="soru_2221462" value="b" class="mr-2 answer-option" data-soru-id="2221462" data-dogru="False"> B) quaternary (dörtlü) </label> <label class="block"> <input type="radio" name="soru_2221462" value="c" class="mr-2 answer-option" data-soru-id="2221462" data-dogru="False"> C) oktal (sekizli) </label> <label class="block"> <input type="radio" name="soru_2221462" value="d" class="mr-2 answer-option" data-soru-id="2221462" data-dogru="True"> D) hegzadesimal (onaltılı) </label> <label class="block"> <input type="radio" name="soru_2221462" value="e" class="mr-2 answer-option" data-soru-id="2221462" data-dogru="False"> E) oktogesimal (seksenli) </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221462">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221462-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221462"> Doğru Cevap: D) hegzadesimal (onaltılı) </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 11:</h3> <p class="text-gray-700 mb-4">Video etiketinin max-width özelliği ne işe yarar?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221463" value="a" class="mr-2 answer-option" data-soru-id="2221463" data-dogru="True"> A) Genişlitilebilirlik sınır oranı </label> <label class="block"> <input type="radio" name="soru_2221463" value="b" class="mr-2 answer-option" data-soru-id="2221463" data-dogru="False"> B) Genişliği </label> <label class="block"> <input type="radio" name="soru_2221463" value="c" class="mr-2 answer-option" data-soru-id="2221463" data-dogru="False"> C) Zemin rengini ayarları </label> <label class="block"> <input type="radio" name="soru_2221463" value="d" class="mr-2 answer-option" data-soru-id="2221463" data-dogru="False"> D) Çizilen kutuya gölge ekleme </label> <label class="block"> <input type="radio" name="soru_2221463" value="e" class="mr-2 answer-option" data-soru-id="2221463" data-dogru="False"> E) Video ile kenarlık arası boşluğu ayarlama </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221463">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221463-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221463"> Doğru Cevap: A) Genişlitilebilirlik sınır oranı </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 12:</h3> <p class="text-gray-700 mb-4">Hangisi web sitelerine eklenebilecek harici uygulama ve içeriklerden değildir ?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221464" value="a" class="mr-2 answer-option" data-soru-id="2221464" data-dogru="False"> A) Flash animasyon </label> <label class="block"> <input type="radio" name="soru_2221464" value="b" class="mr-2 answer-option" data-soru-id="2221464" data-dogru="False"> B) PDF dosyaları </label> <label class="block"> <input type="radio" name="soru_2221464" value="c" class="mr-2 answer-option" data-soru-id="2221464" data-dogru="True"> C) Resim dosyaları </label> <label class="block"> <input type="radio" name="soru_2221464" value="d" class="mr-2 answer-option" data-soru-id="2221464" data-dogru="False"> D) Youtube videoları </label> <label class="block"> <input type="radio" name="soru_2221464" value="e" class="mr-2 answer-option" data-soru-id="2221464" data-dogru="False"> E) Konum bilgisi </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221464">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221464-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221464"> Doğru Cevap: C) Resim dosyaları </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 13:</h3> <p class="text-gray-700 mb-4">Aşağıdakilerden hangisi bir hücredeki satırı bölerek satır sayısını üçe çıkarmaktadır?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221465" value="a" class="mr-2 answer-option" data-soru-id="2221465" data-dogru="False"> A) colspan =”3” </label> <label class="block"> <input type="radio" name="soru_2221465" value="b" class="mr-2 answer-option" data-soru-id="2221465" data-dogru="False"> B) tr {rowspan=3;} </label> <label class="block"> <input type="radio" name="soru_2221465" value="c" class="mr-2 answer-option" data-soru-id="2221465" data-dogru="False"> C) table#t03 </label> <label class="block"> <input type="radio" name="soru_2221465" value="d" class="mr-2 answer-option" data-soru-id="2221465" data-dogru="False"> D) th { height:3px;} </label> <label class="block"> <input type="radio" name="soru_2221465" value="e" class="mr-2 answer-option" data-soru-id="2221465" data-dogru="True"> E) <th rowspan=”3”>Adres</th> </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221465">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221465-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221465"> Doğru Cevap: E) <th rowspan=”3”>Adres</th> </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 14:</h3> <p class="text-gray-700 mb-4">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 class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221466" value="a" class="mr-2 answer-option" data-soru-id="2221466" data-dogru="False"> A) body </label> <label class="block"> <input type="radio" name="soru_2221466" value="b" class="mr-2 answer-option" data-soru-id="2221466" data-dogru="False"> B) p </label> <label class="block"> <input type="radio" name="soru_2221466" value="c" class="mr-2 answer-option" data-soru-id="2221466" data-dogru="False"> C) ul </label> <label class="block"> <input type="radio" name="soru_2221466" value="d" class="mr-2 answer-option" data-soru-id="2221466" data-dogru="True"> D) head </label> <label class="block"> <input type="radio" name="soru_2221466" value="e" class="mr-2 answer-option" data-soru-id="2221466" data-dogru="False"> E) span </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221466">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221466-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221466"> Doğru Cevap: D) head </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 15:</h3> <p class="text-gray-700 mb-4"><th colspan=”2”>Telefon Numarası</th> etiketi nasıl yorumlanır?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221467" value="a" class="mr-2 answer-option" data-soru-id="2221467" data-dogru="True"> A) Sütun iki sütuna bölünüyor </label> <label class="block"> <input type="radio" name="soru_2221467" value="b" class="mr-2 answer-option" data-soru-id="2221467" data-dogru="False"> B) Satır iki satıra bölünüyor </label> <label class="block"> <input type="radio" name="soru_2221467" value="c" class="mr-2 answer-option" data-soru-id="2221467" data-dogru="False"> C) Yazı rengi 2 punto ayarlanıyor </label> <label class="block"> <input type="radio" name="soru_2221467" value="d" class="mr-2 answer-option" data-soru-id="2221467" data-dogru="False"> D) Tablo genişliği 2 piksel ayarlanıyor </label> <label class="block"> <input type="radio" name="soru_2221467" value="e" class="mr-2 answer-option" data-soru-id="2221467" data-dogru="False"> E) Tablo kenarlığı 2 katına ayarlanıyor </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221467">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221467-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221467"> Doğru Cevap: A) Sütun iki sütuna bölünüyor </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 16:</h3> <p class="text-gray-700 mb-4">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 class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221468" value="a" class="mr-2 answer-option" data-soru-id="2221468" data-dogru="False"> A) I ve II </label> <label class="block"> <input type="radio" name="soru_2221468" value="b" class="mr-2 answer-option" data-soru-id="2221468" data-dogru="False"> B) I, II ve III </label> <label class="block"> <input type="radio" name="soru_2221468" value="c" class="mr-2 answer-option" data-soru-id="2221468" data-dogru="True"> C) I, II ve IV </label> <label class="block"> <input type="radio" name="soru_2221468" value="d" class="mr-2 answer-option" data-soru-id="2221468" data-dogru="False"> D) I, III ve IV </label> <label class="block"> <input type="radio" name="soru_2221468" value="e" class="mr-2 answer-option" data-soru-id="2221468" data-dogru="False"> E) I, II, III ve IV </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221468">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221468-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221468"> Doğru Cevap: C) I, II ve IV </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 17:</h3> <p class="text-gray-700 mb-4">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 class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221469" value="a" class="mr-2 answer-option" data-soru-id="2221469" data-dogru="True"> A) Firefox 3 </label> <label class="block"> <input type="radio" name="soru_2221469" value="b" class="mr-2 answer-option" data-soru-id="2221469" data-dogru="False"> B) Internet Explorer </label> <label class="block"> <input type="radio" name="soru_2221469" value="c" class="mr-2 answer-option" data-soru-id="2221469" data-dogru="False"> C) Safari </label> <label class="block"> <input type="radio" name="soru_2221469" value="d" class="mr-2 answer-option" data-soru-id="2221469" data-dogru="False"> D) Chrome </label> <label class="block"> <input type="radio" name="soru_2221469" value="e" class="mr-2 answer-option" data-soru-id="2221469" data-dogru="False"> E) Yandex </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221469">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221469-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221469"> Doğru Cevap: A) Firefox 3 </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 18:</h3> <p class="text-gray-700 mb-4">Web sunucuları ile ilgili bir konuşmada aşağıdaki terimlerden hangisi yer almaz ?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221470" value="a" class="mr-2 answer-option" data-soru-id="2221470" data-dogru="False"> A) HTTP </label> <label class="block"> <input type="radio" name="soru_2221470" value="b" class="mr-2 answer-option" data-soru-id="2221470" data-dogru="False"> B) WWW </label> <label class="block"> <input type="radio" name="soru_2221470" value="c" class="mr-2 answer-option" data-soru-id="2221470" data-dogru="False"> C) URL </label> <label class="block"> <input type="radio" name="soru_2221470" value="d" class="mr-2 answer-option" data-soru-id="2221470" data-dogru="False"> D) Hosting </label> <label class="block"> <input type="radio" name="soru_2221470" value="e" class="mr-2 answer-option" data-soru-id="2221470" data-dogru="True"> E) SCORM </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221470">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221470-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221470"> Doğru Cevap: E) SCORM </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 19:</h3> <p class="text-gray-700 mb-4">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 class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221471" value="a" class="mr-2 answer-option" data-soru-id="2221471" data-dogru="True"> A) <br> </label> <label class="block"> <input type="radio" name="soru_2221471" value="b" class="mr-2 answer-option" data-soru-id="2221471" data-dogru="False"> B) <a> </label> <label class="block"> <input type="radio" name="soru_2221471" value="c" class="mr-2 answer-option" data-soru-id="2221471" data-dogru="False"> C) <p> </label> <label class="block"> <input type="radio" name="soru_2221471" value="d" class="mr-2 answer-option" data-soru-id="2221471" data-dogru="False"> D) <li> </label> <label class="block"> <input type="radio" name="soru_2221471" value="e" class="mr-2 answer-option" data-soru-id="2221471" data-dogru="False"> E) <h> </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221471">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221471-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221471"> Doğru Cevap: A) <br> </p> </div> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-lg font-semibold text-gray-800 mb-3">Soru 20:</h3> <p class="text-gray-700 mb-4">HTML işaretleme dilinde köprü ve/veya link verme işlemi hangi etiketle başlayıp hangi etiketle biter?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221472" value="a" class="mr-2 answer-option" data-soru-id="2221472" data-dogru="False"> A) <br> ve </br> </label> <label class="block"> <input type="radio" name="soru_2221472" value="b" class="mr-2 answer-option" data-soru-id="2221472" data-dogru="False"> B) <link> ve </link> </label> <label class="block"> <input type="radio" name="soru_2221472" value="c" class="mr-2 answer-option" data-soru-id="2221472" data-dogru="True"> C) <a href="..." ve </a> </label> <label class="block"> <input type="radio" name="soru_2221472" value="d" class="mr-2 answer-option" data-soru-id="2221472" data-dogru="False"> D) <p> ve </p> </label> <label class="block"> <input type="radio" name="soru_2221472" value="e" class="mr-2 answer-option" data-soru-id="2221472" data-dogru="False"> E) <li> ve </li> </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221472">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221472-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221472"> Doğru Cevap: C) <a href="..." ve </a> </p> </div> </div> <div class="mt-6"> <button type="submit" class="bg-blue-600 text-white rounded px-4 py-2 hover:bg-blue-700">Sınavı Bitir ve Puan Al</button> </div> </form> </main>  <aside class="w-72 p-6 bg-white border-l border-gray-300 overflow-auto hidden lg:block flex-shrink-0"> <h3 class="font-bold mb-4 text-gray-700">Çalışırken Dinleyebileceğiniz Müzikler</h3> <p class="text-sm text-gray-600 mb-4"> Sınavahazirlan.com olarak çalışırken keyif alabileceğiniz şarkı ve playlist önerilerimizi sizinle paylaşıyoruz! </p> <div class="space-y-4"> <div class="flex items-center bg-gray-100 p-4 rounded-lg shadow-sm"> <img src="https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72cf2480e1de4c7ede1afa226cf" alt="Rahatlatıcı Elektronik Müzikler Playlisti" class="w-16 h-16 rounded-full mr-4"> <div> <p class="font-semibold text-gray-700">Rahatlatıcı Elektronik Müzikler Playlisti</p> <a href="https://open.spotify.com/playlist/3TaLke7eX37xNlaemtvEQW?si=2gox5u4-RG2POgkoPQk1Ww" target="_blank" class="text-blue-600 text-sm underline">Spotify'da Dinle</a> </div> </div> <div class="flex items-center bg-gray-100 p-4 rounded-lg shadow-sm"> <img src="https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72ccba9477216b8ec87eed975de" alt="Kafamda Bi' Sürü Şey 🎶🌌 | Üçüncü Yeniler Playlist" class="w-16 h-16 rounded-full mr-4"> <div> <p class="font-semibold text-gray-700">Kafamda Bi' Sürü Şey 🎶🌌 | Üçüncü Yeniler Playlist</p> <a href="https://open.spotify.com/playlist/23bpQsp14cT4AiUFoK9GcQ?si=dZh6V4e6Tlyda6m7h8XzTw" target="_blank" class="text-blue-600 text-sm underline">Spotify'da Dinle</a> </div> </div> <div class="flex items-center bg-gray-100 p-4 rounded-lg shadow-sm"> <img src="https://image-cdn-ak.spotifycdn.com/image/ab67706c0000da845783f0a721a7f32c7c0f9eb7" alt="Benekli Elbise" class="w-16 h-16 rounded-full mr-4"> <div> <p class="font-semibold text-gray-700">Benekli Elbise</p> <a href="https://open.spotify.com/playlist/5rR2Puxm8bXqRG3rhnCpiy?si=ce7853185b804021&nd=1&dlsi=b6cd9541e9264e3f" target="_blank" class="text-blue-600 text-sm underline">Spotify'da Dinle</a> </div> </div> <div class="flex items-center bg-gray-100 p-4 rounded-lg shadow-sm"> <img src="https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72c8a20a994331964fe3b225a9c" alt="Şimdi Sınavlara Çalışıyorum Sonra Senin İçin Çalışacağım" class="w-16 h-16 rounded-full mr-4"> <div> <p class="font-semibold text-gray-700">Şimdi Sınavlara Çalışıyorum Sonra Senin İçin Çalışacağım</p> <a href="https://open.spotify.com/playlist/61TZd9nbCSit0X54rnuJZY" target="_blank" class="text-blue-600 text-sm underline">Spotify'da Dinle</a> </div> </div> <div class="flex items-center bg-gray-100 p-4 rounded-lg shadow-sm"> <img src="https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72cf3cec54e22a6b7e0276289ba" alt="Yalnızlık Paylaşılmaz" class="w-16 h-16 rounded-full mr-4"> <div> <p class="font-semibold text-gray-700">Yalnızlık Paylaşılmaz</p> <a href="https://open.spotify.com/playlist/16IHRYHkWJ1cWC4E5hH0R8" target="_blank" class="text-blue-600 text-sm underline">Spotify'da Dinle</a> </div> </div> </div> </aside> </div>  <script> document.addEventListener('DOMContentLoaded', function() { const answerOptions = document.querySelectorAll('.answer-option'); const answerDisplayOptions = document.getElementsByName('answer_display'); // 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 correctAnswer = document.getElementById(`correct-answer-${soruId}`); if (isDogru) { feedbackCorrect.classList.remove('hidden'); feedbackWrong.classList.add('hidden'); correctAnswer.classList.add('hidden'); // Hide correct answer if correct this.parentElement.classList.add('text-green-600'); } else { feedbackWrong.classList.remove('hidden'); feedbackCorrect.classList.add('hidden'); if (correctAnswer) { correctAnswer.classList.remove('hidden'); } this.parentElement.classList.add('text-red-600'); } // Disable further changes const allOptions = document.querySelectorAll(`input[name="soru_${soruId}"]`); allOptions.forEach(opt => opt.disabled = true); } }); }); // Optional: Handle form submission differently based on answer display option const sinavForm = document.getElementById('sinavForm'); sinavForm.addEventListener('submit', function(e) { // You can add confirmation or other logic here if needed }); }); function toggleSidebar() { const sidebar = document.getElementById('sidebar'); const overlay = document.getElementById('overlay'); if (sidebar.classList.contains('hidden')) { sidebar.classList.remove('hidden'); sidebar.classList.add('fixed', 'z-50', 'top-0', 'left-0', 'h-full'); overlay.classList.remove('hidden'); } else { sidebar.classList.add('hidden'); sidebar.classList.remove('fixed', 'z-50', 'top-0', 'left-0', 'h-full'); overlay.classList.add('hidden'); } } </script>  </body> </html>