1
00:00:00,411 --> 00:00:01,835
ברוכים הבאים אל עמוד האינטרנט שלי.

2
00:00:01,835 --> 00:00:04,059
אני יודעת, זה לא עמוד מלהיב במיוחד

3
00:00:04,059 --> 00:00:07,477
הוא עמוד לבן לגמרי, אבל כל עמוד אינטרנט מתחיל באותה דרך

4
00:00:07,477 --> 00:00:10,166
ואני אראה לכם איך לבנות את העמוד הזה בקרוב

5
00:00:10,275 --> 00:00:11,681
דבר ראשון, תנו לי דקה

6
00:00:11,681 --> 00:00:14,860
להראות לכם את השלד (את התבנית) של עמוד ריק

7
00:00:15,389 --> 00:00:16,944
כל עמוד אינטרנט מתחיל עם

8
00:00:16,944 --> 00:00:20,384
הדבר הנחמד הזה שנקרא DOCTYPE כאן בקצה למעלה

9
00:00:20,562 --> 00:00:21,961
זהו רק סימן לדפדפן

10
00:00:21,961 --> 00:00:24,603
שעמוד אינטרנט זה נכתב בHTML מודרני (HTML5)

11
00:00:24,603 --> 00:00:27,530
ולא בגרסא ישנה של HTML

12
00:00:27,931 --> 00:00:31,026
לאחר מכן, התג הראשוני שנמצא בדף

13
00:00:31,026 --> 00:00:34,582
HTML היא שפת תגיות, כך שהכל כאן זה בעצם על תגים

14
00:00:34,635 --> 00:00:36,399
תג זה דבר כזה

15
00:00:36,399 --> 00:00:38,314
שמתחיל עם הסימן >

16
00:00:38,314 --> 00:00:40,684
ומסתיים עם הסימן <

17
00:00:40,745 --> 00:00:42,346
או אם אתה אוהב מתמטיקה,אתה יכול לחשוב על הסימנים

18
00:00:42,346 --> 00:00:45,383
כסימן קטן (> ) או כסימן גדול (< )

19
00:00:46,474 --> 00:00:48,356
התג הראשון של כל עמוד אינטרנט הוא תמיד

20
00:00:48,356 --> 00:00:51,343
התג html מייד לאחר המילה DOCTYPE

21
00:00:51,343 --> 00:00:53,871
זהו התחלת תג ה html (באותיות קטנות)

22
00:00:53,871 --> 00:00:57,055
וכאן בסוף זה סיום תג ה html

23
00:00:57,055 --> 00:00:59,729
שזה אותו דבר רק שיש בו את הסימן ' /'

24
00:00:59,729 --> 00:01:01,747
שזה דבר מאוד חשוב

25
00:01:01,889 --> 00:01:05,147
תג הhtml צריך להקיף (להכיל) את כל התגים האחרים

26
00:01:05,147 --> 00:01:07,354
שבונים את עמוד האינטרנט

27
00:01:07,376 --> 00:01:11,051
וזו הסיבה שאין לנו תג html עד תחתית הדף

28
00:01:11,119 --> 00:01:13,351
הרבה תגים של HTML באים בזוגות כמו תג הhtml

29
00:01:13,351 --> 00:01:15,099
אבל לא כולם

30
00:01:15,571 --> 00:01:19,176
בתחילת דף הHTML יש תמיד תג בשם head

31
00:01:19,437 --> 00:01:22,146
תג הhead מכיל (מקיף) תגים נוספים שעוזרים לדפדפן לצייר את העמוד

32
00:01:22,146 --> 00:01:25,162
אבל הם לא כוללים משהו שהמשתמש בעצם רואה

33
00:01:25,435 --> 00:01:27,885
יש למשל את תג הmeta שנותן לדפדפן

34
00:01:27,885 --> 00:01:30,017
פרטים נוספים איך לצייר את הדף

35
00:01:30,204 --> 00:01:31,885
למשל אם אתה לא משתמש בתווים רגילים

