WEB TABANLI KODLAMA

Tabloların temel yapısını oluşturan dört temel bileşen bulunmaktadır. Bunlar: Satır, sütun, hücre ve veridir. Doğru cevap E'dir.

Tabloların temel yapısında satır, sütun, hücre ve veri yer almaktadır. Bu bileşenlerden olan hücre, bir tabloda yer alan her bir dikdörtgen kutucuktur. Bu bileşenlerden bir diğeri olan sütun, bir satırdan diğer satıra değişebilecek tek bir özelliğe ilişkin verileri içerir. Kod, örneğin bir tablo oluşturulurken yazılan komutlar bütünü olarak tanımlanabilir. Genişlik, satırın boyutuyla ilişkili bir kavramdır. Doğru cevap B'dir.

// işareti ilgili kod satırının açıklanması amacıyla kullanılmaktadır. // ifadesinin sol tarafı çalışan kod satırını, sağ tarafı ise ilgili kod satırının açıklamasını içermektedir. Doğru cevap A'dır.

</table> etiketi ile tablo kapatılır. Tablo kenarlıklarının oluşturulması için <style> etiketi ile açılan ve </style> etiketi ile kapanan bölüm içerisinde talimat verilir. Verilerin hizalanması “text-align” ile belirtilir. Sütunların bölünmesi “colspan” ile belirtilir.  Doğru cevap C'dir.

Web sayfalarında çoğunlukla birden çok tablo kullanılmaktadır. Bu nedenle bir web sayfasındaki tabloların standart bir biçimlendirmeye sahip olmasını gerekli kılan birkaç temel neden bulunmaktadır. Bunlar: Sayfanın yorumlanmasını tarayıcının inisiyatifine bırakmamak, kolay yönetilebilirlik ve algılamada kolaylık olarak bilinen tasarım ilkesi olarak sıralanabilir. Doğru cevap D'dir.

Colspan özelliği sütunların bölünmesini ifade eder. Soruda belirtilen ifade için öncelikli olarak satıra “kilo” verisi girilir, daha sonra kilo ile başlayan sütun üçe bölünür. Doğru cevap B'dir.

Tablolarda verilerin hücrelerin içine nasıl yerleşeceği ile ilgili üç temel özellikten bahsedilmektedir. Birincisi hücre kenarlığı çizgileri arasındaki boşluk “border-spacing” ile, ikincisi verinin hizalanması “text-aling” ile, üçüncüsü hücre kenarlığı ile veri arasında bırakılacak olan boşluk “padding” ile belirtilir. Doğru cevap A'dır.

Tablo başlığını tanımlamaya ilişkin doğru ifade <caption> etiketleri arasında verilmiş olan <caption>Tablo 1. Cinsiyet</caption>  ifadedir. Doğru cevap C'dir.

Tabloların oluşturulması ve düzenlenmesi için kullanılacak temel etiketler bulunmaktadır. <tr> elementi tablo satırlarını, <th> elementi tablo başlıklarını tanımlamak için kullanılmaktadır. <tb> ve <tt> şeklinde bir element bulunmamaktadır. Doğru cevap E'dir.

A, B, C, E şıklarında yer alan özellikler tablo yapılarını oluştururken tüm tablolar için geçerli komutlardır. D şıkkında belirtilen id attribute özelliği sayesinde ise tablolara kimlik numarası verilerek istenilen tablolara farklı özelliklerin eklenmesi sağlanır. Doğru cevap D'dir.

"<" ve ">" karakterleri arasında yazılan "th" ile "/th" etiketleri ile tablonun ilgili satırının tablo başlığı olduğu belirtilerek etiketler arasındaki metnin koyu ve hücrenin ortasında yazılması sağlanır.

Tablolarda ilgili satırı kapatan etiketin "<" ile ">" karakterleri arasında yazılan bölümü "/tr" dir.

th { height:40px;} ifadesi ile tablo başlığına ilişkin bir tanımlama satırı açılıyor ve tablo başlıklarının yükseklikleri 40 pixel’e ayarlanıyor.

Tablolarda verilerin hücrelerin içine nasıl yerleşeceği ile ilgili üç temel özellik border-spacing, padding ve text-align dır.

th, td {border: 2px dashed black } ile tablo başlığı ve hücrelere 2 pixel kalınlığında siyah kesik çizgili kenarlık tanımlanıyor.

table#t08 { // ilgili satırda tabloya istenildiğinde kullanılmak üzere t08 özelliği tanımlanır

table id="t15" ile stil bölümde tanımlanan ek özellik body bölümünde çağırılmıştır. table#t15 ile başlayan ifadeler sayfanın başında style etiketleri arasına yazılır.

table#t01 tr:nth-child(odd) { // tablo satırı için “t01” ek özelliği açılıyor ve “odd” ifadesi ile tablonun tek numaralı (1. Satır, 3. Satır, 5. Satır, vb.) satırları için ek özellik tanımlanacağı belirtiliyor. 

background-color: #9ACD32; //ilgili satırda kodu verilen (sarı-yeşil) renk tek numaralı satırlar için arka plan rengi olarak ayarlanmıştır

rowspan=”3” bir sonraki hücrenin üç satıra bölünmesini sağlar