1 00:00:00,000 --> 00:00:00,140 2 00:00:00,140 --> 00:00:03,700 >> הפרופסור הרלן: HTML, או HyperText שפת סימון, היא השפה ב 3 00:00:03,700 --> 00:00:04,870 שכתובים דפי אינטרנט. 4 00:00:04,870 --> 00:00:08,140 עכשיו, זה לא שפת תכנות, כי זה לא מאפשר לנו לבטא את 5 00:00:08,140 --> 00:00:11,420 היגיון, כמו ללולאות, ותוך לולאות, ותנאים וכדומה. 6 00:00:11,420 --> 00:00:14,690 במקום זאת, היא אכן שפת סימון המאפשר לנו לציין מה אינטרנט 7 00:00:14,690 --> 00:00:17,490 דף צריך להיראות, מבחינה מבנית מבחינה אסתטית. 8 00:00:17,490 --> 00:00:20,210 והיא עושה זאת בדרך של מה שנקרא תגיות. 9 00:00:20,210 --> 00:00:23,470 בואו לצלול פנימה ולהפוך הפשוט ביותר של דף אינטרנט, שאומר בפשטות, ל 10 00:00:23,470 --> 00:00:25,410 למשל, שלום עולם. 11 00:00:25,410 --> 00:00:29,940 >> שים לב כאן, בgedit, כי יש לי כבר שמר את הקובץ כhello.html. 12 00:00:29,940 --> 00:00:32,990 ושים לב כאן למטה, בטרמינל חלון, שאני נראה בתוך 13 00:00:32,990 --> 00:00:36,070 ספרייה בשם ציבור, שהיא עצמה הוא בתוך ספרייה בשם 14 00:00:36,070 --> 00:00:39,770 מארח מקומי, שעצמו הוא חלק פנימי של ספרייה בשם vhosts, אשר 15 00:00:39,770 --> 00:00:42,850 עצמו הוא חלק פנימי של ג'ון הרווארד של ספריית הבית. 16 00:00:42,850 --> 00:00:45,850 כעת מתברר, כי מהדרך אנחנו כבר הגדירו את המכשיר, אשר 17 00:00:45,850 --> 00:00:49,670 הוא בעולם אמיתי כדרך שאפשר, משהו בתוכו של ציבור זה 18 00:00:49,670 --> 00:00:53,400 ספרייה צריכה, אכן, להיות נגישה לציבור כולו באמצעות 19 00:00:53,400 --> 00:00:56,610 דפדפן אינטרנט, למרות ש, עכשיו, אני המשתמש היחיד שהולך להיות 20 00:00:56,610 --> 00:00:58,340 גישה לדף אינטרנט זה. 21 00:00:58,340 --> 00:01:03,120 >> עכשיו בואו נחזור לhello.html ולהתחיל כתיבת חלק מאותה השפה. 22 00:01:03,120 --> 00:01:07,110 ראשית, על גבי קובץ זה, אני הולך תציין סוגר פתוח, קריאה 23 00:01:07,110 --> 00:01:10,400 נקודה, html החלל DOCTYPE. 24 00:01:10,400 --> 00:01:13,930 הקו הזה הוא לא תג, כשלעצמה, אפילו למרות שזה מתחיל בפתוח 25 00:01:13,930 --> 00:01:18,020 סוגר, אבל זה, במקום, הוא מיוחד שבר שורה אחת המציין ל 26 00:01:18,020 --> 00:01:22,370 דפדפן, הנה מגיע לאינטרנט דף שנכתב ב-HTML. 27 00:01:22,370 --> 00:01:26,920 >> בואו הבא, בשורה משלו, תציין html סוגר פתוח, המצביע על 28 00:01:26,920 --> 00:01:29,890 לדפדפן זה כאן, אכן, הוא ה-HTML ש. 29 00:01:29,890 --> 00:01:34,150 בתוך כך, בואו לשנן קצת, ו אז לעשות את הראש, ציון ל 30 00:01:34,150 --> 00:01:37,470 דפדפן, הנה מגיע ראש דף, שבו, לעת עתה, יניח הוא 31 00:01:37,470 --> 00:01:40,830 בעצם שורת הכותרת במאוד החלק העליון של החלון של הדפדפן. 32 00:01:40,830 --> 00:01:45,500 בואו הבא לציין, בתוך הראש ש תג, שיהיה לנו תואר 33 00:01:45,500 --> 00:01:47,570 משהו פשוט כמו שלום. 34 00:01:47,570 --> 00:01:51,550 אבל עכשיו, בואו נגיד לי הדפדפן שנסיים מתן תואר. 35 00:01:51,550 --> 00:01:56,080 כדי לעשות זאת, בדיוק כפי שאנו נפתחו או שנפתחו התג, שם, רגע לפני, 36 00:01:56,080 --> 00:02:00,250 בואו עכשיו קרוב או בסופו של תג שעל ידי ציון, למעשה, ההפך הוא נכון. 37 00:02:00,250 --> 00:02:05,010 >> כדי לבטא את זה, אנחנו עושים את הסוגר פתוח, קו נטוי, כותרת. 38 00:02:05,010 --> 00:02:07,830 באופן דומה, החברה שאנחנו תסיימו הגדרה, לעת עתה, את הראש של זה 39 00:02:07,830 --> 00:02:12,340 דף, אנחנו נעשה את הראש נטוי סוגר פתוח, אומר לי הדפדפן שאנחנו 40 00:02:12,340 --> 00:02:14,710 עכשיו עשה את מתן בראש. 41 00:02:14,710 --> 00:02:18,080 רק חלק אחד עכשיו נשאר, גוף כביכול של דף האינטרנט, שבו 42 00:02:18,080 --> 00:02:21,120 באמת מהווה את המהות של כל דף אינטרנט. 43 00:02:21,120 --> 00:02:24,780 >> בואו לציין את זה, הנה, זה מתחיל, עם סוגר פתוח, גוף, 44 00:02:24,780 --> 00:02:25,600 קרוב סוגר. 45 00:02:25,600 --> 00:02:29,080 ובואו עכשיו לכתוב משהו כמו hello world פסיק. 46 00:02:29,080 --> 00:02:32,930 מרגיש שזה מספיק טוב אינטרנט דף, אז בואו עכשיו לעבור לשורה חדשה. 47 00:02:32,930 --> 00:02:37,460 ציין סוגר פתוח, קו נטוי, גוף, ליידע את הדפדפן שאנחנו 48 00:02:37,460 --> 00:02:38,650 עשה אותו לספק לגוף. 49 00:02:38,650 --> 00:02:41,120 ובאופן דומה, בואו עכשיו להודיע הדפדפן שאני עשיתי 50 00:02:41,120 --> 00:02:43,230 מתן בדף אינטרנט. 51 00:02:43,230 --> 00:02:47,120 בשורה משלו, אנחנו נעשה פתוחים סוגר, קו נטוי, HTML. 52 00:02:47,120 --> 00:02:49,350 >> עכשיו, שים לב לאסתטיקה של דף אינטרנט זה. 53 00:02:49,350 --> 00:02:52,290 למרות, מבחינה טכנית, זה לא נדרש לספק כמה שיותר לבן 54 00:02:52,290 --> 00:02:55,450 החלל כמו שאני עשיתי, זה סגנון טוב, כי הקוד הוא, ללא ספק, הרבה יותר 55 00:02:55,450 --> 00:02:56,490 קריא יותר. 56 00:02:56,490 --> 00:03:00,780 שים לב, בפרט, כי כאשר אני פותח או להתחיל תג, אז אני בכניסה 57 00:03:00,780 --> 00:03:02,040 השורות הבאות. 58 00:03:02,040 --> 00:03:05,990 וכאשר אני סוגר או ואת התג, אני לסגור את התג שגם באותו 59 00:03:05,990 --> 00:03:09,790 קו, אם זה קו קצר למדי, או בשורה חדשה בצורה כזאת, כי 60 00:03:09,790 --> 00:03:14,540 קווים קרובים תג עם התג הפתוח, ממש כמו שעשינו בשפה כמו C 61 00:03:14,540 --> 00:03:17,380 עם סוגריים מסולסלים פתוחים והסגורים. 62 00:03:17,380 --> 00:03:20,350 >> בואו עכשיו לשמור קובץ זה ונסה כדי לפתוח אותו בדפדפן אינטרנט 63 00:03:20,350 --> 00:03:21,600 פנימי של המכשיר. 64 00:03:21,600 --> 00:03:24,180 65 00:03:24,180 --> 00:03:30,310 בואו לפתוח את הכרום, ובואו עכשיו בקר http://localhost, שהוא 66 00:03:30,310 --> 00:03:34,930 כינוי למכשיר עצמו, / hello.html. 67 00:03:34,930 --> 00:03:38,230 ושימו לב שלא אני שהקלדת בעצם ציבור, כי זה משתמע 68 00:03:38,230 --> 00:03:42,430 שאם אתם מבקרים בדף זה באמצעות אינטרנט דפדפן, אתה אכן רוצה לגשת 69 00:03:42,430 --> 00:03:44,430 תוכן שהספרייה ציבורית. 70 00:03:44,430 --> 00:03:47,740 אבל אני רוצה לגשת, במיוחד, hello.html. 71 00:03:47,740 --> 00:03:50,854 אז בואו עכשיו על Enter ולראות מה קורה. 72 00:03:50,854 --> 00:03:51,710 >> הממ. 73 00:03:51,710 --> 00:03:56,260 אין לי הרשאה לגישה / Hello.html בשרת זה. 74 00:03:56,260 --> 00:03:57,570 עכשיו, למה זה יכול להיות? 75 00:03:57,570 --> 00:04:01,040 ובכן, מתברר שזה לא מספיק פשוט לשים את הקובץ הזה, hello.html, 76 00:04:01,040 --> 00:04:02,560 שבספרייה ציבורית. 77 00:04:02,560 --> 00:04:06,150 אנחנו גם צריכים להגיד באופן יזום מכשיר שאנחנו, אכן, רוצים 78 00:04:06,150 --> 00:04:09,470 לאפשר לכל העולם, באופן פוטנציאלי, כדי לגשת לקובץ זה. 79 00:04:09,470 --> 00:04:12,470 לשם כך, אנחנו צריכים לשנות אותה הרשאות, אם אפשר לומר כך, ואנחנו יכולים 80 00:04:12,470 --> 00:04:14,600 לעשות את זה בשורת הפקודה. 81 00:04:14,600 --> 00:04:20,079 >> בואו נקליד ls-l כדי לקבל את רשימה ארוכה של הקבצים בספרייה זו, Enter. 82 00:04:20,079 --> 00:04:22,480 ואנו רואים, אכן, hello.html. 83 00:04:22,480 --> 00:04:25,882 אבל כאן בצד השמאל, הודעה, היא r וw. 84 00:04:25,882 --> 00:04:29,050 R, כפי שאתם יכולים לנחש, משמעות הדבר היא לקרוא, ואת אמצעי w לכתוב, אבל 85 00:04:29,050 --> 00:04:32,470 למעשה יש רק אחד r וכאלה אחד כזה w, כל הדרך אל 86 00:04:32,470 --> 00:04:36,710 השמאלי של מקפים אלה, משמעות הדבר היא כי רק בעלי הקבצים, בעצמי, יכול למעשה 87 00:04:36,710 --> 00:04:38,370 לקרוא ולכתוב בקובץ זה. 88 00:04:38,370 --> 00:04:41,610 >> אנחנו צריכים לעבור לפחות אחד אחר r לתת לכל העולם לקרוא 89 00:04:41,610 --> 00:04:42,810 בקובץ זה גם כן. 90 00:04:42,810 --> 00:04:47,320 וכדי לעשות את זה, אנחנו יכולים לעשות זאת עם הפקודה, chmod, או שינוי מצב. 91 00:04:47,320 --> 00:04:54,030 chmod, לכולם, בתוספת r, החלל, hello.html Enter. 92 00:04:54,030 --> 00:04:56,970 שום דבר לא נראה שקרה, אבל זה בדרך כלל דבר טוב. 93 00:04:56,970 --> 00:05:02,490 אז ls-l שוב צריך, בתקווה, להניב כמה r של נוסף. 94 00:05:02,490 --> 00:05:04,130 >> ואכן, אנו רואים כזה. 95 00:05:04,130 --> 00:05:08,350 בצד שמאל כאן עכשיו, הודעה כי יש לי לקרוא ולכתוב הרשאות. 96 00:05:08,350 --> 00:05:10,320 יש r אחר, ולאחר מכן r אחר. 97 00:05:10,320 --> 00:05:13,180 ובכן, מתברר r באמצע משמעות הדבר היא הקבוצה שלי, וזה קורה להיות 98 00:05:13,180 --> 00:05:15,370 תלמידים במכשיר, גם יכול לקרוא קובץ זה. 99 00:05:15,370 --> 00:05:18,235 אבל זה במידה רבה לא רלוונטי כאן, בנוגע לאינטרנט מאז שאנחנו מדברים ו 100 00:05:18,235 --> 00:05:19,850 לא המכשיר עצמו. 101 00:05:19,850 --> 00:05:23,420 אבל זה r שלישי כל הדרך על ימין מצביע על כך שהעולם כולו, 102 00:05:23,420 --> 00:05:25,920 או הכל, יכול לקרוא קובץ זה. 103 00:05:25,920 --> 00:05:29,290 >> עכשיו בואו נחזור לדפדפן שלי, טען הדף, ולראות אם אני לא 104 00:05:29,290 --> 00:05:32,050 אסור יותר. 105 00:05:32,050 --> 00:05:36,800 בואו לחצו על הסמל רענן של הכרום כאן, או פגע Control-R, ויש לנו 106 00:05:36,800 --> 00:05:38,750 יש לו, שלום עולם. 107 00:05:38,750 --> 00:05:41,248