Web Tabanlı Kodlama Çıkmış Sorular, Online Deneme Sınavları, Çalışma, Dersler, Sınava Hazırlanma, vize, final

Soru 1:

Oluşturulan html tablosunun başlık alanının arka plan rengi siyah ve yazı rengi beyaz olması isteniyor bunun için aşağıdaki style koalarından hangisi html saysasına eklenmelidir?

A) table th {border-color: black;color:white;} B) table tr {background-color: black;color:white;} C) table tr {background-color: white;color:black;} D) table th {background-color: black;color:white;} E) table th {background-color: white;color:black;}

Soru 2:

Resme çerçeve eklemek istendiğinde kullanılması gereken parametresi aşağıdakilerden hangisidir?

A) border B) align C) left D) src E) height

Soru 3:

Resim üzerinde işaretlenecek alan veya alanların şekillerinin belirlenmesi için kullanılan parametre aşağıdakilerden hangisidir?

A) map B) shape C) border D) assign E) loop

Soru 4:

Aşağıdakilerden hangisi doğru bir IP adresi biçimidir?

A) 19.2.168.1 B) 192.168.1 C) 168.1 D) 19.2.168.1.0 E) 0.192.168.1.0

Soru 5:

Hex kodu #000000 olarak verilen renk aşağıdakilerden hangisidir?

A) Siyah B) Kırmızı C) Beyaz D) Mavi E) Sarı

Soru 6:

Aşağıdaki özelliklerden hangisi hücre içerisindeki verilerin yerleşimini sağlar?

A) base B) meter C) column-rule D) grid-row E) padding

Soru 7:

Tablolara farklı kimlik numarası atayarak farklı özellikler eklenmeyi mümkün kılan özellik nasıl kullanılır?

A) Table code: B) table no: C) table name D) table id= E) table tag=

Soru 8:

Aşağıdakilerden hangisi, web tarayıcıları aracılığıyla görüntülenen hipermetin dosyalarıdır?

A) Web sayfası B) Internet C) DNS D) E-posta E) Sunucu

Soru 9:

Tabloya başlık tanımlanması sağlayan özellik hangisidir?

A) charset B) transition C) caption D) quotes E) label

Soru 10:

HTML'de bir metnin altının çizili olması işlevi aşağıdaki özelliklerden hangisi ile sağlanır?

A) text-align B) text-transform C) text-indent D) text-decoration E) font-family

Soru 11:

Tablo kenarlığı ile hücre arasındaki boşluk 10 pixel olarak tanımlamak için hangi style özelliği kullanılmalıdır?

A) height:30px; B) text-align:left; C) padding-left:5px; D) border: 1px solid black; E) border-spacing:10px;

Soru 12:

Web sayfasına ait metaverilerin tanımlandığı bölüm aşağıdakilerden hangisidir?

A) B) C) D) E)

Soru 13:

Aşağıdakilerden hangisi stil kullanımı yöntemlerinden bir değildir?

