WEBVTT

00:00:00.411 --> 00:00:01.835
ברוכים הבאים אל עמוד האינטרנט שלי.

00:00:01.835 --> 00:00:04.059
אני יודעת, זה לא עמוד מלהיב במיוחד

00:00:04.059 --> 00:00:07.477
הוא עמוד לבן לגמרי, אבל כל עמוד אינטרנט מתחיל באותה דרך

00:00:07.477 --> 00:00:10.166
ואני אראה לכם איך לבנות את העמוד הזה בקרוב

00:00:10.275 --> 00:00:11.681
דבר ראשון, תנו לי דקה

00:00:11.681 --> 00:00:14.860
להראות לכם את השלד (את התבנית) של עמוד ריק

00:00:15.389 --> 00:00:16.944
כל עמוד אינטרנט מתחיל עם

00:00:16.944 --> 00:00:20.384
הדבר הנחמד הזה שנקרא DOCTYPE כאן בקצה למעלה

00:00:20.562 --> 00:00:21.961
זהו רק סימן לדפדפן

00:00:21.961 --> 00:00:24.603
שעמוד אינטרנט זה נכתב בHTML מודרני (HTML5)

00:00:24.603 --> 00:00:27.530
ולא בגרסא ישנה של HTML

00:00:27.931 --> 00:00:31.026
לאחר מכן, התג הראשוני שנמצא בדף

00:00:31.026 --> 00:00:34.582
HTML היא שפת תגיות, כך שהכל כאן זה בעצם על תגים

00:00:34.635 --> 00:00:36.399
תג זה דבר כזה

00:00:36.399 --> 00:00:38.314
שמתחיל עם הסימן >

00:00:38.314 --> 00:00:40.684
ומסתיים עם הסימן <

00:00:40.745 --> 00:00:42.346
או אם אתה אוהב מתמטיקה,אתה יכול לחשוב על הסימנים

00:00:42.346 --> 00:00:45.383
כסימן קטן (> ) או כסימן גדול (< )

00:00:46.474 --> 00:00:48.356
התג הראשון של כל עמוד אינטרנט הוא תמיד

00:00:48.356 --> 00:00:51.343
התג html מייד לאחר המילה DOCTYPE

00:00:51.343 --> 00:00:53.871
זהו התחלת תג ה html (באותיות קטנות)

00:00:53.871 --> 00:00:57.055
וכאן בסוף זה סיום תג ה html

00:00:57.055 --> 00:00:59.729
שזה אותו דבר רק שיש בו את הסימן ' /'

00:00:59.729 --> 00:01:01.747
שזה דבר מאוד חשוב

00:01:01.889 --> 00:01:05.147
תג הhtml צריך להקיף (להכיל) את כל התגים האחרים

00:01:05.147 --> 00:01:07.354
שבונים את עמוד האינטרנט

00:01:07.376 --> 00:01:11.051
וזו הסיבה שאין לנו תג html עד תחתית הדף

00:01:11.119 --> 00:01:13.351
הרבה תגים של HTML באים בזוגות כמו תג הhtml

00:01:13.351 --> 00:01:15.099
אבל לא כולם

00:01:15.571 --> 00:01:19.176
בתחילת דף הHTML יש תמיד תג בשם head

00:01:19.437 --> 00:01:22.146
תג הhead מכיל (מקיף) תגים נוספים שעוזרים לדפדפן לצייר את העמוד

00:01:22.146 --> 00:01:25.162
אבל הם לא כוללים משהו שהמשתמש בעצם רואה

00:01:25.435 --> 00:01:27.885
יש למשל את תג הmeta שנותן לדפדפן

00:01:27.885 --> 00:01:30.017
פרטים נוספים איך לצייר את הדף

00:01:30.204 --> 00:01:31.885
למשל אם אתה לא משתמש בתווים רגילים

00:01:31.885 --> 00:01:33.281
כמו למשל תווים של השפה האנגלית

00:01:33.281 --> 00:01:34.747
אלא מסובכים יותר כמו תווים

00:01:34.747 --> 00:01:36.628
של השפה הערבית

00:01:36.628 --> 00:01:39.618
אז אתה צריך לרשום בתג ה 

00:01:40.100 --> 00:01:41.578
חוץ מזה יש את תג הכותרת - title

00:01:41.578 --> 00:01:45.009
שמופיע ככותרת הדף בדפדפן

00:01:45.212 --> 00:01:47.623
זה מה שמופיע בלשונית שבראש הדפדפן

00:01:47.623 --> 00:01:50.039
וגם בסימניות (bookmark ) וגם בתוצאות החיפושים

00:01:50.161 --> 00:01:53.430
ראו כאן את הכותרת של אקדמיית קהאן בראש הדף

00:01:53.687 --> 00:01:55.544
אני אשנה את הכותרת

00:01:55.695 --> 00:01:59.348
אני אעשה עמוד רק על ארנבים

00:01:59.348 --> 00:02:01.914
כך שאתן כותרת "הכל על ארנבים"

00:02:01.914 --> 00:02:04.923
ואולי תצליחו לראות את השינוי כאן למעלה

00:02:05.539 --> 00:02:08.149
יפה, סיימנו כרגע את הפרטים האלו

00:02:08.149 --> 00:02:11.946
כלומר סיימנו עם תג הhead וכל מה שיש בתוכו וכעת נעבור אל התג

00:02:11.946 --> 00:02:14.809
שבו הכל בעצם קורה, תג ה body

00:02:15.033 --> 00:02:17.805
כרגע הוא די משעמם, רק ההתחלה ומיד הסיום

