auzefWeb Tasarım Ve KodlamaWeb Tasarımı

Web Tasarımı Ünite -5

Html Tablo Etiketleri

#1. Bir web sayfasına tablo eklemek üzere kullandığımız etiket hangisidir?

Cevap: B) <table>

Açıklama: HTML’de tablo oluşturmak için kullanılan ana etiket <table> etiketidir. Bu etiket, tablonun yapısını belirler ve tablo satırları, hücreleri gibi öğeler bu etiket içinde tanımlanır.

#2. Yukarıda HTML kodları verilen tablo için aşağıdakilerden hangisi yanlıştır?

Cevap: C) Tablonun ikinci satırında ilk iki hücre birleştirilmiştir

Açıklama: Verilen HTML kodlarına göre, tablonun ikinci satırında ilk iki hücre birleştirilmemiştir. Bunun yerine, ikinci satırdaki ikinci ve üçüncü hücreler birleştirilmiştir. Bu nedenle, bu seçenek yanlıştır.

#3. Aşağıdaki parametrelerden hangisi tablolarda sütun birleştirme için kullanılır?

Cevap: D) “rowspan”

Açıklama: HTML’de bir tablodaki hücrelerin dikey olarak birleştirilmesi için “rowspan” parametresi kullanılır. Bu parametre, hücrenin belirli bir sayıda satırı kaplamasını sağlar.

#4. Aşağıdakilerden hangisinin kullanımı tabloya bir satır eklendiğini ifade eder?

Cevap: E) <tr>

Açıklama: <tr> etiketi, HTML’de tabloya yeni bir satır eklemek için kullanılır. Tablo satırları bu etiket içinde tanımlanır ve her satırın içinde hücreler (<td> veya <th> etiketleri ile) bulunur.

#5. “Tablo içerisindeki sütunların başlıkları olabileceği gibi tablonun kendi başlığı da olması elbette ki kaçınılmazdır. --------- etiketi açıldıktan sonra tablo adı --------- etiketi ile belirtilir”. Boşluklara sırasıyla gelmesi gerekenler hangi şıkta doğru verilmiştir?

Cevap: C) <table>, <caption>

Açıklama: HTML’de tablo başlığı oluşturmak için <caption> etiketi kullanılır. Bu etiket, <table> etiketinin hemen sonrasında kullanılarak tablonun başlığını tanımlar.

#6. Bir tablonun genişliğinin sayfanın yüzde 75’i, yüksekliğinin ise yüzde 50’si olması istenmektedir. Bunun için aşağıdaki HTML kodlarından hangisi kullanılmalıdır?

Cevap: E) <table width= “75%” height= “50%”>

Açıklama: HTML’de bir tablonun genişliğini ve yüksekliğini yüzdelik olarak ayarlamak için “width” ve “height” parametreleri kullanılır. Bu parametreler, tablonun genişlik ve yüksekliğinin belirtilen yüzdelik oranlarda olmasını sağlar.

#7. “Daha sistematik bir yaklaşımda tablolar oluşturulmak ve biçimlendirilmek istendiğinde bir tablo üç ana bölüm içerir. Bunlar -------, -------- ve -------- şeklindedir.” Boşluğa gelmesi gerekenler hangi şıkta doğru verilmiştir?

Cevap: D) başlık, ana gövde, alt bölüm

Açıklama: HTML tabloları daha düzenli ve okunabilir hale getirmek için üç ana bölümden oluşur: <thead> (başlık), <tbody> (ana gövde) ve <tfoot> (alt bölüm). Bu bölümler, tablonun farklı kısımlarını tanımlar ve düzenler.

#8. “Daha sistematik bir yaklaşımda tablolar oluşturulmak ve biçimlendirilmek istendiğinde bir tablo başlık, ana gövde, alt bölüm olmak üzere üç ana bölüm içerir. Bu bölümleri oluşturmak üzere kullanılan HTML etiketleri sırasıyla <thead>, <tbody> ve <tfoot> şeklindedir.” Boşluğa gelmesi gerekenler hangi şıkta doğru verilmiştir?

Cevap: E) <thead>, <tbody>, <tfoot>

Açıklama: HTML’de tablo yapısını daha düzenli hale getirmek ve tabloyu bölümlere ayırmak için <thead>, <tbody> ve <tfoot> etiketleri kullanılır. <thead> etiketi başlık satırlarını, <tbody> etiketi ana gövde satırlarını ve <tfoot> etiketi alt bölüm satırlarını tanımlar.

