HTML tablo oluşturucu
İhtiyacınız olan tablo — neredeyse açacağınız o hesap tablosu değil
Fiyat listeleri, özellik karşılaştırmaları veya sevkiyat özetleri için Excel açıp HTML'i sonra temizlemek çoğu zaman gereksizdir. Bu HTML tablo oluşturucu satır ve sütun sayısıyla başlar, hücrelere doğrudan yazmanızı sağlar ve CMS bloklarına, e-posta modüllerine veya iç wiki'lere yapıştırabileceğiniz bir `<table>` üretir. Elle yazılmış işaretleme ile bir HTML tablo aracı karşılaştırıyorsanız, akış burada küçük bir ızgarayı düzenlemeye daha yakındır. Yapıyı araç çubuğundan ayarlarsınız, hücre içeriğini satır içi biçimlendirirsiniz; önizleme bölmesi ile HTML paneli senkron kalır — tablo HTML'ini bir kez üretip yayınlamak için uygundur.
Canlıya almadan önce güvenebileceğiniz işaretleme
4×6 bir ızgara, yirmi dört `<td>` etiketi demektir — ilk satır başlıksa bir de `<thead>`. Tek bir kapanmayan etiket veya alt satırla uyuşmayan bir `rowspan`, e-posta şablonunu bozmaya veya CMS bloğunu güvenli moda sokmaya yeter. Bu sayfadaki düzenleyici bu iş için yapıldı: satır ve sütunları yeniden boyutlandırın, Shift+ tıklama ile etiketleri birleştirin, fiyatı kalın yapın, bağlantı veya bilgisayarınızdaki görseli ızgaradan çıkmadan ekleyin. Tablo düzeyinde şablonların istediği ayarlar: `border`, `cellpadding`, `width`, `id`, `class`, kenarlık birleştirme ve birkaç renk teması — her hücreyi elle boyamadan. Önizleme uygunsa HTML sekmesine geçip parçayı kopyalayın veya hızlı tarayıcı kontrolü için temel tablo CSS'li tam belge indirin.
Tablo HTML'i üreten birçok araç ya hesap tablosu dışa aktarımı verir ya da güvenilir render olmadan kod gösterir. Burada önizleme ile kaynak bağlı kalır: solda düzenleme, sağda render, etiketler bir tık uzağınızda. Bu çift yönlü kontrol, birleştirmeden sonra fazla hücreyi, eksik `</th>`'yi veya ızgarada iyi görünüp iframe'de yanlış boşlukları erken yakalar. İşlem tarayıcıda kalır — tablo içeriği «dönüştürme» için yüklenmez.
HTML tablo oluşturucuyu açDüzenleme ve önizleme yan yana
Izgaradaki değişiklikler canlı önizlemeyi ve dışa aktarma metnini birlikte günceller — özniteliklerin nasıl yazılacağını tahmin etmezsiniz.
URL veya bilgisayardan görsel
Ürün fotoğrafları veya simgeler hücreye bağlantı veya yerel dosyayla — katalog ve karşılaştırma tabloları için pratik.
Parça veya tam belge
Mevcut sayfalar için yalnızca `<table>` kopyalayın veya hızlı tarayıcı kontrolü için tam HTML dosyası dışa aktarın.
Bu HTML tablo oluşturucuyu farklı kılanlar
Odaklı ızgara düzenleyici, dürüst işaretleme ve yapıştırmadan önce hata bulan önizleme — bir Excel dışa aktarma adımı daha değil.
Boş ızgaradan yapıştırmaya hazır HTML'e daha kısa yol
Satır ve sütun belirleyin, gerekiyorsa ilk satırı `<thead>` başlığı yapın, başlık (caption) ekleyin ve hücreleri doldurun — hesap tablosu dışa aktarımı olmadan. Satır ekleme, sütun silme, hücre birleştirme kompakt «Tablo» menüsünde, tek ekranda. Çıktı, CMS ve e-posta araçlarının beklediği sade tablo işaretlemesidir — istemediğiniz satır içi stilli bir sarmalayıcı değil.
- Birleştirme ve biçimlendirmeli ızgara
- Önizleme ve HTML senkron
- Hücre içi yerel görseller
- Tarayıcıda — yükleme yok
HTML tablo oluşturucu nasıl kullanılır
Tablonun şeklini belirleyin
Satır ve sütun sayısını girin; üst satır `<th>` olacaksa «İlk satır başlık satırı»nı açın. Genişlik, kenarlık, başlık veya tema için tablo seçeneklerini kullanın. Sonra yeniden boyutlandırabilirsiniz; ızgara uyduğu sürece birleştirmeler ve içerik korunur.
Hücreleri doldurun ve biçimlendirin
Hücreye tıklayıp yazın. Vurgu, bağlantı veya görsel (URL veya yerel) için biçim çubuğunu kullanın. Birleştirmek için: başlangıç hücresi, Shift+ karşı köşe, sonra Tablo menüsünden «Hücreleri birleştir». «Hücreyi böl» tek hücreleri geri getirir.
Önizleme ile HTML'i karşılaştırın
Düzenlerken Önizleme sekmesini açık tutun. Birleştirmeden sonra sütunlar kaymışsa veya başlık doğru span etmiyorsa HTML sekmesinde `colspan` ve `rowspan` kontrol edin — CMS önizleme turu kısalır.
Dışa aktarın ve bağlamda doğrulayın
Parçayı kopyalayın, `.html` indirin veya tabloyu ana sayfa Playground'una gönderin. E-posta istemcileri ve CMS'lerin kendine özgü davranışları var — gerçek hedefte kısa bir kontrol değer. Ama temiz, anlamsal tablo etiketleriyle başlarsınız, onarım işiyle değil.
SSS — HTML tablo oluşturucu
Tablonuzu oluşturmaya hazır mısınız?
Izgarayı çizin, önizleme ile HTML'i hizalayın, ikisi uyduğunda kopyalayın.
HTML tablo oluşturucu
- Birleştirme ve biçimlendirmeli ızgara
- Yerel görseller ve canlı önizleme
- HTML parçası veya tam belge dışa aktarma
- No signup; use the tool in the browser
E-posta istemcileri ve CMS'ler hâlâ farklı davranır — yapıştırdıktan sonra gerçek ortamda boşlukları doğrulayın.
Yapıştırmaya hazır `<table>` HTML
Görsel oluşturun, önizlemede doğrulayın, aynı işaretlemeyi HTML sekmesinden kopyalayın.