Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan HTML dersinin bir bölümüdür. Eğitmen, önceki derslerde menemen listeleme konusunu anlattığını belirterek, bu derste tablolar konusunu ele almaktadır.
- Videoda HTML tablolarının nasıl oluşturulacağı adım adım gösterilmektedir. İlk bölümde temel tablo yapısı (table, tr, td komutları), satır ve hücre oluşturma, hücrelerin ortalanması, kalınlaştırılması ve kenarlık ekleme gibi temel özellikler anlatılırken, ikinci bölümde "align" özelliğinin kullanımı ve "align left", "align right", "align center" gibi hizalama seçenekleri örneklerle açıklanmaktadır.
- Eğitmen, tablo oluşturma sürecini pratik bir örnek üzerinden (öğrenci notları tablosu) uygulamalı olarak göstermekte ve tablo başlıklarını oluşturmak için th komutunun kullanımını da anlatmaktadır.
- HTML Tabloları Tanıtımı
- Bu dersimizde HTML tablolarını öğreneceğiz.
- Tablo, internet ortamında HTML ile nasıl yazılacağını göreceğiz.
- Geçmiş derslerimizin üzerine uygulayarak gideceğiz, listeleme komutlarını tekrar yazmayacağız.
- 00:43Tablo Oluşturma
- Tablo oluşturmak için "table" komutu kullanılır.
- Tablo içinde satırlar için "tr" (table row) komutu, hücreler için "td" (table data) komutu kullanılır.
- Her bir "tr" bir satırı, her bir "td" ise tablodaki bir hücreyi temsil eder.
- 02:34Tablo Örneği
- Tablonun başlık satırı "adı soyadı, birinci yazılı, ikinci yazılı, üçüncü yazılı, sonuç" şeklinde oluşturulur.
- İkinci satır için yeni bir "tr" eklenir ve "td" ile hücreler oluşturulur.
- Tabloda hücrelere bilgiler (adı soyadı, notlar, sonuç) girilerek tablo doldurulur.
- 08:17Tablonun Görünümünü Düzenleme
- Tablonun kenarlarını göstermek için "border" özelliği kullanılır (örneğin border="5").
- Başlık satırındaki metinleri kalın yapmak için "b" etiketi kullanılır.
- Başlık satırını ortalamak için "tr" etiketine "align=center" özelliği eklenir.
- 12:43Başlık Satırı İçin Kısa Yol
- Başlık satırını daha kolay oluşturmak için "td" yerine "th" (table header) etiketi kullanılır.
- "th" etiketi otomatik olarak metni kalın ve ortalar.
- Tablo yapısını hatırlamak için "table türkiye tayland" şeklinde hatırlama yöntemi kullanılabilir.
- 14:45Tabloda Hizalama İşlemleri
- Sayfayı yenilediğinizde hem ortalanacak hem de kalın yazacak şekilde tablo düzenlenebilir.
- "Align" kelimesi hizalama anlamına gelir; align left sola, align right sağa, align center ise orta hizalama yapar.
- Tabloda hizalama yapmak için "tr" (satır) veya "td" (hücre) etiketlerine align özelliğini ekleyebilirsiniz.
- 15:17Örnek Uygulama
- Bilal Özdemir'in puanlarını sola yaslı olarak gösterirken, hizalama özelliği kullanılarak farklı düzenlemeler yapılabilir.
- "tr" etiketine align özelliği eklenirse tüm satır etkilenirken, "td" etiketine eklenirse sadece o hücre etkilenir.
- Örnek olarak Ali'nin puanları ortalanırken, Bilal'in puanları sağa yaslanmıştır.
- 16:42Dersin Sonu
- Bu derste table (tablo) oluşturma konusu öğretilmiştir.
- İzleyicilerden kanala abone olmaları ve videoları beğenmeleri istenmiştir.