• הרשמו ולמדו כיצד להרוויח כסף ברשת בקלות !
  • האתר עוסק בכסף ברשת, תכנות, עיצוב, שיווק וקידום ועוד !!
  • דרושים מנהלים ומפקחים


דירוג האשכול:
  • 0 הצבעות - 0 בממוצע
  • 1
  • 2
  • 3
  • 4
  • 5
מידע| שיעור 2 - [HTML]
#1
שלום לכולם וברוכים הבאים לבית הספר לתכנות!

השיעור השני שלנו יעסוק בתגיות נפוצות בHTML.

בואו נתחיל!
התגית הראשונה שנעסוק בה היום היא כותרות בטקסט:

קוד:
<body>
<h1> כותרת - h1 </h1>
<h2> כותרת - h2 </h2>
<h3> כותרת - h3 </h3>
<h4> כותרת - h4 </h4>
<h5> כותרת - h5 </h5>
<h6> כותרת - h6 </h6>
</body>


התוצאה שנקבל היא:
כותרת - h1
כותרת - h2
כותרת - h3
כותרת - h4

כותרת - h5
כותרת - h6


 בעצם זה מסודר בצורה כזאת (hx) כש-x מצייג מספר וככל שהמספר קטן יותר ככה הגודל יהיה גדול יותר.

התגית הבאה שנכיר היא של תמונות:
נרצה לשים תמונה בדף שלנו, נרשום קוד כזה:
קוד:
<img src="images/mypic.png"
    width="254" height="63" alt="isramoney-mypic" />

src - הנתיב שממנו נקבל את התמונה שלנו

width - הרוחב
height - הגובה
alt -  השם החלופי במידה והתמונה לא תעלה

תגית נוספת שנלמד היום היא קישור - href:

קוד:
<a href="https://isramoney.co.il/">IsraMoney</a>


נתחיל בתגית <a href> שהיא תוביל לקישור שלנו - את הקישור נסמן במרכאות.
לאחר מכן נסמן ב<> את הטקסט שיוביל לקישור ולסיום תגית <a/>.

עכשיו אם נרצה להוסיף קישור לתמונה, איך נעשה זאת?

קוד:
<a href="http://www.isramoney.co.il"><img src="images/mypic.png" alt="isramoney" /></a>

מה שעשינו כאן זה שילוב של שני הדברים שלמדנו היום.

עד כאן לשיעור השני בבית הספר לתכנות!
נפגש בשיעור הבא!
 
צטט
#2
תודה אחשלי
 
צטט
  


קפיצה לפורום:


Browsing: 1 אורחים

עוצב ע"י XSTYLED |
תורגם ע"י DanielM |
מופעל באמצעות MyBB |
תורגם באמצעות MyHeBB |
Copyright © 2014