[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.41,0:00:01.84,Default,,0000,0000,0000,,ברוכים הבאים אל עמוד האינטרנט שלי.
Dialogue: 0,0:00:01.84,0:00:04.06,Default,,0000,0000,0000,,אני יודעת, זה לא עמוד מלהיב במיוחד
Dialogue: 0,0:00:04.06,0:00:07.48,Default,,0000,0000,0000,,הוא עמוד לבן לגמרי, אבל כל עמוד אינטרנט מתחיל באותה דרך
Dialogue: 0,0:00:07.48,0:00:10.17,Default,,0000,0000,0000,,ואני אראה לכם איך לבנות את העמוד הזה בקרוב
Dialogue: 0,0:00:10.28,0:00:11.68,Default,,0000,0000,0000,,דבר ראשון, תנו לי דקה
Dialogue: 0,0:00:11.68,0:00:14.86,Default,,0000,0000,0000,,להראות לכם את השלד (את התבנית) של עמוד ריק
Dialogue: 0,0:00:15.39,0:00:16.94,Default,,0000,0000,0000,,כל עמוד אינטרנט מתחיל עם
Dialogue: 0,0:00:16.94,0:00:20.38,Default,,0000,0000,0000,,הדבר הנחמד הזה שנקרא DOCTYPE כאן בקצה למעלה
Dialogue: 0,0:00:20.56,0:00:21.96,Default,,0000,0000,0000,,זהו רק סימן לדפדפן
Dialogue: 0,0:00:21.96,0:00:24.60,Default,,0000,0000,0000,,שעמוד אינטרנט זה נכתב בHTML מודרני (HTML5)
Dialogue: 0,0:00:24.60,0:00:27.53,Default,,0000,0000,0000,,ולא בגרסא ישנה של HTML
Dialogue: 0,0:00:27.93,0:00:31.03,Default,,0000,0000,0000,,לאחר מכן, התג הראשוני שנמצא בדף
Dialogue: 0,0:00:31.03,0:00:34.58,Default,,0000,0000,0000,,HTML היא שפת תגיות, כך שהכל כאן זה בעצם על תגים
Dialogue: 0,0:00:34.64,0:00:36.40,Default,,0000,0000,0000,,תג זה דבר כזה
Dialogue: 0,0:00:36.40,0:00:38.31,Default,,0000,0000,0000,,שמתחיל עם הסימן >
Dialogue: 0,0:00:38.31,0:00:40.68,Default,,0000,0000,0000,,ומסתיים עם הסימן <
Dialogue: 0,0:00:40.74,0:00:42.35,Default,,0000,0000,0000,,או אם אתה אוהב מתמטיקה,אתה יכול לחשוב על הסימנים
Dialogue: 0,0:00:42.35,0:00:45.38,Default,,0000,0000,0000,,כסימן קטן (> ) או כסימן גדול (< )
Dialogue: 0,0:00:46.47,0:00:48.36,Default,,0000,0000,0000,,התג הראשון של כל עמוד אינטרנט הוא תמיד
Dialogue: 0,0:00:48.36,0:00:51.34,Default,,0000,0000,0000,,התג html מייד לאחר המילה DOCTYPE
Dialogue: 0,0:00:51.34,0:00:53.87,Default,,0000,0000,0000,,זהו התחלת תג ה html (באותיות קטנות)
Dialogue: 0,0:00:53.87,0:00:57.06,Default,,0000,0000,0000,,וכאן בסוף זה סיום תג ה html
Dialogue: 0,0:00:57.06,0:00:59.73,Default,,0000,0000,0000,,שזה אותו דבר רק שיש בו את הסימן ' /'
Dialogue: 0,0:00:59.73,0:01:01.75,Default,,0000,0000,0000,,שזה דבר מאוד חשוב
Dialogue: 0,0:01:01.89,0:01:05.15,Default,,0000,0000,0000,,תג הhtml צריך להקיף (להכיל) את כל התגים האחרים
Dialogue: 0,0:01:05.15,0:01:07.35,Default,,0000,0000,0000,,שבונים את עמוד האינטרנט
Dialogue: 0,0:01:07.38,0:01:11.05,Default,,0000,0000,0000,,וזו הסיבה שאין לנו תג html עד תחתית הדף
Dialogue: 0,0:01:11.12,0:01:13.35,Default,,0000,0000,0000,,הרבה תגים של HTML באים בזוגות כמו תג הhtml
Dialogue: 0,0:01:13.35,0:01:15.10,Default,,0000,0000,0000,,אבל לא כולם
Dialogue: 0,0:01:15.57,0:01:19.18,Default,,0000,0000,0000,,בתחילת דף הHTML יש תמיד תג בשם head
Dialogue: 0,0:01:19.44,0:01:22.15,Default,,0000,0000,0000,,תג הhead מכיל (מקיף) תגים נוספים שעוזרים לדפדפן לצייר את העמוד
Dialogue: 0,0:01:22.15,0:01:25.16,Default,,0000,0000,0000,,אבל הם לא כוללים משהו שהמשתמש בעצם רואה
Dialogue: 0,0:01:25.44,0:01:27.88,Default,,0000,0000,0000,,יש למשל את תג הmeta שנותן לדפדפן
Dialogue: 0,0:01:27.88,0:01:30.02,Default,,0000,0000,0000,,פרטים נוספים איך לצייר את הדף
Dialogue: 0,0:01:30.20,0:01:31.88,Default,,0000,0000,0000,,למשל אם אתה לא משתמש בתווים רגילים
Dialogue: 0,0:01:31.88,0:01:33.28,Default,,0000,0000,0000,,כמו למשל תווים של השפה האנגלית
Dialogue: 0,0:01:33.28,0:01:34.75,Default,,0000,0000,0000,,אלא מסובכים יותר כמו תווים
Dialogue: 0,0:01:34.75,0:01:36.63,Default,,0000,0000,0000,,של השפה הערבית
Dialogue: 0,0:01:36.63,0:01:39.62,Default,,0000,0000,0000,,אז אתה צריך לרשום בתג ה 
Dialogue: 0,0:01:40.10,0:01:41.58,Default,,0000,0000,0000,,חוץ מזה יש את תג הכותרת - title
Dialogue: 0,0:01:41.58,0:01:45.01,Default,,0000,0000,0000,,שמופיע ככותרת הדף בדפדפן
Dialogue: 0,0:01:45.21,0:01:47.62,Default,,0000,0000,0000,,זה מה שמופיע בלשונית שבראש הדפדפן
Dialogue: 0,0:01:47.62,0:01:50.04,Default,,0000,0000,0000,,וגם בסימניות (bookmark ) וגם בתוצאות החיפושים
Dialogue: 0,0:01:50.16,0:01:53.43,Default,,0000,0000,0000,,ראו כאן את הכותרת של אקדמיית קהאן בראש הדף
Dialogue: 0,0:01:53.69,0:01:55.54,Default,,0000,0000,0000,,אני אשנה את הכותרת
Dialogue: 0,0:01:55.70,0:01:59.35,Default,,0000,0000,0000,,אני אעשה עמוד רק על ארנבים
Dialogue: 0,0:01:59.35,0:02:01.91,Default,,0000,0000,0000,,כך שאתן כותרת "הכל על ארנבים"
Dialogue: 0,0:02:01.91,0:02:04.92,Default,,0000,0000,0000,,ואולי תצליחו לראות את השינוי כאן למעלה
Dialogue: 0,0:02:05.54,0:02:08.15,Default,,0000,0000,0000,,יפה, סיימנו כרגע את הפרטים האלו
Dialogue: 0,0:02:08.15,0:02:11.95,Default,,0000,0000,0000,,כלומר סיימנו עם תג הhead וכל מה שיש בתוכו וכעת נעבור אל התג
Dialogue: 0,0:02:11.95,0:02:14.81,Default,,0000,0000,0000,,שבו הכל בעצם קורה, תג ה body
Dialogue: 0,0:02:15.03,0:02:17.80,Default,,0000,0000,0000,,כרגע הוא די משעמם, רק ההתחלה ומיד הסיום
Dialogue: 0,0:02:18.08,0:02:19.52,Default,,0000,0000,0000,,אז מה בעצם כדאי שאוסיף?
Dialogue: 0,0:02:19.52,0:02:21.92,Default,,0000,0000,0000,,ובכן, אני עושה אתר אינטרנט על ארנבים
Dialogue: 0,0:02:21.92,0:02:23.16,Default,,0000,0000,0000,,אז כדאי שאכריז
Dialogue: 0,0:02:23.16,0:02:25.46,Default,,0000,0000,0000,,על כך בתרועה גדולה עם כותרת בראש הדף
Dialogue: 0,0:02:25.56,0:02:28.66,Default,,0000,0000,0000,,כדי להוסיף כותרת, משתמשים בתג h1
Dialogue: 0,0:02:29.57,0:02:33.15,Default,,0000,0000,0000,,"הכל על ארנבים" ("all about rabbits" ), נהדר !
Dialogue: 0,0:02:33.15,0:02:34.77,Default,,0000,0000,0000,,למעשה יש שישה (6) תגים שאנו יכולים להשתמש בהם
Dialogue: 0,0:02:34.77,0:02:38.44,Default,,0000,0000,0000,,עבור כותרות h1, h2 , h3, h4, h5 ו h6
Dialogue: 0,0:02:38.46,0:02:41.15,Default,,0000,0000,0000,,אנו משתמשים בh1 עבור הכותרות החשובות ביותר בדף
Dialogue: 0,0:02:41.15,0:02:43.36,Default,,0000,0000,0000,,וh6 הן עבור הכותרות הפחות חשובות
Dialogue: 0,0:02:43.49,0:02:45.68,Default,,0000,0000,0000,,תנו לי ואוסיף עוד קצת כותרות עבור חלקים נוספים בדף
Dialogue: 0,0:02:45.70,0:02:49.04,Default,,0000,0000,0000,,אשתמש בכותרת h2 מכיון שהם
Dialogue: 0,0:02:49.04,0:02:51.20,Default,,0000,0000,0000,,עבור קטעים חשובים פחות בדף
Dialogue: 0,0:02:51.96,0:02:55.47,Default,,0000,0000,0000,,וגם כמה שירים, יפה !
Dialogue: 0,0:02:56.21,0:02:58.24,Default,,0000,0000,0000,,כעת, נוסיף קצת מידע
Dialogue: 0,0:02:58.40,0:03:00.44,Default,,0000,0000,0000,,ובכן, קהל היעד שלי עבור דף זה הוא
Dialogue: 0,0:03:00.44,0:03:03.93,Default,,0000,0000,0000,,בעצם חייזרים שאף פעם לא שמעו על ארנבים
Dialogue: 0,0:03:03.93,0:03:06.94,Default,,0000,0000,0000,,אז כדאי שאתן להם הסברים ממש טובים על ארנבים
Dialogue: 0,0:03:07.10,0:03:10.17,Default,,0000,0000,0000,,למעשה אני חושבת שאני צריכה פסקה שלמה עבור המידע
Dialogue: 0,0:03:10.40,0:03:12.86,Default,,0000,0000,0000,,איך אני יכולה לתייג פסקה שלמה בשפת ה HTML ?
Dialogue: 0,0:03:13.39,0:03:16.05,Default,,0000,0000,0000,,על ידי תג ה p כמובן
Dialogue: 0,0:03:16.47,0:03:20.74,Default,,0000,0000,0000,,אנו שמים את תג ה p ואז ממשיכים
Dialogue: 0,0:03:20.74,0:03:22.63,Default,,0000,0000,0000,,ומדביקים כאן את המידע
Dialogue: 0,0:03:22.63,0:03:25.57,Default,,0000,0000,0000,,מעתיקים ומדביקים כך שלא תצטרכו לראות אותי מקלידה את הכל
Dialogue: 0,0:03:25.86,0:03:27.12,Default,,0000,0000,0000,,נהדר
Dialogue: 0,0:03:27.70,0:03:30.90,Default,,0000,0000,0000,,כעת החייזרים צריכים שיר להלל את הארנבים
Dialogue: 0,0:03:30.91,0:03:33.17,Default,,0000,0000,0000,,אז אתן להם מילים אישיות שאהבתי
Dialogue: 0,0:03:33.17,0:03:38.17,Default,,0000,0000,0000,,שוב אשתמש בתג ה p עבור זה, ואז שוב אעתיק ואדביק את השיר
Dialogue: 0,0:03:39.52,0:03:43.42,Default,,0000,0000,0000,,"Little Bunny Foofoo" , איזה שיר נהדר
Dialogue: 0,0:03:43.57,0:03:47.67,Default,,0000,0000,0000,,אבל תסתכלו, זה מופיע באותה שורה
Dialogue: 0,0:03:47.87,0:03:50.32,Default,,0000,0000,0000,,איך החייזרים ידעו לעצור,להפסיק ולעבור שורה?
Dialogue: 0,0:03:50.42,0:03:51.66,Default,,0000,0000,0000,,למה הדפדפן לא שמר על
Dialogue: 0,0:03:51.66,0:03:54.09,Default,,0000,0000,0000,,מעברי השורה שהיו בשיר המקורי כמו שאני הוספתי ?
Dialogue: 0,0:03:54.35,0:03:57.05,Default,,0000,0000,0000,,ובן, דפדפנים מתעלמים מסימני "עבור שורה" ( מסומן כ n\ בכל מיני מקומות)
Dialogue: 0,0:03:57.05,0:03:59.14,Default,,0000,0000,0000,,וכן מתעלמים מ רווחים בHTML
Dialogue: 0,0:03:59.32,0:04:01.65,Default,,0000,0000,0000,,אם אנו רוצים כי הדפדפן יצייר את מעברי השורה
Dialogue: 0,0:04:01.65,0:04:05.02,Default,,0000,0000,0000,,נוכל לאמר זאת ישירות על ידי תג נוסף
Dialogue: 0,0:04:05.02,0:04:08.18,Default,,0000,0000,0000,,על ידי תג ה br שהוא קיצור של המילה break
Dialogue: 0,0:04:08.40,0:04:12.51,Default,,0000,0000,0000,,אז כעת נעבור על הכל ונוסיף br אחרי כל שורה
Dialogue: 0,0:04:12.78,0:04:14.88,Default,,0000,0000,0000,,וכעת זה נראה כמו שירה
Dialogue: 0,0:04:15.44,0:04:18.89,Default,,0000,0000,0000,,האם שמתם לב לדבר מעניין עבור תג ה br ?
Dialogue: 0,0:04:19.22,0:04:20.85,Default,,0000,0000,0000,,אין תג br סוגר בסוף
Dialogue: 0,0:04:20.97,0:04:21.94,Default,,0000,0000,0000,,אם תחשבו על זה
Dialogue: 0,0:04:21.94,0:04:23.49,Default,,0000,0000,0000,,תראו שתג ה br בעצם לא מכיל שום תוכן
Dialogue: 0,0:04:23.49,0:04:25.86,Default,,0000,0000,0000,,ולכן הוא לא צריך להיות לפני ואחרי משהו
Dialogue: 0,0:04:26.01,0:04:28.50,Default,,0000,0000,0000,,מספיק שיסמן משהו לדפדפן וזה הכל - עבור שורה
Dialogue: 0,0:04:29.06,0:04:30.36,Default,,0000,0000,0000,,וזהו, יש לנו את זה
Dialogue: 0,0:04:30.46,0:04:32.70,Default,,0000,0000,0000,,החייזרים ילמדו קצת על ארנבים
Dialogue: 0,0:04:32.70,0:04:35.88,Default,,0000,0000,0000,,ואתם תלמדו קצת על HTML
Dialogue: 0,0:04:36.04,0:04:37.16,Default,,0000,0000,0000,,אחרי שאני אסיים לדבר
Dialogue: 0,0:04:37.16,0:04:39.92,Default,,0000,0000,0000,,אז תשחקו עם זה,נסו לשנות כל מיני דברים
Dialogue: 0,0:04:39.98,0:04:43.66,Default,,0000,0000,0000,,כשתסיימו להתנסות, עיברו לאתגר הראשון שלכם ב HTML