WEB TABANLI KODLAMA - Deneme Sınavı - 5

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.

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

İlk satırdaki veri ilgili sütun için “sütun etiketi“ olarak nitelendirilebilir. İlgili sütundaki veriyi betimleme özelliği olduğundan dolayı tabloların ilk satırları diğer satırlarına göre farklı yazılırlar. Bu durumu ifade etmek için html’de table headings th etiketi kullanılmaktadır.

tr etiketi table rows ifadesinin kısaltmasıdır ve tabloda bir satır oluşturur.

Table data td etiketi daha önce tr ile açılan satırda bir hücre oluştur ve td arasındaki veriyi ilgili hücreye yazar.

border-spacing:10px; Tablo kenarlığı ile hücre arasındaki boşluk 10 pixel olarak tanımlanıyor.

border: 2.5px dashed blue; Tablo başlığı ve hücrelere 2.5 pixel kalınlığında mavi kesik çizgili kenarlık tanımlanıyor.

table, th, td { // tablo başlığı ve hücreler için tanımlama açılıyor.
          border: 1px solid black; //kenarlık tanımlanıyor.
          border-collapse: collapse;// tablo tek kenarlığa düşürülüyor.
}// tanımlama kapatılıyor.