#9. “Tablonun veya tablo hücresinin arka plan rengini ayarlamak üzere -------- parametresi kullanılır.” cümlesindeki boşluğa aşağıdakilerden hangisi gelmelidir?

Cevap: C) “bgcolor”

Açıklama: HTML’de bir tablo veya hücresinin arka plan rengini ayarlamak için “bgcolor” parametresi kullanılır. Bu parametre, belirlenen rengin tablo veya hücre arka planı olarak uygulanmasını sağlar.

#10. Aşağıdaki parametrelerden hangisi tablolarda sütun birleştirme için kullanılır?

Cevap: E) “colspan”

Açıklama: HTML’de bir tablodaki hücrelerin yatay olarak birleştirilmesi için “colspan” parametresi kullanılır. Bu parametre, hücrenin belirli bir sayıda sütunu kaplamasını sağlar.

TESTi BiTiR, PUANINI GÖR

SONUÇ

-

İstanbul Üniversitesi Açık ve Uzaktan Eğitim Fakültesi (Auzef)
Açık Öğretim Fakültesi
Bölüm : Web Tasarımı ve Kodlama
1. Sınıf  Web Tasarımı Bahar Dönemi
Ünite 5 : Html Tablo Etiketleri

İstanbul Üniversitesi Açık ve Uzaktan Eğitim Fakültesi (Auzef)
Açık Öğretim Fakültesi
Bölüm : Web Tasarımı ve Kodlama
1. Sınıf  Web Tasarımı Bahar Dönemi
Ünite 5 : Html Tablo Etiketleri

Share your score!
Tweet your score!
Share to other

HD Quiz powered by harmonic design

Html Tablo Etiketleri

İstanbul Üniversitesi Açık ve Uzaktan Eğitim Fakültesi (Auzef)
Açık Öğretim Fakültesi
Bölüm : Web Tasarımı ve Kodlama
1. Sınıf  Web Tasarımı Bahar Dönemi
Ünite 5 : Html Tablo Etiketleri

Web Tasarımı – Ünite 5: Html Tablo Etiketleri

Giriş

Web tasarımı, internet üzerinde etkili ve kullanıcı dostu sayfalar oluşturmanın temelini oluşturur. Bu sürecin önemli bir parçası da tabloların doğru kullanımıdır. HTML’de tablolar, verilerin düzenli ve anlaşılır bir şekilde sunulmasını sağlar. Bu makalede, HTML tablo etiketlerinin kullanımı, tablo yapılandırma teknikleri ve tabloların web tasarımındaki önemi ele alınacaktır.

HTML Tablo Etiketleri

HTML tabloları oluşturmak için kullanılan temel etiket <table> etiketidir. Bu etiket, tablonun genel yapısını tanımlar ve içinde <tr> (tablo satırı), <td> (tablo veri hücresi) ve <th> (tablo başlık hücresi) gibi alt etiketler bulunur. Tablolar, verilerin satırlar ve sütunlar halinde düzenlenmesini sağlar.

Tablo Satırları ve Hücreleri

Bir tablo içindeki her bir satır <tr> etiketi ile tanımlanır. Satır içindeki her bir hücre ise <td> etiketi ile belirtilir. Eğer hücre bir başlık içeriyorsa <th> etiketi kullanılır. Bu etiketler, tablonun yapı taşlarını oluşturur ve verilerin doğru bir şekilde sunulmasını sağlar.

Hücre Birleştirme

HTML’de tabloların düzenlenmesi sırasında hücrelerin birleştirilmesi gerekebilir. Hücreleri yatay olarak birleştirmek için “colspan” parametresi kullanılırken, dikey olarak birleştirmek için “rowspan” parametresi kullanılır. Bu parametreler, hücrelerin belirli sayıda satırı veya sütunu kaplamasını sağlar.

Tablo Başlıkları ve Alt Başlıklar

Tabloların başlıkları <thead> etiketi içinde tanımlanır. Ana gövde içeriği <tbody> etiketi ile belirtilirken, alt bölüm ise <tfoot> etiketi ile tanımlanır. Bu yapılar, tablonun daha okunabilir ve düzenli olmasını sağlar.

Tablo Stil ve Özellikleri

