יש מנהלי אתרים חדשים להתמודד עם אתגרים רבים. נראה כי היום אנו יכולים להשתמש כדי ליצור תבניות אתר אינטרנט משלכם, אבל הבעיה היא, שהם לא תמיד יש את התכונות הרצויות, ולאחר מכן צריך גם ליצור עיצוב אתר מאפס, או אחר לבצע שינויים בקוד קיים. ואז זה יהיה צורך בידע של קוד HTML והרעיון מינימום של איך להגדיר את צבע הרקע ואת הדף, להוסיף תמונה או וידאו, הכינו טבלה ב- HTML.
תחילת העבודה על השולחן
אחד הדברים הקשים ביותר ב- HTML דפי סימון - השולחן. הבעיה היא לא המורכבת של התג, אשר, למעשה, לא קשה מדי כדי לזכור, וכי בעת כתיבת קוד, אתה יכול לטעות בקלות - אל תשכח לרשום את השורה או תא נוסף, הזן את הטקסט לא הולך שם יש צורך, ועל דברים בטלים . וככל השולחן, כך גדל הסיכוי לטעות.
לכן, מתחיל ליצור טבלה ב- HTML, אנו ממליצים להתמקד מרביים ולא להיות מוסחים.
ראשית, אנו צריכים לצייר טבלה בעתיד על פיסת נייר, לציון השנה שבה תא יהיה, כמו גם לציין לעצמם את הפרמטרים הבסיסיים של אלמנט מסוים.
להלן לחשב את מספר השורות בטבלה ואת מספר התאים בכל שורה. כמו כן אנו ממליצים לציין פריטים כגון הנוכחות של תמונות בטבלה, צבע רקע, גבולות, טקסט. רק אז אתה יכול להתחיל ליצור טבלת HTML באמצעות המידע המאוחסן.
עורך
כך יצרת שולחן פריסה. עכשיו אנחנו צריכים לבחור בעורך המתאים כדי ליצור אותו. אתה יכול לבחור אתרים ספציפיים, ומעצבים להפוך שולחן בהם. באמצעות תוכנה זו, ליצור טבלה פשוטה כמו במסמך Word. אתה יכול לבחור תוכנית כמו FrontPage. למרות העובדה כי התכנית די ישנה, זה יכול לעזור כדי ליצור אתרים טובים, מלבד על זה ניתן למצוא יותר הדרכה.
אם אתה רוצה ליצור טבלת HTML באמצעות קוד מיוחד שיכול לשמש למטרה זו מחברה רגילה או מסמך Word רגיל. עם זאת, כאן אתה צריך לעבוד קשה כמו כתיבת קוד יהיה ארוך.
אתה יכול להשתמש בעורך מובנה בתוך מנוע התוכנה עצמה. אז, כאשר אתה יוצר שיא מנועים רבים שהיא מספקת את היכולת להוסיף אלמנטים שונים, כוללים טבלאות. גם אם עורך התכונות הבסיסיות אתה לא מרוצה, לבצע שינויים בקוד יהיה יותר קל מאשר לכתוב אותו מאפס.
תגיות
לא משנה כמה העורך ישתמש לפני שאתם מתחילים ליצור טבלה ב- HTML, אתה צריך לזכור את התגיות הבסיסיות. שלושתם -
,
ו-
. שים לב כל התגים הם זיווג. הטבלה הראשונה מייצגת תג בכללותו, מגדיר קו שני, השלישי - התא בתוך השורה.
קצת יותר על כל אחד התגים. הטבלה תמיד מתחילה עם התג
ומסתיימת . כל דפדפן הוא סמל למה הוא שולחן לפניו. הבא, שנקבע קווים שנפתחו
תג ומסתיים . בכל שורה, באמצעות התג
ו- מספר קבוע של תאים.
לכן, את קוד שולחן 2x2 ייראה כך:
הוסף טבלה בעמודים-קוד HTML ניתן להעתיק מהעורך שנבחר.
טבלאות של פרמטרים, שורות ותאים
אז, אנחנו דנו הקוד הבסיסי. עכשיו בואו נדבר על איך לשפר את השולחן, להפוך אותו בהיר יותר אטרקטיבי. כדי לעשות זאת, אתה צריך לדעת את הפרמטרים הבסיסיים של התג. הם כתובים תג התחלה, שבו אחרי כל פרמטר מזוהה, ולאחר מכן נרשם הערך שלו נלקח במרכאות. לדוגמה, רקע בטבלת HTML מוגדר:
.
אנו מציעים רשימה של כמה פרמטרים בסיסיים יהיו הכי מועיל לך. בואו נתחיל עם השולחן עצמו.
אז, כדי להגדיר את עזרת גבול פרמטר רוחב גבול, אשר יכול לקחת כל ערך מספרי. צבע המסגרת קובע bordercolor. הרקע הכללי קובע bgcolor.
אם אתה רוצה לעשות את תמונת רקע שולחן, להשתמש רקע המשומש, במקרה זה אתה צריך להגדיר דפוס URL.
יישר את תוכן הדף שמסביב פרמטר השולחן יהיה ליישר, אשר ניתן להגדיר לשמאל, מרכז וימין.
קבע את תג הכותרת יעזור הצמד
, אשר רושם מייד לאחר התג הפותח
.
מחרוזת קצת פרמטרים. הצבע של התאים בשורה להגדיר באמצעות bgcolor. יישור טקסט בצורה אופקית יכול להיעשות באמצעות align הפרמטר (שמאל, מרכז או ימין), אנכי - valign (מניח ערכים עליונים, אמצעי או תחתון).
לגבי התא ניתן לציין כי דפוס צבע רקע רקע ניתן על זה עם אותם הפרמטרים כמו עבור השולחן כולו. יישור טקסט ניתן להשתמש בפרמטרים align ו valign.
קיימות גם הגדרות ספציפיות - colspan ו- rowspan. עם הראשון ניתן להגדיר את מספר העמודות, אשר ירחיב את התא. השני מציין את מספר השורות עבורו תא נתון עשוי להאריך.
זה כל האפשרויות השימושיות יותר.
טבלת צבעים
נניח כמה מילים על דברים שימושיים כגון טבלת הצבעים. בעזרת ברקע הדף מוגדר, צבע טקסט, קישורים ואלמנטים אחרים. שולחן צבע מכיל כ 216 צבעים. כל אחד מהם יש קוד hex משלה.
הקוד עצמו מתחיל עם סימן ק"ג וכולל שלושה זוגות של ספרות או אותיות. לדוגמה, הצבע הירוק בטבלה יש את 007F0 # קוד. כל זוג מייצג את עוצמת אחד משלושת צבעי היסוד - אדום, ירוק וכחול. שימוש בטבלה, אתה יכול לבחור את הצבע הרצוי ולהגדיר אותו בקוד.
אם אתה לא יכול להשתמש בטבלה, אתה יכול להגדיר את הצבע בעזרת השם שלה באנגלית.
תוכן
כמה מילים על תוכנו. כמובן, לרוב אנו יכולים לראות את הטקסט בטבלת HTML, אבל זה לא אומר שזה רק אנחנו יכולים לשים שם. שורות תאים עשויות להכיל גם תמונות, קבצי אודיו וידאו, קישורים.
כדי למקם את הטקסט או כל מידע אחר בתא (קו), צריך להגדיר אותו בין התגים האלו. לדוגמה:
שם . הוא יציג את "שם" בתא.
שים מידע גרפי קבצי מדיה באמצעות תגים מיוחדים - ,
טיפים
לבסוף אנו נותנים כמה טיפים שימושיים שיעזרו לך ליצור במהירות בטבלת HTML של כל מורכבות.
בעת כתיבת השולחן ממליץ ראשון לרשום לעצמם מתייגת שולחן הפרמטרים העיקריים שלה. ואז שורות לפרט את התגיות. כל זוג להתחיל שורה חדשה. אז תראה כמה שורות בטבלה. גם רשימת הפרמטרים של שורה או שורות, אם הם נבדלים מן היסוד. אז אנחנו ממליצים להתחיל לרשום כל תא כקו חדש. רצוי לעשות זחה אחת או שתיים Tab מהקצה. לפיכך, תוכל די בבירור לראות את המבנה של הקוד.
התכנים של תאים ושורות מומלצים להירשם מוקדם ככל בסוף, כאשר המסגרת של השולחן מוכנה.