Web Tasarımı Final Deneme Sınavı -4
auzefWeb Tasarım Ve KodlamaWeb Tasarımı

Web Tasarımı Final Deneme Sınavı -4

Web Tasarımı Final Deneme Sınavı -4

 

#1. HTML’de görsellik ayarlamaları için HTML’nin tamamlayıcı unsuru olarak kullanılan yapı aşağıdakilerden hangisidir?

Cevap: C) CSS

Açıklama: CSS (Cascading Style Sheets), HTML ile birlikte kullanılarak web sayfalarının görsel stilini ayarlayan bir dilidir. CSS, sayfa düzenini, renklerini, yazı tiplerini ve diğer görsel öğeleri tanımlar.

#2. Kullanıcılar arasındaki iletişim ve her türlü veri-bilgi alışverişinin kullanıcıların bilgisayarları ile bağlanarak gerçekleştirdiği büyük ağa ne denir?

Cevap: C) İnternet

Açıklama: İnternet, küresel ölçekte bilgisayar ağlarını birbirine bağlayan ve bilgi paylaşımını sağlayan büyük bir ağdır.

#3. Aşağıdakilerden hangisi işaretleme dilleri arasında değildir?

Cevap: C) PHP

Açıklama: HTML, XML, LaTeX ve SGML işaretleme dilleri iken, PHP bir sunucu taraflı betik dilidir ve işaretleme dili olarak kullanılmaz.

#4. “Daha sistematik bir yaklaşımda tablolar oluşturulmak ve biçimlendirilmek istendiğinde bir tablo başlık, ana gövde, alt bölüm olmak üzere üç ana bölüm içerir. Bu bölümleri oluşturmak üzere kullanılan HTML etiketleri sırasıyla <thead>, <tbody> ve <tfoot> şeklindedir.” Boşluğa gelmesi gerekenler hangi şıkta doğru verilmiştir?

Cevap: E) <thead>, <tbody>, <tfoot>

Açıklama: HTML’de tablo yapısını daha düzenli hale getirmek ve tabloyu bölümlere ayırmak için <thead>, <tbody> ve <tfoot> etiketleri kullanılır. <thead> etiketi başlık satırlarını, <tbody> etiketi ana gövde satırlarını ve <tfoot> etiketi alt bölüm satırlarını tanımlar.

#5. Aşağıdaki parametrelerden hangisi tablolarda sütun birleştirme için kullanılır?

Cevap: E) “colspan”

Açıklama: HTML’de bir tablodaki hücrelerin yatay olarak birleştirilmesi için “colspan” parametresi kullanılır. Bu parametre, hücrenin belirli bir sayıda sütunu kaplamasını sağlar.

Öğrenci Dostu Öğrenme Yönetim Sistemi Lolonolo, bol bol test yapmayı önerir.

#6. “Ağda yer alan cihazlar ise kendilerini tanımlayan ——— adı verilen belirli bir sistematiğe göre üretilmiş birer numara kullanırlar.” Boşluğu en uygun cevapla doldurunuz.

Cevap: D) IP

Açıklama: IP adresleri, ağdaki cihazların kendilerini tanımlamak için kullandıkları benzersiz numaralardır.

#7. Bir tablonun genişliğinin sayfanın yüzde 75’i, yüksekliğinin ise yüzde 50’si olması istenmektedir. Bunun için aşağıdaki HTML kodlarından hangisi kullanılmalıdır?

Cevap: E) <table width= “75%” height= “50%”>

Açıklama: HTML’de bir tablonun genişliğini ve yüksekliğini yüzdelik olarak ayarlamak için “width” ve “height” parametreleri kullanılır. Bu parametreler, tablonun genişlik ve yüksekliğinin belirtilen yüzdelik oranlarda olmasını sağlar.

#8. Aşağıdakilerden hangisi web sayfasını oluşturan tüm dosyaları barındıran sunuculardır?

Cevap: C) Web sunucusu

