[מדריך] HTML - בסיס - הוסטס

OSR · 06-03-06, 20:16

זהו מדריך Html בסיסי למתחילים, מי שילמד מכאן לא יהיה מתכנת "דגול" אבל מומלץ לעיין פה ולראות דברים לפני שאתם לומדים.
עכשיו נתחיל:
Html מורכב מתגים.
התג הבסיסי ביותר ב html הוא התג <html> המכריז על התחלה של מסמך Html, תג זה נגמר ב </html> שזאת אומרת סוף מסמך הHTML.
לאחר תג ה Html בדרך כלל נשים את התג <head> שזה מראה על תחילת ראש המסמך. תג זה מסתיים ב: </head> כלומר, סוף ראש המסמך.
בין תג ה: <head> לתג </head> בדרך כלל נשים את התג <title> המאפשר לערוך את כותרת הדף. כאן למשל, הכותרת של הדף היא "הוסטס - פורום אחסון האתרים הגדול בישראל". כשנרצה לסיים לערוך את כותרת הדף, נכתוב </title> ואז, אם לא נרצה לערוך עוד דבר בראש העמוד, נרשום </head>

.
עכשיו, כשנרצה לערוך את גוף העמוד, נכתוב את התג <body> שדרכו גם אפשר לקבוע את צבע הרקע בדף. אם למשל נרצה צבע שחור, אז נרשום: <body bgcolor="black"> או יותר לדיוק: <body bgcolor="#000000">.
את תג ה body נסגור עם </body>
אם נרצה לכתוב טקסט נכתוב אותו ללא שום תג, בין תגי הפתיחה של הסגירה של ראש העמוד (<body>) פשוט. יש אפשרות לכתוב טקסט מיוחד ולקבוע פונט, זה עושים עם התג <font> שלא אפרט עיליו עכשיו.
ב Html ניתן גם לעשות קישורים, את הקישורים עושים בעזרת התג <a> . הינה מבנה הקישורים:

HTML קוד:

<a href="קובץאייגטיאמאל.html"> מה שאתם רוצים שילחצו עליו... (במקרה הזה טקסט.) אפשר גם תמונה (נלמד בהמשך) </a>

אם נרצה לעשות תמונה נשתמש בתג img ...
מבנה התג:

HTML קוד:

<img src="image.gif">

את תג ה img אין צורך לסגור.
אפשר גם לעשות טבלאות,
תחילת טבלה: <table>
תחילת שורה: <tr>
תחילת תא: <td>
כמובן שתצתרכו לסגור כל תג בסיום הפעולה.
זהו בערך סוף תוכן המדריך.
עוד משהו חשוב שברצוני להגיד,
כדי לעבור שורה בhtml
נשתמש בתג <br>
הינה דוגמא מה תוכל לעשות לאחר מדריך זה:

HTML קוד:

<html>
<head>
<title>כותרת</title>
<head>
<body bgcolor="yellow">
<a href="html2.html">לחץ כאן כדי לעבור לעמוד הבא </a>
<br>
הינה תמונה של סוס:
<br>
<img src="soos.jpg">
<br>
הינה סוס בתוך טבלה:
<br>
<table>
<tr>
<td>
<img src="soos.jpg">
</td>
</tr>
</table>
</body>
</html>

זהו סוף המדריך הבסיסי של הhtml.
מדריך זה נועד לתת הקדמה לאנשים המעוניינים ללמוד את השפה.
תגובות ושאלות אשמח לקבל בברכה.
בהצלחה ללומדי הhtml המתחילים.
בלעדי להוסטס.

06-03-06, 20:16	# 1
OSR משתמש - היכל התהילה מיני פרופיל תאריך הצטרפות: Oct 2005 הודעות: 612	[מדריך] HTML - בסיס זהו מדריך Html בסיסי למתחילים, מי שילמד מכאן לא יהיה מתכנת "דגול" אבל מומלץ לעיין פה ולראות דברים לפני שאתם לומדים. עכשיו נתחיל: Html מורכב מתגים. התג הבסיסי ביותר ב html הוא התג <html> המכריז על התחלה של מסמך Html, תג זה נגמר ב </html> שזאת אומרת סוף מסמך הHTML. לאחר תג ה Html בדרך כלל נשים את התג <head> שזה מראה על תחילת ראש המסמך. תג זה מסתיים ב: </head> כלומר, סוף ראש המסמך. בין תג ה: <head> לתג </head> בדרך כלל נשים את התג <title> המאפשר לערוך את כותרת הדף. כאן למשל, הכותרת של הדף היא "הוסטס - פורום אחסון האתרים הגדול בישראל". כשנרצה לסיים לערוך את כותרת הדף, נכתוב </title> ואז, אם לא נרצה לערוך עוד דבר בראש העמוד, נרשום </head> . עכשיו, כשנרצה לערוך את גוף העמוד, נכתוב את התג <body> שדרכו גם אפשר לקבוע את צבע הרקע בדף. אם למשל נרצה צבע שחור, אז נרשום: <body bgcolor="black"> או יותר לדיוק: <body bgcolor="#000000">. את תג ה body נסגור עם </body> אם נרצה לכתוב טקסט נכתוב אותו ללא שום תג, בין תגי הפתיחה של הסגירה של ראש העמוד (<body>) פשוט. יש אפשרות לכתוב טקסט מיוחד ולקבוע פונט, זה עושים עם התג <font> שלא אפרט עיליו עכשיו. ב Html ניתן גם לעשות קישורים, את הקישורים עושים בעזרת התג <a> . הינה מבנה הקישורים: HTML קוד: <a href="קובץאייגטיאמאל.html"> מה שאתם רוצים שילחצו עליו... (במקרה הזה טקסט.) אפשר גם תמונה (נלמד בהמשך) </a> אם נרצה לעשות תמונה נשתמש בתג img ... מבנה התג: HTML קוד: <img src="image.gif"> את תג ה img אין צורך לסגור. אפשר גם לעשות טבלאות, תחילת טבלה: <table> תחילת שורה: <tr> תחילת תא: <td> כמובן שתצתרכו לסגור כל תג בסיום הפעולה. זהו בערך סוף תוכן המדריך. עוד משהו חשוב שברצוני להגיד, כדי לעבור שורה בhtml נשתמש בתג <br> הינה דוגמא מה תוכל לעשות לאחר מדריך זה: HTML קוד: <html> <head> <title>כותרת</title> <head> <body bgcolor="yellow"> <a href="html2.html">לחץ כאן כדי לעבור לעמוד הבא </a> <br> הינה תמונה של סוס: <br> <img src="soos.jpg"> <br> הינה סוס בתוך טבלה: <br> <table> <tr> <td> <img src="soos.jpg"> </td> </tr> </table> </body> </html> זהו סוף המדריך הבסיסי של הhtml. מדריך זה נועד לתת הקדמה לאנשים המעוניינים ללמוד את השפה. תגובות ושאלות אשמח לקבל בברכה. בהצלחה ללומדי הhtml המתחילים. בלעדי להוסטס.


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)