//מבנה דף
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-8-i">
</head>
<body dir="rtl">
<h1 style="color:red">קליק ימני בעכבר - צפה במקור הדף</h1>
<h1 style="color:red">וכך תוכלו לראות את ההוראות </h1>
<h4 style="color:red">נכתב על ידי המורה מיכל דמארי</h4>
html- רצף תגיות וטקסט ב
</body>
//מבנה דף
</html>
<html>
<head>
<title>כותרת דף האינטרנט</title>
</head>
<body dir="rtl">
html- רצף תגיות וטקסט ב
</body>
</html>
//כיתוב בעברית
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-8-i">
</head>
//כותרת
//קיימות כותרות h1-h6
<h1 style="color:green" > מדעי המחשב</h1>
//טקסט עם צבע
<p style="color:deeppink"></p>
//צבע רקע
<body style="background-color:lightgreen ">
//סגנון גופן
<p style="font-family:Guttman Yad-Light;color:red; font-size:xx-large;font-weight:normal"> לומדים תכנות צד לקוח</p>
<p style="font-family:Guttman Rashi; color:blue;font-size:medium;font-weight:bolder"> לומדים תכנות צד לקוח</p>
<p style="font-family:David; color:green;font-size:x-small;font-style:italic"> לומדים תכנות צד לקוח</p>
//טקסט נע
<marquee>לומדים תכנות צד לקוח</marquee>
//הוספת תמונה לקובץ
<img src="picture.jpg" alt="מידע שיופיע כאשר התמונה לא תמצא" width="304" height="228">
//תמונה כרקע
<body style="background-image:url('reka1.jpg') ;background-repeat:repeat">
//תמונה כרקע - משוכפלת לפי ציר Y בלבד
<body style="background-image:url('reka1.jpg') ;background-repeat:repeat-Y">
//קישור לאתר גוגל
<a href="http://www.google.co.il">גוגל</a>
//קישור לדף אחר באותה תיקייה
<a href="page2.html">גוגל</a>
// תמונה כקישור לאתר
<a href="http://www.ynet.co.il"><img src="picture.jpg"></a>
//חודשי השנה - דוגמא
<br/>
<a href="http://he.wikipedia.org/wiki/טבת"><img src="gdi.jpg"></a>
<br/>
//תמונה כקישור לתמונה אחרת
<a href="lion2.jpg"><img src="lion1.jpg" style="border:5px red dotted"></a>
// העלאת קובץ מוסיקה
<audio controls="controls">
<source src="audio/Symphony_No_3.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
// העלאת סרטון
<video width="320" height="240" controls="controls">
<source src="video/movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
//-----------------------------------------------------------------
//טבלה
<html>
<head>
<title>טבלאות</title>
</head>
<body dir="rtl">
<table border="1">
<tr>
<td>שורה 1, תא 1</td>
<td>שורה 1, תא 2</td>
<td>שורה 1, תא 3</td>
</tr>
<tr>
<td>שורה 2, תא 1</td>
<td>שורה 2, תא 2</td>
<td>שורה 2, תא 3</td>
</tr>
<tr>
<td>שורה 3, תא 1</td>
<td>שורה 3, תא 2</td>
<td>שורה 3, תא 3</td>
</tr>
</table>
</body>
</html>
//---------------------------------------------------------
//טבלה עם כותרות
<table border="1">
<tr>
<td>
</td>
<th colspan="3">כותרת לעמודות</th>
</tr>
<tr>
<th rowspan="3">כותרת לשורות</th>
<td>שורה 1, תא 1</td>
<td>שורה 1, תא 2</td>
<td>שורה 1, תא 3</td>
</tr>
<tr>
<td>שורה 2, תא 1</td>
<td>שורה 2, תא 2</td>
<td>שורה 2, תא 3</td>
</tr>
<tr>
<td>שורה 3, תא 1</td>
<td>שורה 3, תא 2</td>
<td>שורה 3, תא 3</td>
</tr>
</table>
//----------------------------------------------------------
// דוגמא לבחינת מפמר 2013
<// תשובה לשאלה 1-ב
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-8-i">
</head>
<body dir="rtl">
<table border=1>
<tr>
<td>
<h3>חצב מצוי</h3>
הנפוץ כצמח בר מוגן בארץ ישראל
</td>
<td><img src="plant.jpg"/></td>
</tr>
<tr>
<td><a href="http://www.wildflowers.co.il">קישור לאתר</td>
<td><input type="button" name="mafmar" value="חצב מצוי"/></td>
</tr>
</body>
</html>
//----------------------------------------------------------
// בניית טופס
<p>מסגרת רכיבי טופס</p>
<form id="myForm" name="myForm">
<p> תיבת טקסט: <input type="text" id="myinput" name="myinput" value="text"/> (text)</p>
<p> תיבת סיסמה: <input type="password" id="mypass" name="mypass" value="pass" /> (password)</p>
<p>
תיבת סימון 1: <input type="checkbox" id="mycheckbox1" name="mycheckbox1" checked="checked"/> (checkbox)<br />
תיבת סימון 2: <input type="checkbox" id="mycheckbox2" name="mycheckbox2" /> (checkbox)<br />
תיבת סימון 3: <input type="checkbox" id="mycheckbox3" name="mycheckbox3"/> (checkbox)<br />
</p>
כפתור רדיו 1: <input type="radio" id="myradio1" name="myradio"/> (radio)<br />
כפתור רדיו 2: <input type="radio" id="myradio2" name="myradio" checked="checked"/> (radio)<br />
כפתור רדיו 3: <input type="radio" id="myradio3" name="myradio" /> (radio)<br />
<p>
איזור טקסט:
<textarea id="MyTextBox" name="MyTextBox" cols="20" rows="4" dir="rtl">
טקסט עם הרבה שורות
טקסט עם הרבה שורות
טקסט עם הרבה שורות
</textarea> (textarea)</p>
<p>תיבת בחירה:
<select>
<option label="123 נסיון" value = "1">111 ניסיון</option>
<option label="123 נסיון" value = "2" selected="selected">222 ניסיון</option>
<option label="123 נסיון" value = "3">333 ניסיון</option>
</select> (select)
</p><br /><br />
<p>כפתור ניקוי טופס: <input type="reset" /> (reset)</p>
<input type="button" id="calc" value="לחץ כאן" onclick="alert(4444)">
</form>
</p>
</form>
</body>
</html>
