WEB TABANLI KODLAMA - Deneme Sınavı - 11

Float kelimesi yüzmek, süzülmek anlamına gelmektedir. Float özelliği ile elemanların sayfa içinde yüzmesi sağlanabilmektedir. None, left, right değerleri alabilmektedir. HTML etiketlerinin varsayılan float değeri none’dır. En basit kullanımı ile float özelliği kullanılarak sağ ya da sol tarafa yerleştirilen bir resmin etrafından metnin akması sağlanabilir. Doğru Cevap E'dir.

Float özelliği dışında resim galerisinde olduğu gibi sayfada yüzen elemanlar oluşturmanın bir başka yolu da display özelliğine inline-block değeri vermektir. Bu özellik kullanıldığında float özelliğini kullmaya gerek kalmamaktadır. Ayrıca normalde float özelliği kullanıldıktan sonra clear özelliği kullanılarak temizlik yapmak gerekmektedir. Ancak inline-block ile buna da gerek yoktur. Doğru Cevap B'dir.

Viewport, web tarayıcısının web sayfalarını gösterdiği alana verilen isimdir. Bu alan masaüstü/dizüstü bilgisayarlarda daha büyük iken cep telefonlarında doğal olarak daha küçüktür. Tablet ve akıllı cep telefonu kullanımı bu kadar yaygınlaşmadan önce web sayfaları sadece masaüstü/dizüstü bilgisayar monitörlerinde kullanılmaya yönelik olarak geliştirilmekteydi. Bu bakımdan genellikle web sayfaları için sabit genişlikli bir tasarım yapılırdı. Mobil cihazlar göz önünde bulundurulmadan geliştirilen web sayfaları aksi belirtilmez ise mobil cihazlar tarafından küçültülerek sunulmaktadır. Doğru Cevap C'dir.

HTML4 ile farklı programcılar başlık bölümü için <div id=”header”>, <div id=”ustbolum”> gibi farklı tanımlamalar yapabilirken HTML5 ile tüm programcılar <header> şeklinde bir tanımlama yapabilecektir. Doğru cevap E şıkkıdır.

Footer kelimesi ise alt bilgi anlamına gelmektedir. Doğru cevap A şıkkıdır.

Article etiketi, kendi başına anlamlı ve diğer içeriklerden bağımsız olan içeriğin gruplandırılmasında kullanılır. Doğru cevap D şıkkıdır.

Main etiketinin kullanımı ile ilgili farklı görüşler olmasına rağmen W3 Konsorsiyumuna göre; web sayfalarında sadece bir adet main etiketi kullanılmalıdır. Doğru cevap A şıkkıdır.

Eğer bir etikete display:none; CSS özelliği eklenirse, bu etiket sayfada hiç görüntülenmeyecek, hatta hiç yer dahi kaplamayacaktır. Doğru cevap B şıkkıdır.

Overflow özelliği visible, hidden, scroll ve auto olmak üzere 4 değer alabilmektedir. Doğru cevap C şıkkıdır.

Canvas etiketi kullanılarak web sayfası içinde boş bir tuval oluşturulmuş olur. Doğru cevap E şıkkıdır.

img { max-width: 100%; height: auto; } ile bir web sayfandaki resimlerin en fazla bulunduğu bloğun genişliği kadar olması sağlanır. Doğru cevap A şıkkıdır.

width=device-width ifadesi ile sayfanın genişliğinin kullanılan cihazın ekran genişliği ile aynı olacağı belirtilmiş olur. Doğru cevap A şıkkıdır.

Li etiketinin display özelliği inline olarak değiştirilerek yatay menü oluşması sağlanır. Doğru cevap C şıkkıdır.

Genellikle div ile bölümler oluşturulurken, oluşturulan bölüm, id ya da class özelliği ile işaretlenir. Böylece CSS kullanılarak bu bölümler rahatlıkla biçimlendirilebilecektir.

Bölüm oluşturmak için kullanılabilecek anlamsal etiketlerden biri olan Header etiketi; web sayfasının başlık bölümü, logo, üst menü gibi içerikleri gruplandırmak için kullanılabilir.

Aside etiketi, web sayfasında bulunan bir içerik ile ilgili olup da içerikten ayrı şekilde durması gereken bilgiler için kullanılmalıdır. Bu içerik tüm web sayfası olabileceği gibi web sayfası içerisinde bir article ya da section bölümleri de olabilir.

Anlamsal bir etiket olan section etiketi, web sayfasındaki içeriğin tematik olarak gruplandırılmasına yönelik bir etikettir.

Display özelliği sayfa yerleşimini ayarlamak için kullanılan en önemli CSS özelliklerinden biridir.

Width özelliği ile ise etiketler için sabit bir genişlik tanımlaması yapılır ve bu etiket ve içindeki bileşenler bu genişlik içinde yer alırlar.

En büyük z-index değerine sahip olan en üstte görünmektedir.