Tabloların görünümünü ve stilini ayarlamak için çeşitli HTML parametreleri kullanılır. “bgcolor” parametresi tablo veya hücrelerin arka plan rengini ayarlarken, “width” ve “height” parametreleri tablonun boyutlarını belirler. Ayrıca, <caption> etiketi ile tabloya başlık eklenebilir, bu da tablonun amacını ve içeriğini açıklar.

Tabloların Kullanım Alanları

HTML tabloları, verilerin düzenli bir şekilde sunulması gereken birçok farklı senaryoda kullanılır. Finansal raporlar, ürün listeleri, zaman çizelgeleri ve hatta karmaşık veri görselleştirmeleri tablolar aracılığıyla daha anlaşılır hale getirilebilir. Tablolar, web sayfalarının kullanıcı deneyimini artıran önemli bir bileşendir.

Sonuç

HTML tabloları, web tasarımının vazgeçilmez unsurlarından biridir. Verilerin düzenli ve okunabilir bir şekilde sunulmasını sağlayan tablolar, kullanıcı dostu ve profesyonel web sayfaları oluşturmanın anahtarıdır. Doğru etiketlerin ve parametrelerin kullanımı ile tablolar, web tasarımında büyük bir etki yaratır.

 

Web Tasarımı – Ünite 5: Html Tablo Etiketleri

1- Bir web sayfasına tablo eklemek üzere kullandığımız etiket hangisidir?

A) <head>
B) <table>
C) <title>
D) <tables>
E) <meta>

Cevap: B) <table>

Açıklama: HTML’de tablo oluşturmak için kullanılan ana etiket <table> etiketidir. Bu etiket, tablonun yapısını belirler ve tablo satırları, hücreleri gibi öğeler bu etiket içinde tanımlanır.

2- Aşağıdakilerden hangisinin kullanımı tabloya bir satır eklendiğini ifade eder?

A) <td>
B) <th>
C) <col>
D) <row>
E) <tr>

Cevap: E) <tr>

Açıklama: <tr> etiketi, HTML’de tabloya yeni bir satır eklemek için kullanılır. Tablo satırları bu etiket içinde tanımlanır ve her satırın içinde hücreler (<td> veya <th> etiketleri ile) bulunur.

3-Web Tasarım Ünite 5, Soru 3

Yukarıda HTML kodları verilen tablo için aşağıdakilerden hangisi yanlıştır?

A) Tablo iki satırdan oluşur.
B) Tablonun her bir satırındaki ilk hücre (sütun) başlık hücresidir.
C) Tablonun ikinci satırında ilk iki hücre birleştirilmiştir
D) Tablonun ilk satırında dört sütun (hücre) yer almaktadır.
E) Tablonun ikinci satırında iki ve üçüncü hücreler (sütunlar) birleştirilmiştir.

Cevap: C) Tablonun ikinci satırında ilk iki hücre birleştirilmiştir

Açıklama: Verilen HTML kodlarına göre, tablonun ikinci satırında ilk iki hücre birleştirilmemiştir. Bunun yerine, ikinci satırdaki ikinci ve üçüncü hücreler birleştirilmiştir. Bu nedenle, bu seçenek yanlıştır.

4- “Tablonun veya tablo hücresinin arka plan rengini ayarlamak üzere _________ parametresi kullanılır.” cümlesindeki boşluğa aşağıdakilerden hangisi gelmelidir?

A) “th”
B) “bordercolor”
C) “bgcolor”
D) “background-color”
E) “table-color”

Cevap: C) “bgcolor”

Açıklama: HTML’de bir tablo veya hücresinin arka plan rengini ayarlamak için “bgcolor” parametresi kullanılır. Bu parametre, belirlenen rengin tablo veya hücre arka planı olarak uygulanmasını sağlar.

5- Bir tablonun genişliğinin sayfanın  yüzde 75’i, yüksekliğinin ise  yüzde 50’si olması istenmektedir. Bunun için aşağıdaki HTML kodlarından hangisi kullanılmalıdır?

A) <table weight= “75%” height= “50%”>
B) <table weight= “75” height= “50”>
C) <td weight= “75%” height= “50%”>
D) <table width= “75” height= “50”>
E) <table width= “75%” height= “50%”>

Cevap: E) <table width= “75%” height= “50%”>

