WEB TABANLI KODLAMA

Div etiketi HTML dilinde sıklıkla bölümler oluşturmak için kullanılan, varsayılan
display özelliği block olan kapsayıcı bir etikettir. Div etiketinin kullanım amacı
sayfa içinde bölümler oluşturmaktır. Sayfa tasarımına göre iç içe bölümler de
oluşturulabilir. Doğru Cevap B'dir.

Div etiketi dışında bölüm oluşturmak amacıyla kullanılabilecek HTML5 sürümü ile birlikte gelen yeni etiketler de vardır. Bu etiketlerden bazıları header, footer, section, aticle, nav, aside, main gibi etiketleridir. HTML5 sürümü ile, yazılan kodların daha anlamsal (semantik) olması amaçlanmıştır. Aslında işlevsellik olarak bu etiketlerin div etiketinden farkı yoktur. Div ve span gibi etiketler anlamsal etiketler değildir. Doğru Cevap A'dır.

Header etiketine benzer şekilde footer etiketi de sayfa sonunda bulunan içeriği gruplamak için kullanılmaktadır. Genellikle her sayfanın sonundaki içeriği gruplamak için bir footer etiketi kullanılır. Ancak web sayfasının tasarımına göre footer etiketinin kullanıldığı yerler değişiklik gösterebilir. Web sayfasının farklı bölümlerindeki içerikler için özel sayfa sonu alanları oluşturmak istenebilir. Bu durumda her bölümün sonuna bir footer etiketi konulabilir. Footer etiketi çoğunlukla sayfa sonunda ya da bölümde sonunda kullanılır. Ancak bazı durumlarda sayfa başında ya da bölüm başında da kullanılması mümkün olabilir.

Doğru Cevap D'dir.

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. Örneğin aside etiketi, bir makalenin yayınlandığı article etiketi ile birlikte kullanılabilir ve makalenin yazarı ile ilgili kısa özgeçmiş bilgisi barındırabilir. Aside etiketinin bir başka kullanımı ise web sayfasının bir bölümü ile ilgili bağlantıları barındırmasıdır. Doğru Cevap E'dir.

Display özelliği sayfa yerleşimini ayarlamak için kullanılan en önemli CSS özelliklerinden biridir. HTML dilinde tüm etiketler için varsayılan olarak tanımlanmış display isminde bir CSS özelliği bulunmaktadır. Varsayılan olarak atanan bu değer, genellikle inline veya block olmaktadır. Örneğin; Div, section, article, nav, p gibi etiketleri için varsayılan display özelliği block iken, span, i, img, a gibi etiketleri için ise varsayılan display özelliği inline olarak tanımlanmıştır. Display özelliği block olarak tanımlanan elemanlar yeni satırda başlarken, display özelliği inline olan elemanlar satır içinde yer almaktadırlar. Doğru Cevap C'dir.

Margin özelliği bildiğiniz üzere HTML elemanlarının diğer elemanlarla arasındaki mesafeyi ayarlamak için kullanılmaktadır. Ancak margin özelliğinin bir başka kullanımı ise blok düzeyindeki etiketlerin yatay olarak ortalanmasını sağlamaktır. Bunun için etiketin margin-left ve margin-right özelliklerine ya da sadece margin özelliğine auto değerinin verilmesi gerekmektedir. Doğru Cevap A'dır.

Fixed kelimesi sabitlenmiş anlamına gelmektedir. Position özelliği fixed olan bir elmanın koordinatları tarayıcı penceresi referans alınarak belirlenir ve bu eleman tarayıcı penceresine sabitlenir. Bir başka deyişe kaydırma çubukları ile sayfa içinde hareket edildiğinde bu elemanların tarayıcı penceresine göre yerleri değişmez. Bu elaman için left, right, top veya bottom özelliklerine değer atanmalıdır. Doğru Cevap C'dir.

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.