Açıklama: Web sunucuları, web sayfalarını oluşturan tüm dosyaları barındıran sunuculardır.

#9. İki bilgisayar sistemi arasındaki dosya alışverişi gerçekleştirilmesini düzenleyen protokol hangisidir?

Cevap: B) FTP

Açıklama: FTP, iki bilgisayar sistemi arasında dosya alışverişini düzenleyen bir protokoldür.

html boşluk kodu

#10. HTML kodu ne için kullanılır?

Cevap: E) Boşluk oluşturmak için

Açıklama: HTML kodu, web sayfasında boşluk oluşturmak için kullanılır.

Öğrenci Dostu Öğrenme Yönetim Sistemi Lolonolo, bol bol test yapmayı önerir.

#11. a:hover { biçimlendirme tanımları} seçicisi ne işe yarar?

Cevap: C) bağlantı adreslerinin üzerine gelince biçimlendirmelerini değiştirir

Açıklama: “a:hover” seçicisi, fare ile bağlantıların üzerine gelindiğinde uygulanacak stil tanımlarını belirler. Bu, bağlantının üzerine gelindiğinde görünümünü değiştirmek için kullanılır.

#12. table {background-color: red;} şeklinde bir seçici tanımladğımızı varsayalım. Aşağıdakilerden hangisi doğrudur?

Cevap: B) Tüm tabloların arka plan rengini kırmızı yapar

Açıklama: Bu CSS kuralı, sayfadaki tüm tabloların arka plan rengini kırmızı yapar. Seçici, “table” etiketini hedef alır ve arka plan rengini kırmızıya ayarlar.

#13. Metnin tam üzerine bir çizginin eklemek üzere kullanılan parametre değeri hangisidir?

Cevap: D) “line-through”

Açıklama: “line-through” değeri, metnin tam üzerine bir çizgi ekler ve bu parametre “text-decoration” ile birlikte kullanılır.

Web Tasarım Ünite 5, Soru 3

#14. Yukarıda HTML kodları verilen tablo için aşağıdakilerden hangisi yanlıştır?

Cevap: C) Tablonun ikinci satırında ilk iki hücre birleştirilmiştir

Açıklama: Verilen HTML kodlarına göre, tablonun ikinci satırında ilk iki hücre birleştirilmemiştir. Bunun yerine, ikinci satırdaki ikinci ve üçüncü hücreler birleştirilmiştir. Bu nedenle, bu seçenek yanlıştır.

#15. Bir web sayfası ile ilgili yazar, anahtar kelimeler, karakter seti gibi bilgilerin belirtilmesi için kullanılan etiket aşağıdakilerden hangisidir?

Cevap: B) <meta>

Açıklama: <meta> etiketi, web sayfası hakkında meta verileri tanımlamak için kullanılır.

Öğrenci Dostu Öğrenme Yönetim Sistemi Lolonolo, bol bol test yapmayı önerir.

#16. Aşağıdakilerden hangisi HTML versiyonlarından biri değildir?

Cevap: D) HTML 3.5

Açıklama: HTML 3.5 diye bir sürüm yoktur. HTML sürümleri arasında HTML 3.2, HTML 4.01 ve HTML 5.0 bulunmaktadır.

#17. Aşağıdakilerden hangisi bir web sayfasının arka planını belirlememizi sağlayan parametredir?

Cevap: A) bgcolor

Açıklama: bgcolor parametresi, web sayfasının arka plan rengini belirlemek için kullanılır.

#18. Bir web sayfasına tablo eklemek üzere kullandığımız etiket hangisidir?

Cevap: B) <table>

Açıklama: HTML’de tablo oluşturmak için kullanılan ana etiket <table> etiketidir. Bu etiket, tablonun yapısını belirler ve tablo satırları, hücreleri gibi öğeler bu etiket içinde tanımlanır.

#19. Seçici yapısı içerisinde aşağıdakilerden hangisi yer almaz?

Cevap: E) stil yapısı

