HTML

HTML ‫זה‬ ‫מה‬
.‫אנטרנט‬ ‫באתר‬ ‫דפים‬ ‫ליצירת‬ ‫שפה‬ ‫היא‬ HTML
: HyperText Markup Language ‫מיצג‬ HTML
●‫טקסט‬ ‫באמצעות‬ ‫האנטרנט‬ ‫הדף‬ ‫את‬ ‫מיצג‬ HTML
●‫אנטרנט‬ ‫דפי‬ ‫לבנית‬ ‫הבסיס‬ ‫הם‬ HTML ‫של‬ ‫אלמנטים‬
●‫תגיות‬ ‫באמצעות‬ ‫מיוצגים‬ HTML ‫של‬ ‫אלמנטים‬
●‫בה‬ ‫הסופית‬ ‫לצורה‬ ‫התגיות‬ ‫את‬ ‫הופכים‬ ‫אלא‬ ‫שנכתב‬ ‫כמו‬ ‫הטקסט‬ ‫את‬ ‫מציגים‬ ‫לא‬ ‫דפדפנים‬
‫האינטרנט‬ ‫דף‬ ‫נראה‬
natankrasney@gmail.com
2

IDE - Integrated Development Environment
HTML ‫קבצי‬ ‫לערוך‬ ‫כלים‬ ‫במספר‬ ‫להשתמש‬ ‫ניתן‬
HML ‫בקבצי‬ ‫ולצפות‬ ‫לערוך‬ ‫מנת‬ ‫על‬ Visual Studio ‫של‬ ‫העבודה‬ ‫בסביבת‬ ‫נשתמש‬ ‫אנו‬
: ‫באמצעות‬ ‫תעשה‬ HTML ‫דף‬ ‫של‬ ‫יצירה‬
File -> New -> File ->HTML Page
‫כך‬ ‫ואחר‬ ‫שיצרנו‬ ‫הדף‬ ‫על‬ ‫ימני‬ ‫עכבר‬ ‫על‬ ‫לחיצה‬ ‫באמצעות‬ ‫תעשה‬ ‫בדף‬ ‫צפיה‬
Ctrl + Shift + W
‫בעזרת‬ ‫בדפדפן‬ ‫הדף‬ ‫את‬ ‫לעדכן‬ HTML‫ב‬ ‫ושמירתו‬ ‫שינוי‬ ‫ביצוע‬ ‫לאחר‬ ‫ניתן‬
Ctrl R
3

‫פשוט‬ HTML ‫דף‬
<!DOCTYPE html>
<html>
<head>
<title>Page title in browser</title>
</head>
<body>
<h1>Big Heading</h1>
<p>some paragraph</p>
</body>
</html>
4
‫כ‬ ‫הדף‬ ‫הגדרת‬
HTML5
- ‫השרש‬ ‫אלמנט‬
‫בדף‬ root
‫שמכיל‬ ‫אלמנט‬
‫הדף‬ ‫על‬ ‫מידע‬
‫הכותרת‬ ‫את‬ ‫שמכיל‬ ‫אלמנט‬
‫הדף‬ ‫של‬‫את‬ ‫שמכיל‬ ‫אלמנט‬
‫הדף‬ ‫של‬ ‫הנראה‬ ‫התוכן‬
‫כותרת‬
‫פיסקה‬

