1 00:00:00,000 --> 00:00:02,150 >> DAVID מלאן: כיצד על דף אינטרנט עם תמונה? 2 00:00:02,150 --> 00:00:05,560 הבה נניח כי ב, מראש, יש לי כבר הוריד קובץ JPEG של תמונה 3 00:00:05,560 --> 00:00:07,290 מהאינטרנט, אומר, חתול. 4 00:00:07,290 --> 00:00:08,650 האינטרנט מלא עימם. 5 00:00:08,650 --> 00:00:10,710 ואני כבר לשים את זה לתוך הספרייה הציבורית שלי. 6 00:00:10,710 --> 00:00:13,030 באותה הספרייה הציבורית הזה, בואו ליצור דף הנקרא 7 00:00:13,030 --> 00:00:15,630 image.html כדלקמן. 8 00:00:15,630 --> 00:00:18,390 >> אני כבר קיבלתי את הדברים נכתבו כאן בgedit עם כמה תגים ופתוחים 9 00:00:18,390 --> 00:00:19,540 כמה תגים קרובים. 10 00:00:19,540 --> 00:00:23,330 פנימי של הגוף ואז בדף זה, בואו נעשה את סוגר פתוח, תמונה - 11 00:00:23,330 --> 00:00:25,640 רק img, אם כי, לא במילה המלאה - 12 00:00:25,640 --> 00:00:27,940 גובה שטח שווה. 13 00:00:27,940 --> 00:00:31,400 גובה מאפשר לי לספק טקסט חלופי לתמונה זו, רק במקרה 14 00:00:31,400 --> 00:00:34,360 משתמש לא יכול ממש לראות את התמונה אני עומד לספק. 15 00:00:34,360 --> 00:00:38,930 אז בואו פשוט לתאר את זה תמונה כחתול ממורמר. 16 00:00:38,930 --> 00:00:42,490 ועכשיו בואו לציין כי מקור לתמונה, src זה - 17 00:00:42,490 --> 00:00:46,070 אז שוב, לא מלא מילה, רק src - 18 00:00:46,070 --> 00:00:50,800 שווה ציטוט, סוף ציטוט, "cat.jpg", אשר שוב, הוא הקובץ שנעשה ב 19 00:00:50,800 --> 00:00:54,220 מראש אני הורד לתוך הספרייה הציבורית הזה. 20 00:00:54,220 --> 00:00:58,860 >> בואו עכשיו לסגור את הציטוטים ו לסגור את התג באופן הבא. 21 00:00:58,860 --> 00:01:02,650 תחשוב על זה לתמונה, יש באמת לא רעיון של הפעלת תמונה 22 00:01:02,650 --> 00:01:03,710 ולעצור את התמונה. 23 00:01:03,710 --> 00:01:05,560 זה או שיש, או שזה לא. 24 00:01:05,560 --> 00:01:09,715 אז זה היית מרגיש קצת מוזר למעשה יש תג או קרובים מפורשים 25 00:01:09,715 --> 00:01:11,250 תג הסוף לתג תמונה זו. 26 00:01:11,250 --> 00:01:15,650 אז ה-HTML מאפשרת לנו לפתוח ולסגור התג בו זמנית, פשוט על ידי 27 00:01:15,650 --> 00:01:19,870 ובכלל זה קו נטוי ב הסוף של התג פותח, עדיין 28 00:01:19,870 --> 00:01:21,880 בתוך סוגריים הזווית. 29 00:01:21,880 --> 00:01:24,790 >> בואו עכשיו לשמור את הקובץ, שינוי זה שלה הרשאות, ולהציג 30 00:01:24,790 --> 00:01:28,130 זה חלק פנימי של דפדפן - 31 00:01:28,130 --> 00:01:32,460 chmod + image.html r. 32 00:01:32,460 --> 00:01:42,090 בואו עכשיו לפתוח את הכרום וביקור http://localhost/image.html. 33 00:01:42,090 --> 00:01:43,630 סמל תמונה שבורה - 34 00:01:43,630 --> 00:01:45,020 עכשיו, למה זה יכול להיות? 35 00:01:45,020 --> 00:01:48,330 >> ובכן, בואו נסתכל על הפקודה בתור באם אני אכן לשים את זה 36 00:01:48,330 --> 00:01:50,750 קובץ בספרייה הציבורית. 37 00:01:50,750 --> 00:01:55,960 בואו נחזור לgedit, לתוך חלון מסוף, ועושה ls-l. 38 00:01:55,960 --> 00:01:57,110 ויש cat.jpg. 39 00:01:57,110 --> 00:01:58,790 >> אבל תסתכל על ההרשאות של הקובץ. 40 00:01:58,790 --> 00:02:02,410 נראה שזה המקרה שרק אני, הבעלים, יכולים לקרוא ולכתוב את זה 41 00:02:02,410 --> 00:02:03,460 JPEG באותו הרגע. 42 00:02:03,460 --> 00:02:05,810 אנחנו צריכים לתת הרשאות באופן דומה כדי שכל העולם 43 00:02:05,810 --> 00:02:07,350 JPEG היום הזה גם כן. 44 00:02:07,350 --> 00:02:08,259 >> לא בעיה - 45 00:02:08,259 --> 00:02:12,460 chmod + cat.jpg r. 46 00:02:12,460 --> 00:02:15,820 בואו לאשר שזה נכון עם עוד ls-l. 47 00:02:15,820 --> 00:02:21,350 ואכן עכשיו, שני cat.jpg ו image.html הרשאות קריאה עבור 48 00:02:21,350 --> 00:02:22,310 העולם כולו. 49 00:02:22,310 --> 00:02:24,010 >> עכשיו בואו נחזור לדפדפן. 50 00:02:24,010 --> 00:02:28,560 בואו לחצו על רענן או בקרה-R. ו - יש, אכן, חתול ממורמר. 51 00:02:28,560 --> 00:02:31,019