Açıklama: CSS seçici yapısında seçici adı, biçimlendirme tanımı, parametre ve değer bulunur. “Stil yapısı” kavramı ise seçici yapısının bir parçası değildir.

#20. Aşağıdakilerden hangisi veritabanı sunucularındandır? I. SQL Server, II. MySQL, III. Oracle

Cevap: E) I, II ve III

Açıklama: SQL Server, MySQL ve Oracle, yaygın olarak kullanılan veritabanı sunucularıdır.

Öğrenci Dostu Öğrenme Yönetim Sistemi Lolonolo, bol bol test yapmayı önerir.

Öncesi
TESTi BiTiR, PUANINI GÖR

SONUÇ

İstanbul Üniversitesi Açık ve Uzaktan Eğitim Fakültesi (Auzef)
Açık Öğretim Fakültesi
Bölüm : Web Tasarımı ve Kodlama
1. Sınıf  Web Tasarımı Bahar Dönemi
Web Tasarımı Final Deneme Sınavı -3

İstanbul Üniversitesi Açık ve Uzaktan Eğitim Fakültesi (Auzef)
Açık Öğretim Fakültesi
Bölüm : Web Tasarımı ve Kodlama
1. Sınıf  Web Tasarımı Bahar Dönemi
Web Tasarımı Final Deneme Sınavı -3

HD Quiz powered by harmonic design

Web Tasarımı Final Deneme Sınavı -4

İstanbul Üniversitesi Açık ve Uzaktan Eğitim Fakültesi (Auzef)
Açık Öğretim Fakültesi
Bölüm : Web Tasarımı ve Kodlama
1. Sınıf  Web Tasarımı Bahar Dönemi
Web Tasarımı Final Deneme Sınavı -4

Web Tasarımı Final Deneme Sınavı -4

Web Tasarımı – Ünite 4: Html Metin ve Görsel Düzenleme Etiketleri

Giriş

HTML (HyperText Markup Language), web sayfalarının temel yapı taşlarını oluşturan bir işaretleme dilidir. Bu dil, metinleri, görselleri ve diğer içerik öğelerini tanımlamak için çeşitli etiketler kullanır. Bu makalede, HTML’nin metin ve görsel düzenleme etiketlerine odaklanarak, bu etiketlerin nasıl kullanıldığı ve web tasarımındaki önemleri üzerinde durulacaktır.

HTML’de Metin Düzenleme Etiketleri

HTML, metinlerin biçimlendirilmesi ve düzenlenmesi için çeşitli etiketler sunar. Başlık etiketleri (<h1> – <h6>), paragraf etiketi (<p>), vurgulama etiketleri (<b>, <i>, <u>) ve liste etiketleri (<ul>, <ol>, <li>) bu etiketler arasında yer alır. Başlık etiketleri, metinleri hiyerarşik bir düzende sunar ve SEO (Arama Motoru Optimizasyonu) açısından önemlidir.

Başlık Etiketleri

HTML’de başlık etiketleri (<h1> – <h6>), metin içeriğinin başlıklarını tanımlamak için kullanılır. <h1> en önemli başlığı, <h6> ise en az önemli başlığı temsil eder. Bu etiketler, sayfa yapısının düzenli ve anlaşılır olmasını sağlar.

Paragraf ve Vurgulama Etiketleri

Paragraf etiketi (<p>), metin bloklarını düzenlemek için kullanılır. Vurgulama etiketleri ise metni kalın (<b>), italik (<i>) veya altı çizili (<u>) yaparak belirli bölümleri öne çıkarır. Bu etiketler, metnin daha okunabilir ve dikkat çekici olmasına yardımcı olur.

Liste Etiketleri

HTML’de liste oluşturmak için iki ana etiket kullanılır: sıralı liste (<ol>) ve sırasız liste (<ul>). Her iki liste tipi de liste öğelerini (<li>) kullanarak oluşturulur. Sıralı listeler numaralandırılmış öğeler içerirken, sırasız listeler madde işaretleri kullanır.