HTML ‫תג‬
‫אלמנט‬ ‫של‬ ‫וסיום‬ ‫התחלה‬ ‫לסימון‬ ‫משמש‬ ‫תג‬
‫הבאה‬ ‫בצורה‬ ‫בד"כ‬ ‫נראה‬ ‫תג‬
<tag name> ‫תוכן‬ </tag name>
‫שלו‬ ‫והתוכן‬ </h1> ‫ע"י‬ ‫מוגדרת‬ ‫האלמנט‬ ‫סוף‬ <h1> ‫ע"י‬ ‫מוגדרת‬ ‫הבא‬ ‫האלמנט‬ ‫תחילת‬ : ‫לדוגמה‬
Big Heading ‫הוא‬
‫לכתוב‬ ‫גם‬ (W3C ‫ע"פ‬ ‫רצוי‬ ‫)לא‬ ‫אפשר‬ ‫ז"א‬ case sensitive ‫אינו‬ HTML ‫תג‬ : ‫הערה‬
<H1>Big Heading</H1>
/https://www.w3schools.com/tags - ‫כאן‬ ‫מופיע‬ ‫התגים‬ ‫כל‬ ‫של‬ ‫טוב‬ ‫תיעוד‬
5
‫התחלה‬ ‫תג‬ ‫סיום‬ ‫תג‬

HTML DOM (Document Object Model)
.document ‫בשם‬ ‫אוביקט‬ ‫ידי‬ ‫על‬ ‫מיוצג‬ ‫הוא‬ ‫לדפדפן‬ ‫נטען‬ HTML ‫דף‬ ‫כאשר‬
Javascript ‫ל‬ ‫כשנגיע‬ ‫בנושא‬ ‫נרחיב‬
6

HTML ‫אלמנטי‬
‫לדוגמה‬ ‫התחלה‬ ‫בתג‬ ‫ומתחיל‬ ‫תוכן‬ ‫,מכיל‬ ‫סיום‬ ‫בתג‬ ‫מסתיים‬ ‫בד"כ‬ HTML ‫אלמנט‬
<p>This is my paragraph</p>
: (nested element) ‫אחרים‬ ‫אלמנטים‬ ‫להכיל‬ ‫יכול‬ HTML ‫אלמנט‬
<body>
<p>some paragraph</p>
</body>
‫חדשה‬ ‫שורה‬ ‫התחלת‬ ‫מייצג‬ ‫אשר‬ <br> ‫לדוגמה‬ ‫תוכן‬ ‫ללא‬ HTML ‫אלמנטי‬ ‫יש‬ : ‫הערה‬
7

element attribute - ‫אלמנט‬ ‫מאפיני‬
attribute - ‫מאפיין‬ ‫שנקרא‬ ‫נוסף‬ ‫מידע‬ ‫לאלמנט‬ ‫להוסיף‬ ‫ניתן‬ ‫לו‬ ‫בנוסף‬ , ‫תוכן‬ ‫יש‬ ‫לאלמנט‬
: ‫אלמנט‬ ‫מאפייני‬ ‫על‬ ‫עוד‬ ‫מה‬
●attribute - ‫מאפיין‬ ‫להיות‬ ‫יכול‬ ‫אלמנט‬ ‫לכל‬
●‫לאלמנט‬ ‫נוסף‬ ‫מידע‬ ‫מוסיף‬ attribute - ‫מאפיין‬
●‫ההתחלה‬ ‫בתגית‬ ‫תמיד‬ ‫מוגדר‬ attribute - ‫מאפיין‬
●key=value ‫באנגלית‬ ‫או‬ ‫ערך‬ ‫ו‬ ‫מפתח‬ ‫בצמד‬ ‫בד"כ‬ ‫מגיע‬ attribute - ‫מאפיין‬
‫לדוגמה‬
<a href="https://www.ynet.co.il">This is a link</a>
8

Heading - ‫כותרת‬ ‫אלמנט‬
<h6> ‫עד‬ <h1> ‫התגיות‬ ‫באמצעות‬ ‫מוגדרים‬
‫ביותר‬ ‫והגדולה‬ ‫החשובה‬ ‫הכותרת‬ ‫את‬ ‫מייצג‬ <h1>
‫וקטנה‬ ‫חשובה‬ ‫פחות‬ ‫הכי‬ ‫הכותרת‬ ‫את‬ ‫מייצג‬ <h6>
<h1>heading 1</h1>
<h6>heading 1</h6>
.‫הדף‬ ‫את‬ ‫לייצג‬ ‫כדי‬ ‫אלה‬ ‫בכותרות‬ ‫משתמשים‬ ‫חיפוש‬ ‫מנועי‬
‫בלבד‬ ‫טקסט‬ ‫הגדלת‬ ‫לצורך‬ ‫ולא‬ ‫בלבד‬ ‫לכותרת‬ ‫הזה‬ ‫באלמנט‬ ‫להשתמש‬ ‫מומלץ‬
9

Paragraph - ‫פיסקה‬ ‫אלמנט‬
<p> ‫התגית‬ ‫באמצעות‬ ‫מוגדר‬
: ‫לדוגמא‬
<p>This is paragraph 1</p>
<p>This is paragraph 2
This this is NOT new line on the browser
</p>
<p>This is<br>a paragraph<br>with line breaks.</p>
10
p ‫אלמנט‬ ‫בתוך‬ ‫חדשה‬ ‫שורה‬ ‫כתיבת‬
‫יוצג‬ ‫כשהדף‬ ‫חדשה‬ ‫לשורה‬ ‫תגרום‬ ‫לא‬
‫בדפדפן‬
‫יגרום‬ br ‫אלמנט‬ ‫ב‬ ‫שימוש‬
‫חדשה‬ ‫לשורה‬

Text Formatting - ‫טקסט‬ ‫תצוגת‬
‫הטקסט‬ ‫תצוגת‬ ‫על‬ ‫לשלוט‬ ‫שממאפשרים‬ ‫אלמנטים‬ ‫מספר‬ ‫ישנם‬
<strong>strong text</strong><br>
<i>italic text</i><h3>HTML <small>Small</small> Formatting</h3>
<h3>HTML <mark>Marked</mark> Formatting</h3>
<p>color is <del>blue</del> red.</p>
<p>My favorite <ins>color</ins> is red.</p>
<p>This is <sub>subscripted</sub> text.</p>
<p>This is <sup>superscripted</sup> text.</p>
11

URL (Unified Resource Locator) - ‫משאב‬ ‫של‬ ‫כתובת‬
‫באנטרנט‬ Resource - ‫משאב‬ ‫של‬ ‫כתובת‬ ‫היא‬ URL
(… video ‫קובץ‬ , audio ‫קובץ‬ , ‫תמונה‬ ‫קובץ‬ ,php ‫קובץ‬ , asp ‫,קובץ‬html ‫)קובץ‬ ‫קובץ‬ ‫כלל‬ ‫בדרך‬ ‫יהיה‬ ‫משאב‬
: ‫לדוגמא‬ ‫בכתובת‬ ‫שנמצא‬ ‫קובץ‬ ‫מחזיר‬ ‫הדפדפן‬ ‫אז‬ enter ‫על‬ ‫ולוחצים‬ ‫כתובת‬ ‫בדפדפן‬ ‫מקלידים‬ ‫כאשר‬
http://www.ynet.co.il
‫כמו‬ ‫זה‬
http://www.ynet.co.il/home/0,7340,L-8,00.html
(‫השני‬ ‫של‬ ‫קיצור‬ ‫הוא‬ ‫)הראשון‬ ‫קובץ‬ ‫אותו‬ ‫של‬ ‫כתובת‬ ‫זה‬ ‫המקרים‬ ‫ובשני‬
local ‫מקומי‬ ‫קובץ‬ ‫גם‬ URL ‫בעזרת‬ ‫להגדיר‬ ‫אפשר‬
12
URL

Link - ‫קישור‬ ‫אלמנטו‬
‫אחר‬ html ‫דף‬ ‫לדוגמא‬ ‫אחר‬ Resource‫ל‬ ‫לעבור‬ ‫אפשר‬ ‫קישור‬ ‫אלמנט‬ ‫בעזרת‬
‫הבאה‬ ‫בצורה‬ <a> ‫תגית‬ ‫בעזרת‬ ‫מוגדר‬ ‫קישור‬ ‫אלמנט‬
<a href="url">link text</a>
cursor - ‫יד‬ ‫כמו‬ ‫נראה‬ ‫הוא‬ ‫הלינק‬ ‫על‬ ‫העכבר‬ ‫עם‬ ‫עוברים‬ ‫כאשר‬
‫דוגמה‬
<a href="http://www.ynet.co.il">Visit Ynet</a>
http://www.ynet.co.il ‫ל‬ ‫הדפדפן‬ ‫את‬ ‫תעביר‬ ‫הלינק‬ ‫על‬ ‫לחיצה‬
13

Image - ‫תמונה‬ ‫אלמנטו‬
‫תמונה‬ ‫להציג‬ ‫אפשר‬ ‫תמונה‬ ‫אלמנט‬ ‫בעזרת‬
‫הבאה‬ ‫בצורה‬ <img> ‫תגית‬ ‫בעזרת‬ ‫מוגדר‬ ‫תמונה‬ ‫אלמנט‬
<img src="url" alt="some_text" width:”width” height:”height">
‫דוגמה‬
<img src="smiley.gif" alt="Smiley face" height="300" width="100">
<img src="https://homepages.cae.wisc.edu/~ece533/images/airplane.png"
alt="Airplane" width="200" height="100">
14
‫הדפדפן‬ ‫שיציג‬ ‫טקסט‬
‫את‬ ‫לראות‬ ‫ניתן‬ ‫לא‬ ‫אם‬
‫התמונה‬
‫התמונה‬ ‫ורוחב‬ ‫גובה‬
‫מספר‬ - ‫בפיקסלים‬
‫שלם‬

Table - ‫טבלה‬ ‫אלמנט‬
‫טבלה‬ ‫להציג‬ ‫אפשר‬ ‫טבלה‬ ‫אלמנט‬ ‫בעזרת‬
<table> ‫תגית‬ ‫בעזרת‬ ‫מוגדר‬ ‫טבלה‬ ‫אלמנט‬
table header ‫של‬ ‫תיבות‬ ‫ראשי‬ <th> ‫תגית‬ ‫בעזרת‬ ‫מוגדרת‬ ‫הטבלה‬ ‫כותרת‬
table row ‫של‬ ‫תיבות‬ ‫ראשי‬ <tr> ‫תגית‬ ‫בעזרת‬ ‫מוגדרת‬ ‫שורה‬ ‫כל‬
table data ‫של‬ ‫תיבות‬ ‫ראשי‬ <td> ‫תגית‬ ‫בעזרת‬ ‫מוגדר‬ ‫בטבלה‬ ‫איבר‬
15

‫דוגמה‬ - ‫טבלה‬ ‫אלמנט‬
16
‫,אחת‬ ‫טבלה‬ ‫תגית‬
‫הטבלה‬ ‫בתחילת‬
‫סיומה‬ ‫ואחת‬
‫להגדרת‬ ‫תגית‬
‫עמודה‬ ‫של‬ ‫כותרת‬
‫כל‬ ‫שמגדירה‬ ‫תגית‬
‫בטבלה‬ ‫שורה‬
‫כל‬ ‫להגדרת‬ ‫תגית‬
‫בטבלה‬ ‫בשורה‬ ‫איבר‬

Unordered List - ‫ממוספרת‬ ‫לא‬ ‫רשימה‬ ‫אלמנט‬
(unordered) ‫ממוספרת‬ ‫ולא‬ (ordered) ‫ממוספרת‬ ‫רשימה‬ ‫להציג‬ ‫אפשר‬ ‫רשימה‬ ‫אלמנט‬ ‫בעזרת‬
unordered list ‫של‬ ‫תיבות‬ ‫ראשי‬ <ul> ‫תגית‬ ‫בעזרת‬ ‫מגדירים‬ ‫ממוספרת‬ ‫לא‬ ‫רשימה‬
‫לדוגמא‬ . list item ‫של‬ ‫תיבות‬ ‫ראשי‬ ‫לדוגמא‬ <li> ‫תגית‬ ‫באמצעות‬ ‫בה‬ ‫איבר‬ ‫וכל‬
<ul>
<li>Haifa</li>
<li>Tel Aviv</li>
<li>Lod</li>
</ul>
17

Ordered List - ‫ממוספרת‬ ‫רשימה‬ ‫אלמנט‬
ordered list ‫של‬ ‫תיבות‬ ‫ראשי‬ <ol> ‫תגית‬ ‫בעזרת‬ ‫מגדירים‬ ‫ממוספרת‬ ‫רשימה‬
‫לדוגמא‬ . list item ‫של‬ ‫תיבות‬ ‫ראשי‬ ‫לדוגמא‬ <li> ‫תגית‬ ‫באמצעות‬ ‫בה‬ ‫איבר‬ ‫וכל‬
<ol>
<li>Haifa</li>
<li>Tel Aviv</li>
<li>Lod</li>
</ol>
18

Form - ‫טופס‬ ‫אלמנט‬
‫מהמשתמש‬ ‫מידע‬ ‫לקלוט‬ ‫מאפשר‬ ‫טופס‬ ‫אלמנט‬
: ‫הבאה‬ ‫בצורה‬ ‫ונראה‬ <form> ‫תגית‬ ‫בעזרת‬ ‫מוגדר‬ ‫טבלה‬ ‫אלמנט‬
<form>
form elements
</form>
input ‫תגית‬ ‫בעזרת‬ ‫מוגדרים‬ ‫אשר‬ ‫אלמנטים‬ ‫שהם‬ ‫טופס‬ ‫של‬ ‫אלמנטים‬ ‫יהיו‬ ‫טופס‬ ‫בתוך‬
19

Input - ‫מהמשתמש‬ ‫קלט‬ ‫אלמנטי‬ ‫עם‬ ‫טופס‬
‫מהמשתמש‬ ‫שונות‬ ‫בצורות‬ ‫מידע‬ ‫לקלוט‬ ‫מאפשר‬ ‫מהמשתמש‬ ‫קלט‬ ‫אלמנט‬
<input> ‫תגית‬ ‫בעזרת‬ ‫מוגדר‬ ‫מהמשתמש‬ ‫קלט‬ ‫אלמנט‬
: ‫חשובים‬ attributes ‫מאפיינים‬ ‫מספר‬ ‫ישנם‬ ‫קלט‬ ‫לאלמנט‬
●‫וכיוצא‬ ‫שלם‬ ‫מספר‬ , ‫בוליאני‬ , ‫טקסט‬ ‫לדוגמא‬ ‫הקלט‬ ‫סוג‬ ‫את‬ ‫להגדיר‬ ‫מנת‬ ‫על‬ ‫משמש‬ - type
‫באלה‬
●‫האלמנט‬ ‫שם‬ - name
●‫ראשוני‬ ‫ערך‬ ‫להכנסת‬ ‫משמש‬ - value
20

‫דוגמה‬ - ‫מהמשתמש‬ ‫קלט‬ ‫אלמנטי‬ ‫עם‬ ‫טופס‬
<form>
First Name : <input type="text" name="firstName" value="John"/>
<br>
Last Name : <input type="text" name="lastName" value="Deer"/><br />
Age : <input type="number" name="age"/>
<br>
<input type="submit" value="Submit"/>
</form>
21
‫ראשוני‬ ‫ערך‬
‫הטקסט‬ ‫בתיבת‬
‫מסוג‬ ‫קלט‬
‫טקסט‬
‫מסוג‬ ‫קלט‬
‫מספר‬ ‫האלמנט‬ ‫שם‬

HTML entities
‫אז‬ ‫מטקסט‬ ‫כחלק‬ ‫לדוגמא‬ ‫להציגם‬ ‫צורך‬ ‫יש‬ ‫ואם‬ ‫לדוגמא‬ HTML ‫ב‬ ‫שמורים‬ ‫תווים‬ ‫מספר‬ ‫ישנם‬
‫הבאה‬ ‫בטבלה‬ ‫משתמשים‬
(html entity ‫עם‬ ‫)אלא‬ ‫לרשום‬ ‫ניתן‬ ‫לא‬ ‫לדוגמה‬
<p> <html> </html> </p>
22

IFrame
HTML ‫דף‬ ‫בתוך‬ HTML ‫דף‬ ‫להציג‬ ‫מאפשר‬ IFrame ‫אלמנט‬
IFrame ‫תג‬ ‫באמצעות‬ ‫מיוצג‬ IFrame ‫אלמנט‬
‫לדוגמא‬
<iframe src="http://www.maccabi.co.il" height="400" width="600"></iframe
23

Comments
(‫שורות‬ ‫מספר‬ ‫להימשך‬ ‫)יכול‬ ‫הבאה‬ ‫בצורה‬ ‫הערות‬ ‫להוסיף‬ ‫ניתן‬

‫שורות‬ ‫מספר‬ ‫להמשך‬ ‫יכולה‬ ‫ההערה‬
24

Drop Down List - ‫רשימה‬ ‫מתוך‬ ‫בחירה‬
‫אופציה‬ ‫לבחור‬ ‫יכול‬ ‫הוא‬ ‫שממנה‬ ‫וסופית‬ ‫מוגדרת‬ ‫רשימה‬ ‫למשתמש‬ ‫לתת‬ ‫מאפשר‬ ‫רשימה‬ ‫מתוך‬ ‫בחירה‬ ‫אלמנט‬
‫אחת‬
<select> ‫תגית‬ ‫באמצעות‬ ‫מוגדר‬ ‫רשימה‬ ‫מתוך‬ ‫בחירה‬ ‫אלמנט‬
‫לדוגמא‬ ‫לבחירה‬ ‫האופציות‬ ‫את‬ ‫להגדיר‬ ,‫מאפשר‬ <select> ‫אלמנט‬ ‫בתוך‬ option‫ה‬ ‫תגית‬
<select>
<option value="haifa">Haifa</option>
<option value="lod" selected>Lod</option>
<option value="tel_aviv">Tel-Aviv</option>
<option value="jerusalem">Jerusalem</option>
</select>
25
‫מוצגת‬ ‫בחירה‬

File Path - ‫לקובץ‬ ‫נתיב‬
‫האתר‬ ‫של‬ ‫בספריה‬ ‫שנמצא‬ ‫קובץ‬ ‫של‬ ‫המיקום‬ ‫את‬ ‫מתאר‬ HTML ‫ב‬ ‫לקובץ‬ ‫נתיב‬
‫לוקלי‬ ‫למיקום‬ ‫דוגמה‬
URL ‫על‬ ‫בשקף‬ ‫קודם‬ ‫ראינו‬ ‫באינטרנט‬ ‫אבסולוטי‬ ‫למיקום‬ ‫דוגמה‬
java script ‫קובצי‬ , css ‫קבצי‬ , ‫תמונה‬ ‫קובצי‬ , html ‫קובצי‬ : ‫עבור‬ ‫לדוגמא‬ ‫תעשה‬ ‫לקבצים‬ ‫קישוריות‬
26
<img src="pic.jpg"> html‫ה‬ ‫קובץ‬ ‫נמצא‬ ‫בה‬ ‫ספריה‬ ‫באותה‬ ‫נמצא‬ ‫הקובץ‬
<img src="images/pic.jpg"> html‫ה‬ ‫לקובץ‬ ‫ביחס‬ images ‫בספריה‬ ‫נמצא‬ ‫הקובץ‬
<img src="/images/pic.jpg"> ‫האתר‬ ‫של‬ ‫השורש‬ ‫בספרית‬ ‫נמצא‬ ‫הקובץ‬
<img src="../pic.jpg"> ‫נמצא‬ ‫בה‬ ‫לספריה‬ ‫ביחס‬ ‫אחת‬ ‫ספריה‬ ‫נמצא‬ ‫הקובץ‬
‫שרת‬ ‫בצד‬ ‫רק‬ ‫עובד‬ . html‫ה‬ ‫קובץ‬

HTML Block and Inline Elements
‫האלמנט‬ ‫לסוג‬ ‫בהתאם‬ ‫הצגה‬ ‫ערך‬ ‫יש‬ ‫אלמנט‬ ‫לכל‬
inline ‫או‬ block ‫היא‬ ‫האלמנטים‬ ‫רוב‬ ‫של‬ (default) ‫המחדל‬ ‫ברירת‬
27
Block level elements Inline elements
‫הרוחב‬ ‫כל‬ ‫את‬ ‫ולוקח‬ ‫חדשה‬ ‫בשורה‬ ‫תמיד‬ ‫מתחיל‬
‫לו‬ ‫שניתן‬
‫הרוחב‬ ‫את‬ ‫רק‬ ‫ולוקח‬ ‫חדשה‬ ‫בשורה‬ ‫מתחיל‬ ‫לא‬
‫צריך‬ ‫שהוא‬
div , h1-h6 , p , form : ‫לדוגמא‬ span , a , img : ‫לדוגמא‬

style - ‫עיצוב‬
‫אלמנט‬ ‫של‬ attribute - ‫מאפיין‬ ‫הוא‬ style
: ‫הוא‬ ‫במאפיין‬ ‫השימוש‬
<tagname style="property:value;">
‫פסיק‬ ‫נקודה‬ ‫יש‬ value ‫ואחרי‬ ‫נקודתיים‬ ‫יש‬ value ‫ל‬ property ‫בין‬ : ‫חשוב‬
‫פשוטה‬ ‫דוגמא‬ ‫רק‬ ‫וניתן‬ ‫בהמשך‬ CSS ‫על‬ ‫נרחיב‬
<p style="color: red; font-size: 30px;">Hello</p>
css value ‫ו‬ css property ‫של‬ ‫זוגות‬ ‫כמה‬ ‫לרשום‬ ‫אפשר‬ : ‫חשוב‬
28
CSS
property
CSS value

Class
class ‫אותו‬ ‫בעלי‬ ‫אלמנטים‬ ‫למספר‬ ‫אחד‬ style ‫ליחס‬ ‫מאפשר‬ ‫אשר‬ ‫אלמנט‬ ‫של‬ attribute - ‫מאפיין‬ ‫הוא‬ class
CSS ‫על‬ ‫בחלק‬ ‫נרחיב‬
29

Id
.unique identifier - ‫משמעי‬ ‫חד‬ ‫מציין‬ ‫לו‬ ‫לתת‬ ‫מאפשר‬ ‫אשר‬ ‫אלמנט‬ ‫של‬ attribute - ‫מאפיין‬ ‫הוא‬ id
JavaScript ‫ו‬ CSS ‫על‬ ‫בחלק‬ ‫נרחיב‬
30

Javascript
Java Script ‫ב‬ ‫להשתמש‬ ‫שמאפשרת‬ ‫תגית‬ ‫הוא‬ Script
‫לדוגמא‬
<script>
document.getElementById("someId").innerHTML = "This text is set by Java Script";
</script>
javascript ‫של‬ ‫בחלק‬ ‫נרחיב‬
31

HTML

Recommended

Recommended

More Related Content

Similar to HTML

Similar to HTML (9)

More from Nathan Krasney

More from Nathan Krasney (13)

HTML