Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Nuri Can Aktürk tarafından sunulan HTML derslerinin beşinci bölümüdür. Eğitmen, HTML'de tabloların nasıl oluşturulacağını ve kullanılacağını adım adım göstermektedir.
- Videoda tabloların web tasarımında hizalama ve estetik için önemi vurgulanmaktadır. Eğitmen, tablo oluşturma, satır ve sütun ekleme, tablo boyutlandırma, resim ekleme ve tablo arka planına renk veya resim verme gibi temel HTML tablo özellikleri göstermektedir. Ayrıca, tablonun arka planına resim ekleme durumunda sayfa yenileme sorununu nasıl çözebileceğiniz de anlatılmaktadır.
- HTML'de Tabloların Önemi
- HTML derslerinin beşinci bölümünde tablolar konusu işlenecek.
- Tablolar olmadan hizalama işlemi yapılamaz, resimler birbirine girebilir ve yazılar üst üste gelebilir.
- Tablolar, web sitelerinin estetik tasarımlarına daha düzenli ve hoş bir görüntü sağlar.
- 00:39Tablo Yapısı
- Tablolar satırlardan ve sütunlardan oluşan kutulardır.
- Tablolarda linkler, resimler, div'ler, videolar gibi web sitesi ile ilgili her türlü içerik yerleştirilebilir.
- Tablolar <table> etiketi ile açılır ve </table> etiketi ile kapatılır.
- 01:22Satır ve Sütun Oluşturma
- Sütunlar satırların içerisinde olur, bir sütunu satır olmadan yapamazsınız.
- Satırlar <tr> etiketi ile açılır ve </tr> etiketi ile kapatılır.
- Sütunlar <td> etiketi ile eklenir.
- 02:40Tablo Boyutlandırma
- Tablo boyutu <height> ve <width> özellikleri ile belirlenir.
- Kenarlık eklemek için <border> özelliği kullanılır.
- Tabloda birden fazla satır ve sütun eklenebilir.
- 04:04Resim Ekleme ve Düzenleme
- Tabloya resim eklemek için <img> etiketi kullanılır.
- Resmin boyutu tabloya uyması için <height> ve <width> özellikleri manuel olarak ayarlanmalıdır.
- Tablonun yüksekliği ve genişliği de <height> ve <width> özellikleri ile belirlenebilir.
- 07:21Arka Plan Renk ve Resim Ekleme
- Tablonun arka planına renk vermek için <bgcolor> özelliği kullanılır.
- Arka plana resim eklemek için <background> özelliği kullanılır.
- Resme link vermek için <a href="sharp"> şeklinde kullanılır.