Menu
Coddy logo textTech
להתחיל ללמוד
flag He iconעבריתdown icon

תמונת פרופיל

חלק מהיחידה יסודות במסלול ה-HTML של Coddy. שיעור 32 מתוך 60.

challenge icon

אתגר

קל

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

  1. אחרי ה־div הראשון (מקטע הכותרת), צור עוד <div>. הוסף בתוכו תגית <img>.
  2. הגדר את src כך שיקשר לתמונה שלך, והשתמש במאפיינים width ו־height כדי לקבוע את הגודל שלה.

לדוגמה:

  • src - https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.png
  • width - 200
  • height - 200"

נסו בעצמכם

<!DOCTYPE html>
<html>
    <body>
        <!-- Header Section -->
        <div>
            <h1>John Doe</h1>
            <p>Web Developer | Creative Thinker</p>
        </div>
    </body>
</html>

כל השיעורים ביחידה יסודות

1יסודות HTML

מהו HTML?המבנה הבסיסי של מסמך HTMLתגיות ואלמנטיםקינון ותגיות סגירההערות ב-HTML

4כרטיס מתכון

סקירת הפרויקטשם המתכון ותיאורושיעור פרויקטמצרכיםשיעור פרויקטשלביםשיעור פרויקט

7עמוד פרופיל אישי

סקירת הפרויקטאזור הכותרתשיעור פרויקטתמונת פרופילשיעור פרויקטאזור קצת עליישיעור פרויקטקישורים לרשתות חברתיותשיעור פרויקט

10טבלאות

יסודות הטבלאותהוספת כותרותמיזוג שורות ועמודותסיכום – טבלאות

2טקסט ועיצוב

כותרותפסקאותמעברי שורהטקסט מודגש ונטוישוב טקסט מודגש ונטויסיכום – עיצוב

5הוספת תוכן

מאפייני HTMLקישוריםקישורים לדפים חדשיםתמונותמאפייני תמונה

8טפסים וקלטים חלק 1

יסודות הטפסיםשדות טקסטמאפייני קלטשדה סיסמהתוויות לשדות קלטסיכום - טופס בסיסי

11עמוד הרשמה לאירוע

סקירת הפרויקטאזור הכותרתשיעור פרויקטאזור פרטי האירועשיעור פרויקטטופס הרשמהשיעור פרויקטאזור הכותרת התחתונהשיעור פרויקט

3עבודה עם רשימות

רשימה לא מסודרתרשימה מסודרתרשימות מקוננותסיכום – רשימות

6פריסת עמוד

חלוקותרכיבי span בשורהתגיות סמנטיותמקטעים ומאמריםסיכום – פריסה

9טפסים וקלטים חלק 2

כפתורי בחירהתיבות סימוןתפריטים נפתחיםכפתוריםכפתורים בטפסיםסיכום – טפסים #1סיכום – טפסים #2

12אתגרים מסכמים

כרטיס פרופיל פשוטכרטיס הזמנה לאירועעמוד מאמר פשוטרשימת הספרים האהובים

תרגלו בעצמכם: Web אונליין