1 00:00:00,000 --> 00:00:00,170 2 00:00:00,170 --> 00:00:02,740 >> 1 SPEAKER: נניח שיש לך כמה נתונים טבלאיים שאתה רוצה פריסה 3 00:00:02,740 --> 00:00:05,470 בדף אינטרנט בשולחן, עם שורות ועמודות. 4 00:00:05,470 --> 00:00:06,540 איך ייתכן שאנחנו עושים את זה? 5 00:00:06,540 --> 00:00:10,480 >> ובכן, מראש כאן אני כבר קיבלתי התחיל עם table.html, עם כמה 6 00:00:10,480 --> 00:00:12,300 תגים פתוחים וחלקם סגור, תגים. 7 00:00:12,300 --> 00:00:15,890 פנימי של הגוף עכשיו, בואו כולל תג הטבלה. 8 00:00:15,890 --> 00:00:19,300 ומנע, רק כדי שלא תשכח, בואו כוללים שולחן הקרוב 9 00:00:19,300 --> 00:00:20,760 לתייג גם כן. 10 00:00:20,760 --> 00:00:24,830 בתוך כך, בואו לציין שורה בטבלה עם תג TR. 11 00:00:24,830 --> 00:00:27,300 וכן, גם כפעולה מנע, סגור את זה. 12 00:00:27,300 --> 00:00:31,550 >> עכשיו בתוך שורה זו, הבה להגדיר עמודות או את הנתונים שיהיו 13 00:00:31,550 --> 00:00:34,050 בתוך עמודים אלה, או התאים בהם. 14 00:00:34,050 --> 00:00:37,470 כדי לעשות זאת, בואו להשתמש תג td לנתוני טבלה. 15 00:00:37,470 --> 00:00:39,730 סוגר קרוב TD סוגר הפתוח. 16 00:00:39,730 --> 00:00:42,490 ועכשיו, מה הדעה עלינו להתחיל לדמות המספרים של טלפון. 17 00:00:42,490 --> 00:00:45,890 בואו נתחיל עם אחד, ולאחר מכן לסגור תג נתוני טבלה זו. 18 00:00:45,890 --> 00:00:47,840 בואו לפתוח אחד חדש עם 2. 19 00:00:47,840 --> 00:00:49,200 סגור כי אחד גם כן. 20 00:00:49,200 --> 00:00:50,270 ואז שלישי. 21 00:00:50,270 --> 00:00:52,980 TD 3 TD הקרוב. 22 00:00:52,980 --> 00:00:54,000 >> לאן אני הולך עם זה? 23 00:00:54,000 --> 00:00:57,840 ובכן, אני טוען שבגלל שיש לנו שורה בטבלה, שבתוכה של לנו 24 00:00:57,840 --> 00:01:02,950 שלושה datas שולחן, בעצם יש לנו את ראשיתו של שולחן שיש אחד 25 00:01:02,950 --> 00:01:04,590 שורה ושלוש עמודות. 26 00:01:04,590 --> 00:01:06,640 עכשיו בואו לתת לזה קצת שורות נוספות. 27 00:01:06,640 --> 00:01:11,300 >> מתחת לתג TR הקרוב, בואו לפתוח תג אחר TR, וקרוב מנע 28 00:01:11,300 --> 00:01:12,510 כי אחד גם כן. 29 00:01:12,510 --> 00:01:21,600 בתוך כך, בואו עכשיו לעשות TD 4, 5 TD, וTD 6. 30 00:01:21,600 --> 00:01:23,470 מתחת לשורה ש, בואו נעשה שלישי. 31 00:01:23,470 --> 00:01:25,680 שורה להרחיב טבלה, שורה בטבלה קרובה. 32 00:01:25,680 --> 00:01:34,970 בתוך כך, TD 7, TD 8, וTD 9. 33 00:01:34,970 --> 00:01:37,910 >> לבסוף, רק כדי לעשות דברים מעניינים, בואו להשלים את התחתית 34 00:01:37,910 --> 00:01:39,430 מפנקס הטלפון הזה. 35 00:01:39,430 --> 00:01:42,530 TR TR וקרוב פתוח. 36 00:01:42,530 --> 00:01:51,530 ובתוך שכוכב TD,, TD 0, וקילו TD. 37 00:01:51,530 --> 00:01:54,090 בואו עכשיו לשמור את הקובץ, שינוי זה ההרשאות שלו, ו 38 00:01:54,090 --> 00:01:56,440 להציג אותו בדפדפן. 39 00:01:56,440 --> 00:02:00,220 >> chmod + table.html r. 40 00:02:00,220 --> 00:02:02,300 בואו עכשיו לפתוח Chrome. 41 00:02:02,300 --> 00:02:08,430 http://localhost/table.html. 42 00:02:08,430 --> 00:02:11,610 ויש לנו את מה שנראה להיות טבלת HTML. 43 00:02:11,610 --> 00:02:13,920 זה לא ממש נראה כמו שציפיתי. 44 00:02:13,920 --> 00:02:17,650 בואו לפחות להוסיף גבול כעת סביב כל תאים בטבלה אלה. 45 00:02:17,650 --> 00:02:21,670 >> בואו נחזור לgedit ולגלול עד תג השולחן עצמו. 46 00:02:21,670 --> 00:02:25,130 ובואו להוסיף תכונה, המכונה "גבול", שמציין מספרי 47 00:02:25,130 --> 00:02:27,310 ערך עבור הרוחב של גבול. 48 00:02:27,310 --> 00:02:31,160 גבול שווה סוף ציטוט ציטוט 1, שבו 1 מציין את הרוחב 49 00:02:31,160 --> 00:02:32,400 גבולה של הטבלה. 50 00:02:32,400 --> 00:02:36,920 בואו לשמור את הקובץ וטען מחדש את הדף בדפדפן שלי. 51 00:02:36,920 --> 00:02:38,920 >> חזרה בכרום, לטעון מחדש. 52 00:02:38,920 --> 00:02:39,860 ויש לנו את זה. 53 00:02:39,860 --> 00:02:42,550 מכוער מאוד, אבל בכל זאת נתונים טבלאיים. 54 00:02:42,550 --> 00:02:44,694