מחולל טבלאות HTML הופך שורות של נתונים לסימון HTML שמציג אותם כטבלה בדפדפן אתה מדביק ערכים מופרדים בפסיקים או מופרדים בטאבים, בוחר איך הטבלה צריכה להיראות, והכלי כותב רכיב <table> שלם עם <thead>, <tbody>, ושורות ותאים בטבלה במקום להקליד ביד כל <tr>, <th> ו-<td> ולספור תאים כדי לשמור על העמודות מיושרות, אתה מדביק את הנתונים פעם אחת ומעתיק סימון גיבוי שמוכן לצנוח לדף אינטרנט, תבנית דואר אלקטרוני או קובץ תיעוד.
זה קיים מכיוון שכתיבת HTML בטבלה ביד חוזרת על עצמה ונוטה לשגיאות. טבלה עם עשר שורות וחמש עמודות זקוקה ליותר מחמישים תגי תאים, כולם פתוחים וסגורים כהלכה, ו-</td> חסר יחיד שובר את הפריסה. נגישות מוסיפה פרטים נוספים: תאי כותרת צריכים להיות <th> עם תכונת scope כדי שקוראי המסך יכריזו עליהם, ולעתים קרובות טבלה זקוקה ל-<caption> המתאר את תוכנה. מחולל זה מיישם את הכללים הללו עבורך. השורה הראשונה יכולה להפוך לכותרת נכונה, העמודה הראשונה של כל שורה יכולה להפוך לכותרת שורה, וכל ערך תא נמלט מ-HTML כך שתווים כמו < ו-& מציגים כטקסט במקום לשבור את הדף.
הכל פועל בדפדפן שלך הנתונים שאתה מדביק מנותחים ומומרים ב-JavaScript במכשיר שלך, כך ששום דבר לא מועלה, נרשם או מאוחסן, והכלי ממשיך לעבוד עם הרשת מנותקת לאחר טעינת הדף. אתה יכול לבחור כיצד מועבר עיצוב: שמות מחלקות מודרניות עם בלוק CSS תואם, סגנונות מוטבעים עצמאיים ששורדים הדבקה בדואל, או HTML סמנטי רגיל ללא עיצוב כלל. אפשרויות לשורות פסים, גבולות, פריסה קומפקטית והזחה מאפשרות לך להתאים את הפלט לפרויקט שאליו אתה מדביק אותו.
הדבק שורות מופרדות בפסיקים או מופרדות בכרטיסיות בתיבת הקלט המפריד מזוהה באופן אוטומטי, או שאתה יכול להגדיר אותו באופן ידני אם הנתונים מעורפלים.
החליטו האם השורה הראשונה היא כותרת עמודה והאם העמודה הראשונה של כל שורה היא כותרת שורה, לכן קוראי המסך מכריזים על התאים הנכונים.
הוסף כיתוב, הפעל שורות או גבולות מפוספסים, בחר פריסה קומפקטית ובחר CSS מבוסס מחלקה, סגנונות מוטבעים או HTML סמנטי רגיל.
לחץ על צור כדי לבנות את הטבלה, ולאחר מכן העתק את ה-HTML ובמצב מחלקה את ה-CSS התואם לפרויקט שלך. הכל נשאר בדפדפן שלך.
הדבק פסיק, לשונית, נקודה-פסיק או נתונים מופרדים בצינור. המפריד מזוהה באופן אוטומטי, ושדות מצוטטים עם מפרידים משובצים מנותחים כהלכה.
השורה הראשונה יכולה להפוך ל-<th scope="col"> והעמודה הראשונה <th scope="row">, כך שטכנולוגיה מסייעת מכריזה על כותרות לכל תא נתונים.
פלט שמות מחלקות עם בלוק CSS תואם, סגנונות מוטבעים עצמאיים עבור דואר אלקטרוני, או HTML סמנטי רגיל ללא עיצוב, תלוי היכן נוחתת הטבלה.
הוסף פסי זברה, גבולות תאים, פריסה קומפקטית ואלמנט <caption>, כולם מיושמים באופן עקבי בכל שורה בטבלה.
Format, beautify, and minify HTML online. Re-indents messy or minified markup, keeps script, style, and pre content verbatim, and runs entirely in your browser.
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. 100% client-side.
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Generate a linked table of contents from Markdown headings
0 comments
No comments yet. Be the first to share your thoughts!