A) Etiket içerisinde stil dosyası kullanımı B) Gömülü stil dosyası kullanımı C) Dışarıdan stil dosyası kullanımı D) etiketleri arasında stil dosyası kullanımı </label> <label class="block"> <input type="radio" name="soru_2221663" value="e" class="mr-2 answer-option" data-soru-id="2221663" data-dogru="False"> E) Hiçbiri </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221663">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221663-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221663"> Doğru Cevap: D) <title> etiketleri arasında stil dosyası kullanımı </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">Satır Sütun Hücre Veri Yukarıdakilerden hangileri bir tablonun temel bileşenlerindendir?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221664" value="a" class="mr-2 answer-option" data-soru-id="2221664" data-dogru="False"> A) I ve II </label> <label class="block"> <input type="radio" name="soru_2221664" value="b" class="mr-2 answer-option" data-soru-id="2221664" data-dogru="False"> B) III ve IV </label> <label class="block"> <input type="radio" name="soru_2221664" value="c" class="mr-2 answer-option" data-soru-id="2221664" data-dogru="False"> C) I II ve III </label> <label class="block"> <input type="radio" name="soru_2221664" value="d" class="mr-2 answer-option" data-soru-id="2221664" data-dogru="False"> D) I II ve IV </label> <label class="block"> <input type="radio" name="soru_2221664" value="e" class="mr-2 answer-option" data-soru-id="2221664" data-dogru="True"> E) I II III ve IV </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221664">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221664-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221664"> Doğru Cevap: E) I II III 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 15:</h3> <p class="text-gray-700 mb-4">Aşağıdakilerden hangisi günümüzde sık kullanılan internet tarayıcıları arasında yer almaz ?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221665" value="a" class="mr-2 answer-option" data-soru-id="2221665" data-dogru="False"> A) Safari </label> <label class="block"> <input type="radio" name="soru_2221665" value="b" class="mr-2 answer-option" data-soru-id="2221665" data-dogru="False"> B) Internet Explorer </label> <label class="block"> <input type="radio" name="soru_2221665" value="c" class="mr-2 answer-option" data-soru-id="2221665" data-dogru="False"> C) Firefox </label> <label class="block"> <input type="radio" name="soru_2221665" value="d" class="mr-2 answer-option" data-soru-id="2221665" data-dogru="False"> D) Chrome </label> <label class="block"> <input type="radio" name="soru_2221665" value="e" class="mr-2 answer-option" data-soru-id="2221665" data-dogru="True"> E) Netscape Navigator </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221665">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221665-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221665"> Doğru Cevap: E) Netscape Navigator </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">Aşağıdakilerden hangisinde table tag'i, HTML diline uygun biçimde yazılmıştır?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221666" value="a" class="mr-2 answer-option" data-soru-id="2221666" data-dogru="False"> A) [table] </label> <label class="block"> <input type="radio" name="soru_2221666" value="b" class="mr-2 answer-option" data-soru-id="2221666" data-dogru="False"> B) (table) </label> <label class="block"> <input type="radio" name="soru_2221666" value="c" class="mr-2 answer-option" data-soru-id="2221666" data-dogru="False"> C) {table} </label> <label class="block"> <input type="radio" name="soru_2221666" value="d" class="mr-2 answer-option" data-soru-id="2221666" data-dogru="False"> D) /table\ </label> <label class="block"> <input type="radio" name="soru_2221666" value="e" class="mr-2 answer-option" data-soru-id="2221666" data-dogru="True"> E) <table> </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221666">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221666-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221666"> Doğru Cevap: E) <table> </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">I -Web sunucuları; web içerisinde bulunan bir web sayfasına ait tüm verileri içerisinde barındırmaktadır. II -Web sunucuları güçlü donanımsal özelliklere sahiptir. III - Web sunucuları kesintisiz olarak web ağına bağlı bulunan bilgisayarlardır. Web sunucularına ilişkin olarak verilen bilgiler aşağıdaki seçeneklerden hangisinde doğru ve eksiksiz olarak yer almaktadır?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221667" value="a" class="mr-2 answer-option" data-soru-id="2221667" data-dogru="False"> A) Yalnız I </label> <label class="block"> <input type="radio" name="soru_2221667" value="b" class="mr-2 answer-option" data-soru-id="2221667" data-dogru="False"> B) Yalnız III </label> <label class="block"> <input type="radio" name="soru_2221667" value="c" class="mr-2 answer-option" data-soru-id="2221667" data-dogru="False"> C) I ve II </label> <label class="block"> <input type="radio" name="soru_2221667" value="d" class="mr-2 answer-option" data-soru-id="2221667" data-dogru="False"> D) II ve III </label> <label class="block"> <input type="radio" name="soru_2221667" value="e" class="mr-2 answer-option" data-soru-id="2221667" data-dogru="True"> E) I, II ve III </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221667">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221667-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221667"> Doğru Cevap: E) I, II ve III </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">Aşağıdakilerden hangisi bir tablo özelliği eklemek istediğimizde kullanılan etikete örnek verilebilir?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221668" value="a" class="mr-2 answer-option" data-soru-id="2221668" data-dogru="True"> A) table#t08 </label> <label class="block"> <input type="radio" name="soru_2221668" value="b" class="mr-2 answer-option" data-soru-id="2221668" data-dogru="False"> B) attribute </label> <label class="block"> <input type="radio" name="soru_2221668" value="c" class="mr-2 answer-option" data-soru-id="2221668" data-dogru="False"> C) collapse </label> <label class="block"> <input type="radio" name="soru_2221668" value="d" class="mr-2 answer-option" data-soru-id="2221668" data-dogru="False"> D) border </label> <label class="block"> <input type="radio" name="soru_2221668" value="e" class="mr-2 answer-option" data-soru-id="2221668" data-dogru="False"> E) dashed </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221668">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221668-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221668"> Doğru Cevap: A) table#t08 </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">Animasyonun oynatılması için gerekli olan player programı tarayıcı tarafından kurulu değilse, kullanıcıyı uyararak kurması için gerekli olan siteye yönlendiren parametre hangisidir?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221669" value="a" class="mr-2 answer-option" data-soru-id="2221669" data-dogru="True"> A) Pluginspage </label> <label class="block"> <input type="radio" name="soru_2221669" value="b" class="mr-2 answer-option" data-soru-id="2221669" data-dogru="False"> B) Align </label> <label class="block"> <input type="radio" name="soru_2221669" value="c" class="mr-2 answer-option" data-soru-id="2221669" data-dogru="False"> C) Qality </label> <label class="block"> <input type="radio" name="soru_2221669" value="d" class="mr-2 answer-option" data-soru-id="2221669" data-dogru="False"> D) Embed </label> <label class="block"> <input type="radio" name="soru_2221669" value="e" class="mr-2 answer-option" data-soru-id="2221669" data-dogru="False"> E) İframe </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221669">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221669-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221669"> Doğru Cevap: A) Pluginspage </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">Resimlerin görüntülenmesi için kullanılan <img> etiketinde resmin genişliğini hangi parametre ifade eder?</p> <div class="space-y-2"> <label class="block"> <input type="radio" name="soru_2221670" value="a" class="mr-2 answer-option" data-soru-id="2221670" data-dogru="True"> A) width </label> <label class="block"> <input type="radio" name="soru_2221670" value="b" class="mr-2 answer-option" data-soru-id="2221670" data-dogru="False"> B) align </label> <label class="block"> <input type="radio" name="soru_2221670" value="c" class="mr-2 answer-option" data-soru-id="2221670" data-dogru="False"> C) span </label> <label class="block"> <input type="radio" name="soru_2221670" value="d" class="mr-2 answer-option" data-soru-id="2221670" data-dogru="False"> D) src </label> <label class="block"> <input type="radio" name="soru_2221670" value="e" class="mr-2 answer-option" data-soru-id="2221670" data-dogru="False"> E) height </label> </div> <p class="mt-2 text-sm text-green-600 hidden" id="feedback-2221670">Doğru Cevap!</p> <p class="mt-2 text-sm text-red-600 hidden" id="feedback-2221670-wrong">Yanlış Cevap!</p> <p class="mt-2 text-sm text-blue-600 hidden" id="correct-answer-2221670"> Doğru Cevap: A) width </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>

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