HTML’de Görsel Düzenleme Etiketleri

Görseller, web sayfalarının görsel çekiciliğini artıran önemli unsurlardır. HTML’de görselleri eklemek ve düzenlemek için <img> etiketi kullanılır. Bu etiket, src (kaynak), alt (alternatif metin) ve align (hizalama) gibi çeşitli parametrelerle birlikte kullanılarak görsellerin sayfa içindeki konumu ve özellikleri belirlenir.

Görsel Ekleme ve Düzenleme

<img> etiketi, bir web sayfasına görsel eklemek için kullanılır. Bu etiketin src parametresi, görselin dosya yolunu belirtir. Alt parametresi, görselin yüklenememesi durumunda görüntülenecek alternatif metni tanımlar. Align parametresi ise görselin metin ile hizalanmasını sağlar.

Bağlantılar ve Görseller

HTML’de görseller, bağlantılarla birlikte kullanılarak etkileşimli hale getirilebilir. <a> etiketi ile birlikte kullanılan <img> etiketi, tıklandığında başka bir sayfaya yönlendiren görseller oluşturur. Bu, kullanıcı deneyimini zenginleştirir ve navigasyonu kolaylaştırır.

Alt ve Üst İndis Etiketleri

Alt indis (<sub>) ve üst indis (<sup>) etiketleri, metinlerin alt veya üst kısmına küçük metinler eklemek için kullanılır. Bu etiketler, özellikle kimya ve matematik gibi alanlarda formüllerin doğru bir şekilde gösterilmesi için önemlidir.

Sonuç

HTML’nin metin ve görsel düzenleme etiketleri, web sayfalarının estetik ve işlevsel açıdan zenginleştirilmesini sağlar. Başlıklar, paragraflar, listeler ve görseller gibi temel öğeler, kullanıcı deneyimini artırır ve içeriğin anlaşılabilirliğini sağlar. Bu etiketlerin doğru ve etkili kullanımı, profesyonel ve kullanıcı dostu web sayfaları oluşturmanın anahtarıdır.

Web Tasarımı Final Deneme Sınavı -4

Web Tasarımı – Ünite 4: Html Metin ve Görsel Düzenleme Etiketleri

1- Bir web sayfası web tarayıcıda görüntülendiğinde içerikte yer alan metin ve görsellerin biçimlendirilmesi ve düzenlenmesini sağlayan etiketler HTML ile yazılan kodlar içerisinde hangi ana etiket yapısı altında tanımlanır?

A) <head>
B) <body>
C) <title>
D) <h>
E) <meta>

Cevap: B) <body>

Açıklama: HTML’de metin ve görsellerin biçimlendirilmesi ve düzenlenmesi, <body> etiketi içinde yapılır. Bu etiket, sayfanın görünür içeriğini tanımlar.

2- <h1> etiketi ile metin içi başlık kaç punto ile yazılmış olur?

A) 8
B) 10
C) 16
D) 24
E) 36

Cevap: D) 24

Açıklama: <h1> etiketi, genellikle büyük başlıklar için kullanılır ve varsayılan olarak 24 punto ile görüntülenir.

3- Sıralı liste yapısı oluşturmak için aşağıdaki etiketlerden hangisi öncelikle kullanılmalıdır?

A) <ul>
B) <ol>
C) <li>
D) <list>
E) <al>

Cevap: B) <ol>

Açıklama: Sıralı liste oluşturmak için HTML’de <ol> (ordered list) etiketi kullanılır. Bu etiket, numaralı listeler oluşturur.

4- <a href=”www.google.com”>Buraya Tıklayınız</a> HTML ile yazılmış kod bloğu ne işe yarar?

A) Ekrana Google arama motorunun adını yazar
B) Kodun yazıldığı web sayfası tarayıcıda görüntülendiğinde ekrana arama çubuğu getirir.
C) http://www.google.com linkine bağlantı oluşturulur.
D) http://www.google.com arama motorunda “Buraya Tıklayınız” kelime grubunu arar.
E) Hazırlanan web sayfasının Google arama motorunda görüntülenmesini sağlar.