00:02:18.081 --> 00:02:19.521
אז מה בעצם כדאי שאוסיף?

00:02:19.521 --> 00:02:21.921
ובכן, אני עושה אתר אינטרנט על ארנבים

00:02:21.921 --> 00:02:23.155
אז כדאי שאכריז

00:02:23.155 --> 00:02:25.455
על כך בתרועה גדולה עם כותרת בראש הדף

00:02:25.559 --> 00:02:28.656
כדי להוסיף כותרת, משתמשים בתג h1

00:02:29.574 --> 00:02:33.154
"הכל על ארנבים" ("all about rabbits" ), נהדר !

00:02:33.154 --> 00:02:34.772
למעשה יש שישה (6) תגים שאנו יכולים להשתמש בהם

00:02:34.772 --> 00:02:38.441
עבור כותרות h1, h2 , h3, h4, h5 ו h6

00:02:38.461 --> 00:02:41.153
אנו משתמשים בh1 עבור הכותרות החשובות ביותר בדף

00:02:41.153 --> 00:02:43.358
וh6 הן עבור הכותרות הפחות חשובות

00:02:43.491 --> 00:02:45.682
תנו לי ואוסיף עוד קצת כותרות עבור חלקים נוספים בדף

00:02:45.696 --> 00:02:49.035
אשתמש בכותרת h2 מכיון שהם

00:02:49.035 --> 00:02:51.197
עבור קטעים חשובים פחות בדף

00:02:51.957 --> 00:02:55.469
וגם כמה שירים, יפה !

00:02:56.214 --> 00:02:58.240
כעת, נוסיף קצת מידע

00:02:58.402 --> 00:03:00.435
ובכן, קהל היעד שלי עבור דף זה הוא

00:03:00.435 --> 00:03:03.934
בעצם חייזרים שאף פעם לא שמעו על ארנבים

00:03:03.934 --> 00:03:06.943
אז כדאי שאתן להם הסברים ממש טובים על ארנבים

00:03:07.100 --> 00:03:10.174
למעשה אני חושבת שאני צריכה פסקה שלמה עבור המידע

00:03:10.396 --> 00:03:12.856
איך אני יכולה לתייג פסקה שלמה בשפת ה HTML ?

00:03:13.391 --> 00:03:16.049
על ידי תג ה p כמובן

00:03:16.470 --> 00:03:20.736
אנו שמים את תג ה p ואז ממשיכים

00:03:20.736 --> 00:03:22.633
ומדביקים כאן את המידע

00:03:22.633 --> 00:03:25.568
מעתיקים ומדביקים כך שלא תצטרכו לראות אותי מקלידה את הכל

00:03:25.856 --> 00:03:27.116
נהדר

00:03:27.699 --> 00:03:30.901
כעת החייזרים צריכים שיר להלל את הארנבים

00:03:30.912 --> 00:03:33.170
אז אתן להם מילים אישיות שאהבתי

00:03:33.170 --> 00:03:38.170
שוב אשתמש בתג ה p עבור זה, ואז שוב אעתיק ואדביק את השיר

00:03:39.521 --> 00:03:43.419
"Little Bunny Foofoo" , איזה שיר נהדר

00:03:43.572 --> 00:03:47.672
אבל תסתכלו, זה מופיע באותה שורה

00:03:47.868 --> 00:03:50.315
איך החייזרים ידעו לעצור,להפסיק ולעבור שורה?

00:03:50.418 --> 00:03:51.660
למה הדפדפן לא שמר על

00:03:51.660 --> 00:03:54.092
מעברי השורה שהיו בשיר המקורי כמו שאני הוספתי ?

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

00:03:57.052 --> 00:03:59.139
וכן מתעלמים מ רווחים בHTML

00:03:59.318 --> 00:04:01.647
אם אנו רוצים כי הדפדפן יצייר את מעברי השורה

00:04:01.647 --> 00:04:05.022
נוכל לאמר זאת ישירות על ידי תג נוסף

00:04:05.022 --> 00:04:08.176
על ידי תג ה br שהוא קיצור של המילה break

00:04:08.398 --> 00:04:12.513
אז כעת נעבור על הכל ונוסיף br אחרי כל שורה

00:04:12.777 --> 00:04:14.885
וכעת זה נראה כמו שירה

00:04:15.440 --> 00:04:18.890
האם שמתם לב לדבר מעניין עבור תג ה br ?

00:04:19.221 --> 00:04:20.851
אין תג br סוגר בסוף

00:04:20.966 --> 00:04:21.938
אם תחשבו על זה

00:04:21.938 --> 00:04:23.492
תראו שתג ה br בעצם לא מכיל שום תוכן

00:04:23.492 --> 00:04:25.861
ולכן הוא לא צריך להיות לפני ואחרי משהו

00:04:26.006 --> 00:04:28.496
מספיק שיסמן משהו לדפדפן וזה הכל - עבור שורה

00:04:29.062 --> 00:04:30.361
וזהו, יש לנו את זה

00:04:30.456 --> 00:04:32.704
החייזרים ילמדו קצת על ארנבים

00:04:32.704 --> 00:04:35.883
ואתם תלמדו קצת על HTML

00:04:36.044 --> 00:04:37.158
אחרי שאני אסיים לדבר

00:04:37.158 --> 00:04:39.915
אז תשחקו עם זה,נסו לשנות כל מיני דברים

00:04:39.976 --> 00:04:43.658
כשתסיימו להתנסות, עיברו לאתגר הראשון שלכם ב HTML