כיצד ליצור קטלוג מוצרים עם HTML

טבלאות מספקות את השיטה הפשוטה ביותר לבניית קטלוג מקוון ב-HTML. טבלה בת שלוש עמודות נותנת מקום לתמונת מוצר, תיאור ופרטי משלוח/הזמנה. הוספת מידע לטבלאות מפחיתה את משך הזמן הנדרש להצדקת טקסט. בנוסף, טבלאות נותנות לך שליטה על החלל הלבן המקיף את המידע בדף שלך כדי לשפר את המראה והבהירות של האתר שלך.

שלב 1

הגדר טבלה עם גבול של פיקסל אחד באמצעות הפתח

תָג:

סרטון היום

שלב 2

הכנס את שורת התאים הראשונה ואת תוכנם עם הקוד הזה:

שלב 3

הכנס את שורת התאים השנייה ואת תוכנם עם הקוד הזה:

שלב 4

סגור את הטבלה עם תג הסיום:

זהו תיאור של הפריט הראשון. פריט זה זמין כעת.
זהו תיאור של הפריט השני. פריט זה בהזמנה לאחור.

עֵצָה

דוגמה פשוטה זו מייצרת טבלה עם שתי שורות ושלוש עמודות. העמודה הראשונה מציגה תמונה בגודל 60 על 60 פיקסלים של המוצר באמצעות התג. העמודה השנייה והשלישית מציגות את תיאור המוצר ומידע על מלאי. שימו לב שכל שורה מתחילה ומסתיימת בתגית וכל פריט בשורה מתחיל ומסתיים בתג. הוסף כמה עמודות או שורות שאתה צריך כדי לתאר את המוצר שלך.

הכנס את פקודת הריפוד הסלולרי מיד לאחר מפרט הגבול בהגדרת הטבלה כדי להגדיל את כמות הרווח הלבן בין גבולות הטבלה לתוכן שלך. לדוגמה,

יוצר רווח לבן של 10 פיקסלים סביב התוכן של כל תא בטבלה.

הפניות

  • W3Schools.com: טבלאות HTML