📄 AÖF Web Tasarımı ve Kodlama: HTML5 ve CSS Temelleri Çalışma Kağıdı
📌 1. Doğru / Yanlış
1. HTML, bir programlama dili değil, bir işaretleme dilidir.
2. CSS, bir web sayfasının yapısını tanımlamak için kullanılır.
3. HTML5'te \(<header>\) ve \(<footer>\) gibi anlamsal etiketler tanıtılmıştır.
4. Bir HTML belgesinde sadece bir adet \(<h1>\) etiketi kullanılabilir.
5. Harici CSS dosyaları genellikle \(<link>\) etiketi ile HTML belgesine dahil edilir.
✏️ 2. Boşluk Doldurma
🔗 3. Kavram Eşleştirme
✍️ 4. Kısa Cevaplı Sorular
1. HTML nedir ve temel amacı nedir?
2. CSS kullanmanın başlıca faydaları nelerdir?
🎯 5. Çoktan Seçmeli Sorular
1. Aşağıdakilerden hangisi bir HTML5 etiketi değildir?
2. Bir web sayfasındaki tüm paragrafların metin rengini kırmızı yapmak için aşağıdaki CSS kodlarından hangisi doğru kullanılmıştır?
3. Aşağıdaki HTML kod parçacığı incelendiğinde, tarayıcıda kaç farklı "Merhaba Dünya" metni gösterilecektir? html <!DOCTYPE html> <html> <head> <title>Test</title> </head> <body> <h1>Merhaba Dünya</h1> <p>Merhaba Dünya</p> <span>Merhaba Dünya</span> <!-- Bu bir yorumdur --> </body> </html>
📝 6. Açık Uçlu Klasik Sorular
1. HTML'de bir resim eklemek için kullanılan etiketi ve bu etiketin en az iki önemli özelliğini (attribute) açıklayınız.
2. CSS'te ID ve Class seçicileri arasındaki farkları örneklerle açıklayınız.
3. Bir web sayfasında liste oluşturmak için kullanılan iki temel HTML etiketi nedir? Her birini kısaca açıklayınız ve birer örnek veriniz.
|
Ad Soyad: .................................. Sınıf / No: ....... / ......... Tarih: .... / .... / 202...
HTML5 ve CSS Temelleri Çalışma Kağıdı
|
PUAN
|
A. Doğru (D) / Yanlış (Y) Bölümü
| ( .... ) | HTML, bir programlama dili değil, bir işaretleme dilidir. |
| ( .... ) | CSS, bir web sayfasının yapısını tanımlamak için kullanılır. |
| ( .... ) | HTML5'te \(<header>\) ve \(<footer>\) gibi anlamsal etiketler tanıtılmıştır. |
| ( .... ) | Bir HTML belgesinde sadece bir adet \(<h1>\) etiketi kullanılabilir. |
| ( .... ) | Harici CSS dosyaları genellikle \(<link>\) etiketi ile HTML belgesine dahil edilir. |
B. Boşluk Doldurma Bölümü
| 1) | Web sayfalarının iskeletini oluşturmak için kullanılan işaretleme dili .................... olarak adlandırılır. |
| 2) | Bir HTML belgesinde başlık bilgilerini içeren bölüm .................... etiketleri arasına yazılır. |
| 3) | CSS'te bir öğenin arka plan rengini değiştirmek için .................... özelliği kullanılır. |
| 4) | HTML5 ile gelen ve web sayfalarına video eklemeyi sağlayan etiket .................... etiketidir. |
| 5) | Bir CSS kuralında seçici (selector) ve bildirim bloğu (declaration block) bulunur; bildirim bloğu .................... içine alınır. |
🔗 3. Kavram Eşleştirme
D. Kısa Cevaplı Sorular
| 1) | HTML nedir ve temel amacı nedir? |
| 2) | CSS kullanmanın başlıca faydaları nelerdir? |
E. Çoktan Seçmeli Sorular
| 1) |
Aşağıdakilerden hangisi bir HTML5 etiketi değildir?
A) \(<section>\)
B) \(<article>\)
C) \(<frame>\)
D) \(<aside>\)
|
| 2) |
Bir web sayfasındaki tüm paragrafların metin rengini kırmızı yapmak için aşağıdaki CSS kodlarından hangisi doğru kullanılmıştır?
A) \(p \{ color: red; \}\)
B) \(paragraph \{ text-color: red; \}\)
C) \(.p \{ font-color: red; \}\)
D) \(p.color = "red";\)
|
| 3) |
Aşağıdaki HTML kod parçacığı incelendiğinde, tarayıcıda kaç farklı "Merhaba Dünya" metni gösterilecektir?
html
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<h1>Merhaba Dünya</h1>
<p>Merhaba Dünya</p>
<span>Merhaba Dünya</span>
<!-- Bu bir yorumdur -->
</body>
</html>
A) 1
B) 2
C) 3
D) 4
|
F. Açık Uçlu Klasik Sorular
| 1) | HTML'de bir resim eklemek için kullanılan etiketi ve bu etiketin en az iki önemli özelliğini (attribute) açıklayınız. |
| 2) | CSS'te ID ve Class seçicileri arasındaki farkları örneklerle açıklayınız. |
| 3) | Bir web sayfasında liste oluşturmak için kullanılan iki temel HTML etiketi nedir? Her birini kısaca açıklayınız ve birer örnek veriniz. |
Cevap Anahtarı ve Detaylı Çözümler İçin QR Kodu Okutun
https://www.cepokul.com/sinav/aof-web-tasarim-temelleri/etkinlikler