HTML'de bir tablo nasıl oluşturulur

Yazar: Mark Sanchez
Yaratılış Tarihi: 28 Ocak Ayı 2021
Güncelleme Tarihi: 1 Temmuz 2024
Anonim
HTML Tablo Oluşturma
Video: HTML Tablo Oluşturma

İçerik

HTML'de tablo oluşturmak oldukça zordur. Ancak bu makalede özetlenen adımlarla siteniz için bir tane oluşturabilmelisiniz.

adımlar

  1. 1 Windows'ta Not Defteri veya WordPad gibi basit bir kelime işlemci programı açın veya Mac'te TextEdit'i açın.
  2. 2 Tablonun önünde görmek istediğiniz tüm metni girin.
  3. 3 Tablo> etiketini girerek bir HTML belgesi için tablo kullanımını tanımlayın.

  4. 4 Enter'a basın.

  5. 5 tr> etiketini kullanarak satır tablosunu açmak için etiketi girin.
  6. 6Kalan tüm öğeleri soldan sağa oluşturmayı unutmayın.
  7. 7 Enter'a basın.
  8. 8 th> etiketini kullanarak tablo başlığı için bir başlangıç ​​etiketi girin.
  9. 9 İlk sütun için kullanmak istediğiniz başlığı girin.
  10. 10 /th> etiketini kullanarak tablo başlığı öğesi için bir kapanış etiketi girin.
  11. 11 Enter'a basın.
  12. 12 Adımları tekrarlayın (öğeleri sütunlarda düzenleme soldan sağa).
  13. 13 /tr> etiketini girerek bu satırı kapatın.
  14. 14 Enter'a basın.
  15. 15 Başka bir tr> etiketiyle başka bir satır başlatın.
  16. 16 Enter'a basın.
  17. 17 td> etiketini kullanarak tablo veri etiketini girin.
  18. 18 Her alana dahil etmek istediğiniz tablo verilerini girin.
  19. 19Yukarıda gösterilen sütunlardaki verileri doldurarak soldan sağa doğru çalışın.
  20. 20 Her girişi / td> etiketiyle kapatın.
  21. 21 Sahip olduğunuz tüm tablo verileri için tekrarlayın.
    • Hiçbir şey girmeniz gerekmeyen hücreler için td> ve td> girin ve arada hiçbir şey girmeyin. Bu, diğer iki alan arasındaki alanlar için çok yararlı olacaktır.
  22. 22 Her satırı başka bir / tr> etiketiyle kapatın.
  23. 23 Her satır birleştirilene kadar tr> ve / td> satırlarına ek olarak her satırı tekrarlayın.
  24. 24 /table> etiketi ile tabloyu kapatın.
  25. 25 Belgenin geri kalanı için ihtiyaç duyduğunuz şekilde aşağıdaki HTML metnini girin.

İpuçları

  • Kodunuzda ne yapmaya çalıştığınızı anlayabilmeniz için her satırdan girinti yapın.

Uyarılar

  • Tablo başlığının olmadığı yerde yanlışlıkla çok fazla veri sütunu girerseniz, yine de gösterilecektir, ancak biraz saçma görünecekler ve okuyucu bu bilgilerin ne için olduğunu anlamayacaktır.
  • Bir HTML sayfasında tablolar oluşturmak, anlaşılması zor bir süreçtir. İlk olarak, neye benzediğini görmek için dış veriler üzerinde pratik yapın, ardından yeni tabloya göz atın ve yerine yerleştirin.
  • HTML tablo kodu, en iyi şekilde gelişmiş HTML kodlayıcılarına bırakılır. Ancak bu talimatları uyguladıktan sonra siz de onlardan biri olacaksınız.