36
00:01:31,885 --> 00:01:33,281
כמו למשל תווים של השפה האנגלית

37
00:01:33,281 --> 00:01:34,747
אלא מסובכים יותר כמו תווים

38
00:01:34,747 --> 00:01:36,628
של השפה הערבית

39
00:01:36,628 --> 00:01:39,618
אז אתה צריך לרשום בתג ה 

40
00:01:40,100 --> 00:01:41,578
חוץ מזה יש את תג הכותרת - title

41
00:01:41,578 --> 00:01:45,009
שמופיע ככותרת הדף בדפדפן

42
00:01:45,212 --> 00:01:47,623
זה מה שמופיע בלשונית שבראש הדפדפן

43
00:01:47,623 --> 00:01:50,039
וגם בסימניות (bookmark ) וגם בתוצאות החיפושים

44
00:01:50,161 --> 00:01:53,430
ראו כאן את הכותרת של אקדמיית קהאן בראש הדף

45
00:01:53,687 --> 00:01:55,544
אני אשנה את הכותרת

46
00:01:55,695 --> 00:01:59,348
אני אעשה עמוד רק על ארנבים

47
00:01:59,348 --> 00:02:01,914
כך שאתן כותרת "הכל על ארנבים"

48
00:02:01,914 --> 00:02:04,923
ואולי תצליחו לראות את השינוי כאן למעלה

49
00:02:05,539 --> 00:02:08,149
יפה, סיימנו כרגע את הפרטים האלו

50
00:02:08,149 --> 00:02:11,946
כלומר סיימנו עם תג הhead וכל מה שיש בתוכו וכעת נעבור אל התג

51
00:02:11,946 --> 00:02:14,809
שבו הכל בעצם קורה, תג ה body

52
00:02:15,033 --> 00:02:17,805
כרגע הוא די משעמם, רק ההתחלה ומיד הסיום

53
00:02:18,081 --> 00:02:19,521
אז מה בעצם כדאי שאוסיף?

54
00:02:19,521 --> 00:02:21,921
ובכן, אני עושה אתר אינטרנט על ארנבים

55
00:02:21,921 --> 00:02:23,155
אז כדאי שאכריז

56
00:02:23,155 --> 00:02:25,455
על כך בתרועה גדולה עם כותרת בראש הדף

57
00:02:25,559 --> 00:02:28,656
כדי להוסיף כותרת, משתמשים בתג h1

58
00:02:29,574 --> 00:02:33,154
"הכל על ארנבים" ("all about rabbits" ), נהדר !

59
00:02:33,154 --> 00:02:34,772
למעשה יש שישה (6) תגים שאנו יכולים להשתמש בהם

60
00:02:34,772 --> 00:02:38,441
עבור כותרות h1, h2 , h3, h4, h5 ו h6

61
00:02:38,461 --> 00:02:41,153
אנו משתמשים בh1 עבור הכותרות החשובות ביותר בדף

62
00:02:41,153 --> 00:02:43,358
וh6 הן עבור הכותרות הפחות חשובות

63
00:02:43,491 --> 00:02:45,682
תנו לי ואוסיף עוד קצת כותרות עבור חלקים נוספים בדף

64
00:02:45,696 --> 00:02:49,035
אשתמש בכותרת h2 מכיון שהם

65
00:02:49,035 --> 00:02:51,197
עבור קטעים חשובים פחות בדף

66
00:02:51,957 --> 00:02:55,469
וגם כמה שירים, יפה !

67
00:02:56,214 --> 00:02:58,240
כעת, נוסיף קצת מידע

68
00:02:58,402 --> 00:03:00,435
ובכן, קהל היעד שלי עבור דף זה הוא

69
00:03:00,435 --> 00:03:03,934
בעצם חייזרים שאף פעם לא שמעו על ארנבים

70
00:03:03,934 --> 00:03:06,943
אז כדאי שאתן להם הסברים ממש טובים על ארנבים

