Web Tasarımı Ünite -5

Haziran 9, 2024

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-

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

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ı

Web Tasarımı Ünite -5

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

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

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

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

#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?

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

#9. 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?

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

SONUÇ

Html Tablo Etiketleri

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

Giriş

HTML Tablo Etiketleri

Tablo Satırları ve Hücreleri

Hücre Birleştirme

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

Tablo Stil ve Özellikleri

Tabloların Kullanım Alanları

Sonuç

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

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

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

3-

Yukarıda HTML kodları verilen tablo için aşağıdakilerden hangisi 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?

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?

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

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?

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

Html Tablo Etiketleri

Editor

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

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

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

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

#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?

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

#9. 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?

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

SONUÇ

Html Tablo Etiketleri

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

Giriş

HTML Tablo Etiketleri

Tablo Satırları ve Hücreleri

Hücre Birleştirme

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

Tablo Stil ve Özellikleri

Tabloların Kullanım Alanları

Sonuç

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

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

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

3-

Yukarıda HTML kodları verilen tablo için aşağıdakilerden hangisi 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?

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?

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

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?

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

Html Tablo Etiketleri

Editor

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?