פרק ו


הנושא של הפרק הזה הוא: טבלאות



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

table:יצירת טבלה התגית

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

לפני הכל אני אראה לכם איך נראות התגיות ומהם עושות
ולאחר מכן אני יתחיל לתרגל את התגיות וליצור טבלה

table border:גבול הטבלה התגית

אתה תוכל להוסיף גבולות לטבלה border בעזרת הפרמטר
את גודל הגבולות תוכל לסמן במספרים
את הפרמטר הזה נוסיף לתגית
שלמדתם לפני שנייה "table"
והתגית המלאה תראה כך


tr :ירידת שורה התגית

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

td :תאי נתונים ומאפייני התאים שבטבלה התגית

עם התגית הזו אתם תרשמו מה יהיה בטבלה
גם את זה נתרגל בהמשך ותבינו אחר כך הכלללל

בהמשך אני אפרט על עוד תגיות של טבלה
כעת אני אראה לכם איך בונים את הטבלה בעזרת התגיות "שלמדנו כרגע" ואז תדעו
איך להכין טבלה בשפה הזו

עכשיו אני אראה לכם נוסחאות של טבלאות ואני אסביר אותם
ואם אתם עדיין לא תבינו אז תמיד תוכלו לשאול שאלות בפורום או באי סי קיו שלי
הפרטים שלי מופיעים בעמוד הבית!!! אז.....יאללה לעבודה


כמו שאתם רואים התגית
אומרת לנו שאנחנו מתחילים לעצב טבלה table border=1
המספר 1 אומר שהעובי של הקו יהיה קטן אם אני ארשום
אז הקו של הטבלה יהיה יותר גדול table border=5
שימו לב שכל פעם אני רושם את התגית הזו tr אל תשכחו גם את התגית
אז אני מתחיל שורה חדשה והתגית
מגדירה את מה שאני רושם td
יש תגית סיום tr אל תשכחו שלתגית
:והנה התוצאה

עיר הבירהארץ
ירושליםישראל
פריזצרפת
מוסקבהרוסיה
מדרידספרד
בואנוס-אירסארגנטינה
וינהאוסטריה


האמת היא שלא כל כך אהבתי את המראה של הטבלה
יודעים למה??? כי העברית נמצאת בצד שמאל אבל יש לזה פתרון!!! והפתרון
עם הפרמטר הזה נוכל להגדיר איפה יהיה הטקסט ...align הוא הפרמטר
שימו לב לשינוי



:והתוצאה
עיר הבירהארץ
ירושליםישראל
פריזצרפת
מוסקבהרוסיה
מדרידספרד
בואנוס-אירסארגנטינה
וינהאוסטריה


מה שבטוח המראה הזה יותר טוב מהמראה הקודם!!! אבל למה לא לעשות אותו יותר יפה??? האותיות
עוזר לנו cellpadding צפופות מידי ביחס לטבלה הפרמטר
שימו לב



והתוצאה
עיר הבירהארץ
ירושליםישראל
פריזצרפת
מוסקבהרוסיה
מדרידספרד
בואנוס-אירסארגנטינה
וינהאוסטריה


valign הפרמטר

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


valign=top כדי שהטקסט יהיה בצד העליון נוסיף


לחתול יש הרבה תכונות טובות
ותכונות רעות
החתול לא נאמן לאדם
אבל זו חיה מאוד נקייה
היא לא עושה הרבה
לכלוך אבל היא
שורטת כמעט כל דבר




valign=center כדי שהטקסט יהיה באמצע נוסיף


לחתול יש הרבה תכונות טובות
ותכונות רעות
החתול לא נאמן לאדם
אבל זו חיה מאוד נקייה
היא לא עושה הרבה
לכלוך אבל היא
שורטת כמעט כל דבר




valign=bottom כדי שההטקסט יהיה בצד התחתון נוסיף


לחתול יש הרבה תכונות טובות
ותכונות רעות
החתול לא נאמן לאדם
אבל זו חיה מאוד נקייה
היא לא עושה הרבה
לכלוך אבל היא
שורטת כמעט כל דבר





צבע לטבלה


bordercolor :כדי להוסיף צבע לגבולות הטבלה נוסיף את הפרמטר
:הנה דוגמא


:והתוצאה
עיר הבירהארץ
ירושליםישראל
פריזצרפת
מוסקבהרוסיה
מדרידספרד
בואנוס-אירסארגנטינה
וינהאוסטריה


tr לתוך התגית bgcolor כדי להוסיף צבע לתאים נוסיף את הפרמטר
כעת אני אראה לכם את הדוגמא
:שימו לב לדוגמא



:והתוצאה
עיר הבירהארץ
ירושליםישראל
פריזצרפת
מוסקבהרוסיה
מדרידספרד
בואנוס-אירסארגנטינה
וינהאוסטריה


כמו שראיתם הדגשתי רק את ה 4 דוגמאות הראשונות באדום

הערה:יש מספר פרמטרים שאני לא מראה לכם
כי הם לא חשובים.....אז שלא יהיה לכם רגשי אשמה
ואם אתם ממש ממש ממש מתעקשים לדעת את כל הפרמטרים
אז תפנו אליי ואני אסביר לכם באי סי קיו או באי מאיל
באופן אישי

סוף הפרק

לעמוד הראשי