✅ AÖF Web Tasarımı ve Kodlama: HTML5 ve CSS Temelleri Online Test
✅ AÖF Web Tasarımı ve Kodlama: HTML5 ve CSS Temelleri Testi
Web sayfalarının yapısını ve içeriğini tanımlamak için kullanılan standart işaretleme dili aşağıdakilerden hangisidir?
A) CSSB) JavaScript
C) Python
D) HTML
E) PHP
Bir HTML belgesinin tarayıcıya HTML5 standardında olduğunu bildiren belge tipi bildirimi (DOCTYPE declaration) aşağıdakilerden hangisidir?
A)B)
C)
D)
E)
Harici bir CSS dosyasını (örneğin style.css) bir HTML belgesine bağlamak için
bölümünde kullanılan etiket aşağıdakilerden hangisidir?A)B)
C)
D)
E)
Bir HTML öğesinin metin rengini değiştirmek için kullanılan CSS özelliği aşağıdakilerden hangisidir?
A) background-colorB) font-color
C) text-color
D) color
E) text-decoration
HTML'de bir resim eklemek için kullanılan ve kapatma etiketi gerektirmeyen (kendiliğinden kapanan) etiket aşağıdakilerden hangisidir?
A)B)
C)
D)
E)
Bir web sayfasında gezinme menüsü (navigation menu) oluşturmak için HTML5 ile tanıtılan anlamsal (semantic) etiket aşağıdakilerden hangisidir?
A)B)
C)
D)
E)
CSS'te bir HTML öğesine özel bir kimlik (ID) atayarak stil vermek için kullanılan seçici türü ve kullanım şekli aşağıdakilerden hangisinde doğru verilmiştir?
A) . (nokta) ile sınıf seçiciB) # (diyez) ile kimlik seçici
C) * (yıldız) ile evrensel seçici
D) : (iki nokta üst üste) ile sözde sınıf
E) [] (köşeli parantez) ile öznitelik seçici
CSS Kutu Modeli (Box Model) bileşenleri sırasıyla, bir öğenin içeriğinden dışarıya doğru hangi sıralamayla yer alır?
A) İçerik, Kenar Boşluğu (Margin), Dolgu (Padding), Kenarlık (Border)B) İçerik, Dolgu (Padding), Kenar Boşluğu (Margin), Kenarlık (Border)
C) İçerik, Dolgu (Padding), Kenarlık (Border), Kenar Boşluğu (Margin)
D) İçerik, Kenarlık (Border), Dolgu (Padding), Kenar Boşluğu (Margin)
E) Kenar Boşluğu (Margin), Kenarlık (Border), Dolgu (Padding), İçerik
HTML'de
ve
B) inline-block - Diğer öğelerle aynı satırda yer alır ancak genişlik ve yükseklik ayarlanabilir.
C) block - Kendi başına bir satır kaplar ve varsayılan olarak tüm kullanılabilir genişliği doldurur.
D) flex - Esnek kutu düzeni oluşturur.
E) grid - Izgara tabanlı düzen oluşturur.
Bir web formunda kullanıcının tek satırlık metin girişi yapmasını sağlamak için kullanılan HTML etiketi ve doğru type özniteliği aşağıdakilerden hangisidir?
A)B)
C)
D)
E)
Aşağıdaki CSS seçicilerden hangisi, belirtilen bir HTML öğesine uygulandığında en yüksek özgüllüğe (specificity) sahip olur ve diğer çakışan stilleri geçersiz kılma olasılığı en yüksektir?
A) p { color: blue; } (Element seçici)B) .kutu { color: green; } (Sınıf seçici)
C) #baslik { color: red; } (ID seçici)
D) \div p { color: yellow; } (Torun seçici)
E)
Bu bir paragraftır.
(Satır içi stil)Mobil cihazlara uyumlu web siteleri geliştirmek için kullanılan ve ekran genişliği, cihaz yönü gibi özelliklere göre farklı CSS kuralları uygulamayı sağlayan CSS3 özelliği aşağıdakilerden hangisidir?
A) flexboxB) grid
C) media queries
D) float
E) position
Bir HTML bağlantısına ( etiketi) fare ile üzerine gelindiğinde (hover) farklı bir stil uygulamak için kullanılan CSS sözde sınıfı (pseudo-class) aşağıdakilerden hangisidir?
A) :activeB) :focus
C) :visited
D) :link
E) :hover
Cevap Anahtarı ve Detaylı Çözümler İçin QR Kodu Okutun
https://www.cepokul.com/sinav/aof-web-tasarim-temelleri/testler