[מדריך] HTML - קישורים ותמונות

[ido_gold]

היי!

מדריך זה ילמד אותכם כיצד להוסיף קישורים (לינקים - Links) לעמוד הHTML שלכם, וכיצד להציג תמונות.

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

אז בואו נתחיל.

קישורים:

לתגית הקישור תגית פתיחה ותגית סיום : <a></a>

תגית ה<a> נכתבת כך:

PHP קוד:

<a href="TheLink" target="Target">The Text</a> 


עכשיו להסבר:
תחילה נפתח את התגית שלנו, אחר כך נוסיף את המאפיין "href".
מאפיין זה קובע את הכתובת שאליה יקשר הקישור. (חובה לכתוב http://.)
דוגמה: href=http://www.host.co.il.

המאפיין target קובע את המטרה שבא יפתח הקישור.
אם אתם רוצים שהקישור יפתח בIframe או Frame שיש באתרכם, ציינו את שמו בין הגרשיים.
אפשרויות אחרות הן:
_blank (ה_ לפני) - יפתח בחלון חדש
_Self (גם פה ה_ לפני)- יפתח בעמוד הנוכחי

אם לא נקבע target הקישור יפתח תמיד באותו חלון.

אם נרצה לעשות קישור שיפתח חלון שליחת איימיל נכתוב כך:

PHP קוד:

<a href="mailto:username@domain.com?subject=Subject">EMAIL ME</a> 


עכשיו להסבר,
נתחיל אותו דבר כמו בקישור רגיל, ובתחילת הקישור נוסיף mailto:.
אחרי נכתוב את האיימיל עליו ישלח הדואר, ואם נרצה להוסיף נושא קבוע להודעה נוכל לכתוב?subject אחרי הכתובת ואז את הנושא, כמו בדוגמה.
נסגור את התגית, נכתוב את הטקסט שהמשתמש יראה, ונסגור את התגית.

תמונות:
בכדי להציג תמונה בדף נשתמש בתגית <img>.
כך:

PHP קוד:

<img src="ImgLocation" border="1" alt="Image"> 


ההסבר:
המאפיין src הוא כתובת התמונה ברשת, כולל http://.
המאפיין border יקבע את גודל הגבול שמסביב לתמונה בפיקסלים. (0 לכלום).
המאפיין alt יקבע את הטקסט שיכתב בריבוע הצהוב שיפתח במידה ונשאיר את הסמן שלנו על התמונה למספר שניות.

ישנם מאפיינים נוספים כמו bordercolor שיקבע את צבע הגבול וכדומה.

שילוב בין השתיים:
יש אפשרות להשתמש בתמונות בקישורים.
כדי לעשות זאת נשלב את שתי התגיות שלנו.
כך:

PHP קוד:

<a href="http://domain.com" target="_blank"><img src="http://domain.com/image.jpg" border="1" bordercolor="#000000"></a> 


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


עד כאן המדריך : )

לעזרה אתם יכולים לפנות עלי בה"פ או באיסיקיו : 158719387 ובמסנג'ר: ido-roee@012.net.il..

יום נעים, חג שמח ושנה טובה!