71
00:03:07,100 --> 00:03:10,174
למעשה אני חושבת שאני צריכה פסקה שלמה עבור המידע

72
00:03:10,396 --> 00:03:12,856
איך אני יכולה לתייג פסקה שלמה בשפת ה HTML ?

73
00:03:13,391 --> 00:03:16,049
על ידי תג ה p כמובן

74
00:03:16,470 --> 00:03:20,736
אנו שמים את תג ה p ואז ממשיכים

75
00:03:20,736 --> 00:03:22,633
ומדביקים כאן את המידע

76
00:03:22,633 --> 00:03:25,568
מעתיקים ומדביקים כך שלא תצטרכו לראות אותי מקלידה את הכל

77
00:03:25,856 --> 00:03:27,116
נהדר

78
00:03:27,699 --> 00:03:30,901
כעת החייזרים צריכים שיר להלל את הארנבים

79
00:03:30,912 --> 00:03:33,170
אז אתן להם מילים אישיות שאהבתי

80
00:03:33,170 --> 00:03:38,170
שוב אשתמש בתג ה p עבור זה, ואז שוב אעתיק ואדביק את השיר

81
00:03:39,521 --> 00:03:43,419
"Little Bunny Foofoo" , איזה שיר נהדר

82
00:03:43,572 --> 00:03:47,672
אבל תסתכלו, זה מופיע באותה שורה

83
00:03:47,868 --> 00:03:50,315
איך החייזרים ידעו לעצור,להפסיק ולעבור שורה?

84
00:03:50,418 --> 00:03:51,660
למה הדפדפן לא שמר על

85
00:03:51,660 --> 00:03:54,092
מעברי השורה שהיו בשיר המקורי כמו שאני הוספתי ?

86
00:03:54,350 --> 00:03:57,052
ובן, דפדפנים מתעלמים מסימני "עבור שורה" ( מסומן כ n\ בכל מיני מקומות)

87
00:03:57,052 --> 00:03:59,139
וכן מתעלמים מ רווחים בHTML

88
00:03:59,318 --> 00:04:01,647
אם אנו רוצים כי הדפדפן יצייר את מעברי השורה

89
00:04:01,647 --> 00:04:05,022
נוכל לאמר זאת ישירות על ידי תג נוסף

90
00:04:05,022 --> 00:04:08,176
על ידי תג ה br שהוא קיצור של המילה break

91
00:04:08,398 --> 00:04:12,513
אז כעת נעבור על הכל ונוסיף br אחרי כל שורה

92
00:04:12,777 --> 00:04:14,885
וכעת זה נראה כמו שירה

93
00:04:15,440 --> 00:04:18,890
האם שמתם לב לדבר מעניין עבור תג ה br ?

94
00:04:19,221 --> 00:04:20,851
אין תג br סוגר בסוף

95
00:04:20,966 --> 00:04:21,938
אם תחשבו על זה

96
00:04:21,938 --> 00:04:23,492
תראו שתג ה br בעצם לא מכיל שום תוכן

97
00:04:23,492 --> 00:04:25,861
ולכן הוא לא צריך להיות לפני ואחרי משהו

98
00:04:26,006 --> 00:04:28,496
מספיק שיסמן משהו לדפדפן וזה הכל - עבור שורה

99
00:04:29,062 --> 00:04:30,361
וזהו, יש לנו את זה

100
00:04:30,456 --> 00:04:32,704
החייזרים ילמדו קצת על ארנבים

101
00:04:32,704 --> 00:04:35,883
ואתם תלמדו קצת על HTML

102
00:04:36,044 --> 00:04:37,158
אחרי שאני אסיים לדבר

103
00:04:37,158 --> 00:04:39,915
אז תשחקו עם זה,נסו לשנות כל מיני דברים

104
00:04:39,976 --> 00:04:43,658
כשתסיימו להתנסות, עיברו לאתגר הראשון שלכם ב HTML