מדריך | המדריך למתכנת המתחיל | javascript | פרק ב' - הכרת האלמנטים ב-HTML

ישיביש

שלום לכולם
בפרק הקודם למדנו על מסמך ה html- שמכיל בתוכו את השלד של התוכנה. למדנו גם על תגיות הBODY והHTML שבתוכם יצרנו תגית P שמכיל בתוכה משפט.
תגית זו נקראת אלמנט שזה בעצם חלק ממסמך והם נכנסים בין תגיות הbody.
בפרק של היום נלמד על כמה סוגי אלמנטים:
א. אלמנט <P> משמש לכתיבת כל טקסט שתבחרו.
יישום:

<p>hello world</p>

ב. אלמנט <h> כותרת שמגיע בכמה גדלים החל מגודל <h1> שהוא הכי גדול וכלה בגודל<h6> שהיא הכותרת הכי קטנה.
יישום:

<h1>headline 1</h1> <h2>headline 2</h2> <h6> headline 6</h6>

ג. אלמנט <a> משמש לכתיבת קישורים במידה ונרצה להפנות את המשתמש לאתר חיצוני או למקום במסמך
ישום:

<a href="link">link<a/>

שימו לב! את הלינק שאנחנו רוצים שהכותרת תפנה אליה נכתוב בתג הפותח כמו שכתבנו בדוגמא href= ואת הלינק נכתוב כך בין שני גרשיים "לינק"
ד. אלמנט <BUTTON> שאיתו תוכלו ליצור לחצנים
ישום:

<button>SUBMIT</button

ה. אלמנט <INPUT> שזה יוצר תיבת קלט שדרכה המשתמש יוכל להכניס את המידע הדרוש.
ישנם כמה סוגי קלט כדי להגדיר את הסוג שלו נכתוב בתוך התגית: "type="text
ישנה אפשרות לכתוב טקסט בתוך תיבת הקלט כדי שהמשתמש ידע מה לכתוב:
"placeholder="input
ישום:

<input type="text" placeholder="input">

שימו לב!!! בכל האלמנטים האמורים לעיל אנחנו צריכים תג פותח ותג סוגר כדי שיפעלו כשורה. יוצא דופן זהו אלמנט הINPUT שיש לו רק תג פותח אבל אין לו תג סוגר.
לסיכום
נכניס בקוד שלנו את כל האלמנטים לעיל:

<!DOCTYPE html>
<html dir="rtl">
<head>
</head>
<body> 
<h1>הפרויקט שלי</h1>
<p>שלום לכולם</p>
<a href="https://mitmachim.top/">קישור לפורום</a>
<br> <br>
<input type="text" placeholder="input">
<button>שלח טופס</button>
</body>
</html>

תשמרו את השינויים, תרעננו את הדפדפן ותראו את השינויים!
אם הכל ילך כשורה הדף אמור להיראות ככה:

הוספתי שני דברים שלא לימדתי במדריך
אחד מהם הוא תגית ה<br> והשני אתם צריכים למצוא..
אם אתם רוצים לראות מה הם עושים פשוט תמחקו את השינויים הללו, תרעננו את הדפדפן ותגלו מה הם עושים..
בהצלחה!!!
להזכירכם הערות ותגובות רק כאן