הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   תכנות - מדריכים, code snippets (https://hosts.co.il/forums/forumdisplay.php?f=68)
-   -   [מדריך] HTML - בסיס (https://hosts.co.il/forums/showthread.php?t=17304)

OSR 06-03-06 20:16

[מדריך] 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 המתחילים.
בלעדי להוסטס.

OldMega 06-03-06 21:10

מדריך נחמד, כל הכבוד .

WebProject 06-03-06 21:14

מדריך נחמד... אבל כבר קיימים מדריכים שמכסים את החומר הזה, אחד מהם זה אחד שאני כתבתי:
http://www.hosts.co.il/forums/showth...=1952#post1952

בכל מקרה, תודה, יעזור :)

OSR 06-03-06 21:17

בקיצור מה שיש שם יש גם פה, כאן רק פירטתי על קישורים, תמונות, וטבלאות... שחכתי פריימים אבל לא משנה...

WebProject 06-03-06 21:18

ציטוט:

נכתב במקור על ידי os007
בקיצור מה שיש שם יש גם פה, כאן רק פירטתי על קישורים, תמונות, וטבלאות... שחכתי פריימים אבל לא משנה...

מה שנכתב במדריכים אחרים... אבל בכל מקה, כל הכבוד על ההשקעה :)

CoB7a 06-03-06 21:24

מדריך נחמד מאד...

exciter 06-03-06 22:58

נחמד אבל עוד פעם...
HTML, זה עיצוב ( הדף ) !

OSR 07-03-06 06:47

ציטוט:

נכתב במקור על ידי exciter
נחמד אבל עוד פעם...
HTML, זה עיצוב ( הדף ) !

לא אמרתי שלא : )

WebProject 07-03-06 07:05

בוא נחסל את הבעיות שהיו עד עכשיו, נתחיל מכך שHTML היא כן שפה, HTML היא קיצור לשם: Hyper Text Markup Language.

HTML היא שפת סימון טקסט , אין בה שום טכנולוגיה איתה אפשר להכניס תוכן דינאמי המתעדכן דרך פאנל ניהול אם משהו בסיגנון.

HTML אינה שפת תיכנות בגלל שאין בה שום חלק שתומך בצד שרת או בצד לקוח.


מקווה שהבהרתי :)


כל הזמנים הם GMT +2. הזמן כעת הוא 16:41.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