Your first web page · הדף האינטרנט הראשון שלך
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · עמוד זה דורש דפדפן עדכני (תומך ב-SharedArrayBuffer). אנא עדכן את Chrome, Edge, Firefox או Safari לגרסה העדכנית ביותר.
English
Welcome to the web
- A web page is made with HTML.
- HTML is just text with tags around it.
- You write HTML here and watch it appear — nothing to install.
עברית
ברוך הבא לרשת
- דף אינטרנט עשוי עם HTML.
- HTML הוא פשוט טקסט עם תגי עטיפה סביבו.
- את כותב את ה-HTML כאן ורואה אותו מופיע — אין צורך להתקנה.
English
How this page works
- Type in the box, then press ▶ to see your page.
- Press ✓ Check to see if your task is correct.
- Stuck? Press 💡 for a hint. Press ↻ to start over.
- Read each step, then press Continue.
עברית
איך עובד הדף הזה
- הקלד בתיבה, ואז לחץ על ▶ כדי לראות את העמוד שלך.
- לחץ על ✓ Check כדי לראות אם המשימה שלך נכונה.
- נתקעת? לחץ על 💡 לקבלת רמז. לחץ על ↻ להתחיל מחדש.
- קרא כל שלב, ולאחר מכן לחץ על Continue.
English
Tags wrap your words
- A tag is a word inside angle brackets, like
<p>. - Most tags come as a pair: an opening
<p>and a closing</p>. - A
<p>makes a paragraph — a block of text.
עברית
תגי עטיפה סביב המילים שלך
- תג הוא מילה בתוך סימני זווית, כמו
<p>. - רוב התגים מגיעים כזוג: פתיחה
<p>וסיום</p>. <p>יוצר פרagraph — בלוק טקסט.
<p>Hello! This is my first web page.</p>
English
More than one paragraph
- Put each paragraph in its own pair of
<p>tags. - The browser shows them one after another, top to bottom.
עברית
יותר מפסקה אחת
- שם כל פראגרף בזוג נפרד של תגי
<p>. - הדפדפן מציג אותם אחד אחרי השני, מלמעלה למטה.
<p>I am learning HTML.</p>
<p>This is fun.</p>
English
Common mistakes
- Tags go in angle brackets; the text you see goes between them.
- Most tags come in pairs, like
<p>...</p>.
עברית
טעויות נפוצות
- תגים נמצאים בתוך סימני זווית; הטקסט שאתה רואי נמצא ביניהם.
- רוב התגים מגיעים בזוגות, כמו
<p>...</p>.
English
Now you try
- Below are two small tasks. Type your HTML and press ▶ to see it.
- Press ✓ Check when you think it is right. You can try as many times as you like.
עברית
כעת תנסו בעצמכם
- למטה ישנן שתי משימות קטנות. הקלד את ה-HTML ולחץ על ▶ כדי לראות אותו.
- לחץ על ✓ Check כשאתה חושב שזה נכון. אפשר לנסות כמה פעמים שתרצה.
Explore · חקור
HTML is a tree of nodes · HTML הוא עץ של נודות
Tags nest inside tags — the browser builds a tree (the DOM). · תגיגים מצטופפים לתוך תגיגים — הדפדפן בונה עץ (ה-DOM).
Write a paragraph that says Hello, world! — type your text between the <p> and </p> tags. · כתוב פראגרף שאומר Hello, world! — כתוב את הטקסט שלך בין התגיגים <p> ו</p>.
Add a second paragraph below the first one. Make it say I made this. (Use a new pair of <p> … </p> tags.) · הוסף פסקה שנייה מתחת לפסקה הראשונה. כתוב בה בניתי זאת. (השתמש בזוג תגים <p> … </p> חדש).