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 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, article, nav, aside, main gibi etiketleridir. Display özelliği, sayfa yerleşimini ayarlamak için kullanılan en önemli CSS özelliklerinden biriridir. Doğru cevap D'dir.

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. Örneğin; gazete web sayfasındaki bir yazı, bir blog sayfasındaki bir yazı article olarak değerlendirilebilir. Doğru cevap C'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. Div, section, article, nav, p gibi etiketleri için varsayılan display özelliği block olarak tanımlanmıştır. Doğru cevap A'dır.

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 D'dir.

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. Doğru cevap C'dir.

Sayfa içinde position özelliği absolute, relative ve fixed olan elemanlar olduğu zaman, bu elemanların koordinatlarının kesişme ve üst üstü gelme durumları söz konusu olabilir. Hangi elemanın üstte hangi elemanın altta görüneceğini ise html kodu içinde yazılma sırası ve z-index özellikleri ile belirlenmektedir. Yazılma sırası dikkate alındığında kodda en son yazılan eleman en üstte görünecektir. Bu durum z-index özelliği ile değiştirilebilir. Z-index özelliğine tam sayı değerler verilmelidir. Z-index değeri yüksek olan eleman, düşük olan elemanın üstünde görünecektir. Z-index özelliğine negatif tamsayı değerlerde vermek mümkündür. Bir elemanın z-index özelliğine negatif bir değer verildiği zaman varsayılan olarak z-index değerleri sıfır olan elemanların altında kalacaktır. Doğru cevap A'dır.

Overflow kelimesi taşmak, dışına taşmak anlamlarına gelmektedir. Bu özellik, genişlik ve yükseklik özellikleri belirtilen elemanların içeriğinin sığmaması, taşması durumunda nasıl davranılacağı ile ilgilidir. Doğru cevap B'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. Doğru cevap D'dir.

Viewport, web tarayıcısının web sayfalarını gösterdiği alana verilen isimdir. Doğru cevap E'dir.

Canvas etiketi HTML5 ile birlikte gelmiştir ve bu etiketin HTML5 için en önemli yeniliklerden biri olduğu söylenebilir. Canvas etiketi kullanılarak web sayfası içinde boş bir tuval oluşturulmuş olur. Bu tuval üzerinde etkileşimli canlandırmalar, oyunlar, 3 boyutlu çalışmalar yapmak mümkündür. Doğru cevap C'dir.

Nav kelimesi navigation kelimesinin kısaltmasıdır ve gezinti, yön bulma anlamlarına gelir. Article kelimesi makale anlamına gelmektedir. Header kelimesi başlık, footer kelimesi ise alt bilgi anlamlarına gelmektedir. Div kelimesi İngilizce division kelimesinin kısaltmasıdır ve bölüm, ayrım, kısım anlamlarına gelmektedir. Doğru cevap A'dır.

HTML dilini ile bölümler oluşturulduktan sonra, web sayfasının görüntüsünün estetik olarak daha iyi olması için CSS ile oluşturulan bölümlerin biçimlendirilmesi gerekmektedir. Bölümlerin biçimlendirilmesine yönelik olarak display, margin, padding, position, overflow, float, clear özellikleri önemli bir yere sahiptir. Doğru cevap E'dir.

HTML etiketleme dilinde sayfa içindeki elemanlar kapsayıcı etiketler ile gruplandırılır. Bir başka deyişe bölümlere ayrılır. Örneğin başlık bölümü, içerik bölümü, gezinti bölümü gibi bölümler oluşturulur. Böylece bu bölümler daha iyi yönetilebilmektedirler. HTML dilinde en önemli ve genel amaçlı kullanılan bölümlendirme etiketi div’dir. Bunun dışında HTML5 sürümü ile birlikte gelen ve HTML elemanlarının anlamsal olarak gruplandırılabilmesini sağlayan header, footer, section, aticle, nav, aside, main gibi etiketlerde mevcuttur.

HTML etiketleme dilinde sayfa içindeki elemanlar kapsayıcı etiketler ile gruplandırılır. Bir başka deyişle bölümlere ayrılır. Örneğin başlık bölümü, içerik bölümü, gezinti bölümü gibi bölümler oluşturulur. Böylece bu bölümler daha iyi yönetilebilmektedirler. HTML dilinde en önemli ve genel amaçlı kullanılan bölümlendirme etiketi div’dir. Bunun dışında HTML5 sürümü ile birlikte gelen ve HTML elemanlarının anlamsal olarak gruplandırılabilmesini sağlayan header, footer, section, aticle, nav, aside, main gibi etiketler de mevcuttur. Doğru cevap A'dır.

Overflow ile benzer olan overflow-x ve overflow-y özellikleri de bulunmaktadır. Bu iki özellikde overflow ile aynı değerleri almaktadır. Adından da anlaşılabileceği üzere overflow-x yatay eksendeki davranışı, overflow-y ise dikey eksendeki davranışı belirlemektedir.

Ortam sorgusunda isteğe bağlı olarak ortam türü belirtilebilir. Eğer ortam türü belirtilmez ise yazılan sorgu tüm ortam türleri için geçerli olacaktır. Kullanılabilecek ortam türlerinden bazılarının listesi aşağıda verilmiştir:

• all: Tüm ortamlar

• screen: Bilgisayar, tablet, cep telefonu gibi cihazların ekranları

• print: Yazıcı çıktısı

• speech: Ekrandaki metni sesli şekilde okuyan ekran okuyucuları

Doğru cevap A'dır.

Ortam sorgusunda isteğe bağlı olarak ortam türü belirtilebilir. Eğer ortam türü belirtilmez ise yazılan sorgu tüm ortam türleri için geçerli olacaktır. Kullanılabilecek ortam türlerinden bazılarının listesi aşağıda verilmiştir:

• all: Tüm ortamlar

• screen: Bilgisayar, tablet, cep telefonu gibi cihazların ekranları

• print: Yazıcı çıktısı

• speech: Ekrandaki metni sesli şekilde okuyan ekran okuyucuları

Doğru cevap A'dır.

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, article, nav, aside, main gibi etiketleridir.

Nav etiketi web sayfasındaki web bağlantılarını gruplandırmak için kullanılması gereken bir etikettir. Web sayfasındaki menü bağlantıları nav etiketi içinde gruplandırılabilir.