Cevap: C) http://www.google.com linkine bağlantı oluşturulur.

Açıklama: Bu HTML kodu, tıklandığında kullanıcıyı http://www.google.com adresine yönlendiren bir bağlantı (link) oluşturur.

5-Wb Tasarımı ünite 4 Soru 5

Yukarıda yer alan klasör yapısına göre aşağıdakilerden hangisi “baglanti.html” dosyasında yazılan ve bu dosyadan iuKapi.jpg görsel dosyasına bağlantı oluşturulmasını sağlayan etiket kullanımıdır?

A) <a href=”altSayfalar/iuKapi.jpg”> tıklayınız</a>
B) <a href=”sayfalar/iuKapi.jpg”> tıklayınız</a>
C) <a href=”WebSayfasi/iuKapi.jpg”> tıklayınız</a>
D) <a href=”../sayfalar/iuKapi.jpg”> tıklayınız</a>
E) <a href=”iuKapi.jpg”> tıklayınız</a>

Cevap: E) <a href=”iuKapi.jpg”> tıklayınız</a>

Açıklama: Verilen klasör yapısına göre, “baglanti.html” dosyası ve “iuKapi.jpg” dosyası aynı dizinde bulunmaktadır. Bu durumda, bağlantı oluşturmak için sadece dosya adı kullanılır. Bu nedenle doğru cevap E) <a href=”iuKapi.jpg”> tıklayınız</a> olacaktır.

6- Bağlantı etiketi içerisinde kullanılan “target” etiketinin aşağıdaki hangi parametre değeri, kullanıcı ekranda ilgili bağlantıya tıkladığında bağlantı sağlanacak sayfayı ayrı sekmede açılmasını sağlar?

A) “_parent”
B) “_new”
C) “_top”
D) “_blank”
E) “_self”

Cevap: D) “_blank”

Açıklama: “_blank” parametresi, bağlantının yeni bir sekmede açılmasını sağlar.

7- Bir dosya transferi için ilgili bağlantıya yönlendirme yapılmak isteniyorsa bu sefer parametre değerinin başına “_________” eklenip devamında dosya transfer bağlantısı belirtilmelidir. Boşluğa hangisi gelmelidir?

A) ftp:
B) title:
C) big:
D) htp:
E) tag:

Cevap: A) ftp:

Açıklama: FTP protokolü ile dosya transferi yapmak için bağlantı adresinin başına “ftp:” eklenmelidir.

8- Alt indis gösterimi için hangi etiket kullanılmalıdır?

A) <h>
B) <br/>
C) <sub>
D) <sup>
E) <font>

Cevap: C) <sub>

Açıklama: <sub> etiketi, metni alt indis (subscript) olarak görüntüler.

9- Bir görselin sayfa içerisindeki konumunu belirlemek için <img> etiketi içerisinde kullanılan parametre hangisidir?

A) “href”
B) “size”
C) “target”
D) “align”
E) “font”

Cevap: D) “align”

Açıklama: <img> etiketi içindeki “align” parametresi, görselin sayfa içerisindeki hizalamasını belirler.

10- Aşağıdakilerden hangisi yazı tipini belirlemek için <font> etiketi içerisinde kullanılan parametredir?

A) “size”
B) “face”
C) “align”
D) “text”
E) “color”

Cevap: B) “face”

Açıklama: “face” parametresi, <font> etiketi içinde yazı tipini (font) belirlemek için kullanılır.
Web Tasarım ve Kodlama
Web Tasarımı Web Tasarımı ve Kodlama

Html Metin ve Görsel Düzenleme Etiketleri

Auzef Web Tasarımı ve Kodlama 1. Sınıf Bahar Dönemi Ünite Soruları ve Deneme Sınavları, 2024 Sınav Soruları

Editor

Editör

error: Kopyalamaya Karşı Korumalıdır!