Açıklama: HTML’de bir tablonun genişliğini ve yüksekliğini yüzdelik olarak ayarlamak için “width” ve “height” parametreleri kullanılır. Bu parametreler, tablonun genişlik ve yüksekliğinin belirtilen yüzdelik oranlarda olmasını sağlar.

6- “Tablo içerisindeki sütunların başlıkları olabileceği gibi tablonun kendi başlığı da olması elbette ki kaçınılmazdır. ——— etiketi açıldıktan sonra tablo adı ——— etiketi ile belirtilir”. Boşluklara sırasıyla gelmesi gerekenler hangi şıkta doğru verilmiştir?

A) <body>, <caption>
B) <tr>, < head >
C) <table>, <caption>
D) <td>, <head>
E) <th>, <caption>

Cevap: C) <table>, <caption>

Açıklama: HTML’de tablo başlığı oluşturmak için <caption> etiketi kullanılır. Bu etiket, <table> etiketinin hemen sonrasında kullanılarak tablonun başlığını tanımlar.

7- Aşağıdaki parametrelerden hangisi tablolarda sütun birleştirme için kullanılır?

A) “column-combine”
B) “combine”
C) “columnspan”
D) “rowspan”
E) “colspan”

Cevap: E) “colspan”

Açıklama: HTML’de bir tablodaki hücrelerin yatay olarak birleştirilmesi için “colspan” parametresi kullanılır. Bu parametre, hücrenin belirli bir sayıda sütunu kaplamasını sağlar.

8- “Daha sistematik bir yaklaşımda tablolar oluşturulmak ve biçimlendirilmek istendiğinde bir tablo üç ana bölüm içerir. Bunlar _______, ________ ve _______ şeklindedir.” Boşluğa gelmesi gerekenler hangi şıkta doğru verilmiştir?

A) satır, sütun, başlık
B) sütun adı, satır adı, tablo adı
C) üst bölüm, başlık, ana gövde
D) başlık, ana gövde, alt bölüm
E) üst bölüm, içerik, tablo adı

Cevap: D) başlık, ana gövde, alt bölüm

Açıklama: HTML tabloları daha düzenli ve okunabilir hale getirmek için üç ana bölümden oluşur: <thead> (başlık), <tbody> (ana gövde) ve <tfoot> (alt bölüm). Bu bölümler, tablonun farklı kısımlarını tanımlar ve düzenler.

9- “Daha sistematik bir yaklaşımda tablolar oluşturulmak ve biçimlendirilmek istendiğinde bir tablo başlık, ana gövde, alt bölüm olmak üzere üç ana bölüm içerir. Bu bölümleri oluşturmak üzere kullanılan HTML etiketleri sırasıyla <thead>, <tbody> ve <tfoot> şeklindedir.” Boşluğa gelmesi gerekenler hangi şıkta doğru verilmiştir?

A) <tbody>, <thead>, <tfoot>
B) <table>, <tr>, <th>
C) <table>, <tr>, <td>
D) <table>, <body>, <foot>
E) <thead>, <tbody>, <tfoot>

Cevap: E) <thead>, <tbody>, <tfoot>

Açıklama: HTML’de tablo yapısını daha düzenli hale getirmek ve tabloyu bölümlere ayırmak için <thead>, <tbody> ve <tfoot> etiketleri kullanılır. <thead> etiketi başlık satırlarını, <tbody> etiketi ana gövde satırlarını ve <tfoot> etiketi alt bölüm satırlarını tanımlar.

10- Aşağıdaki parametrelerden hangisi tablolarda sütun birleştirme için kullanılır?

A) “row-combine”
B) “combine”
C) “row-span”
D) “rowspan”
E) “rowcomb”

Cevap: D) “rowspan”

Açıklama: HTML’de bir tablodaki hücrelerin dikey olarak birleştirilmesi için “rowspan” parametresi kullanılır. Bu parametre, hücrenin belirli bir sayıda satırı kaplamasını sağlar.

 

Html Tablo Etiketleri

 

Web Tasarım ve Kodlama
Web Tasarımı Web Tasarımı ve Kodlama

Html Tablo Etiketleri

Auzef Web Tasarımı ve Kodlama 1. Sınıf Bahar Dönemi Ünite Soruları ve Deneme Sınavları, 2024 Sınav Soruları

Editor

Editör

error: Kopyalamaya Karşı Korumalıdır!