HTML | תכנוטק

Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you have been placed in read-only mode.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

קטגוריות משנה

מדריכים

13
נושאים

15
פוסטים

התחבר בכדי לפרסם

HTML | תמונה כקישור
• מישהו12

2

0
הצבעות

2
פוסטים

34
צפיות

@מישהו12
https://webmaster.org.il/articles/html-images/
אחלה אתר!
תמונות <img>
כדי להוסיף תמונות למסמך שלנו נשתמש ברכיב <img> שהוא רכיב מיוחד מכיוון שאין לו תגית סגירה. מכיוון שעלינו לומר לדפדפן היכן למצוא את קובץ התמונה ומה המימדים שלה עלינו להוסיף לרכיב התמונה מאפיינים המציינים מידע זה. המאפיינים של תגית HTML הם צמדים של שם + ערך הנכתבים כחלק מתגית הפתיחה של הרכיב.

לתגית התמונה יש ארבעה מאפיינים (attributes בלעז) עיקריים המאפשרים לנו לציין את המידע הדרוש לדפדפן להציג את התמונה כראוי:

src – הנתיב המלא או היחסי לקובץ התמונה באתר
width – רוחב התמונה בפיקסלים (לא חובה)
height – גובה התמונה בפיקסלים (לא חובה)
alt – טקסט חלופי לתמונה עבור קוראי מסך המשמשים גולשים הסובלים מלקות ראיה

לדוגמא:

<img src=“http://www.webmaster.org.il/images/logo.gif”
width=“254” height=“63” alt=“webmaster logo” />
אם נריץ את הדף בדפדפן, נקבל את התוצאה הבאה:

HTML תמונות

חשוב לשים לב לכך שאופן כתיבת מאפיין לרכיב HTML הוא מאפיין=“ערך” כאשר שם המאפיין תמיד יהיה באנגלית ובאותיות קטנות וערך המאפיין תמיד יהיה בתוך מרכאות כפולות. כמו כן יש לשים לב לכך שלרכיב img אין תגית סגירה ולכן נסגור אותו ע"י צירוף התווים רווח ולוכסן קדמי לפני סימן הסגירה של התגית (סימן <).
איזה תוספים מומלץ להתקין על vscode?
• מוטי טבק

13

0
הצבעות

13
פוסטים

86
צפיות

https://www.codebrain.co.il/הרחבות-ל-visual-studio-code-שכדאי-להכיר/
שאלה | הצגת div כשה select משתנה
• דוד יצחק

16

0
הצבעות

16
פוסטים

130
צפיות

@דוד-יצחק
אתה משנה דברים…
אל תשנה בלי שאתה יודע קצת j.s
אפשר להתחיל ללמוד…
שולח לך קוד תקין אם תעשה העתק הדבק-זה יעבוד.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <title>.:Title of page:.</title> <style> div{ display: none; } </style> </head> <body> <select onchange="displayDiv()" id="select"> <option value="" selected>בחר תאריך...</option> <option value="01">01</option> <option value="02">02</option> </select> <div id="01"> <table dir="rtl" border="2" class="table"> <tr><th colspan="6"><h2 class="h2"> רשימת הספרים הנלקחים מהספרייה </h2></th></tr> <tr> <th></th> <th>שם</th> <th>תאריך</th> <th>ספרים</th> <th>הוחזר</th> <th>מספר טלפון</th> </tr> </table> </div> <div id = '02'> 2 זה דיב מספר </div> <script> function displayDiv() { let divs = document.querySelectorAll('div') let select = document.querySelector('#select').value divs.forEach(div => { if (div.id === select){ div.style.display='block' } else { div.style.display = 'none' } }) } </script> </body> </html>
עזרה | למרכז תמונת רקע
• משתמש שנמחק

3

0
הצבעות

3
פוסטים

12
צפיות

@איציק-דייטש
https://www.w3schools.com/html/html_images_background.asp
https://techno-tech.cf/topic/365/איך-מוסיפים-תמונה-שיהיה-תמונת-רקע
איך מכניסים את הcss לhta?
• משתמש שנמחק

13

0
הצבעות

13
פוסטים

66
צפיות

@men770 ניסיתי את זה בעבר, אבל הגובה נהיה נמוך והרוחב הסתדר, תוכל לתת לי דוגמה על העתקה של קוד ההטמעה מיוטיוב מה אני צריך לשנות?
תגובה מדריך: "יצירת דף אינטרנט ראשון באמצעות HTML"
• מומחה ברמה

3

0
הצבעות

3
פוסטים

32
צפיות

@מומחה-ברמה נ. ב. אם תלחץ על דף אינטרנט לחצן ימני ושמירה זה ישמר בקובץ html שזה אומר שבעצם כל דף אינטרנט הוא קובץ html…
איך מוסיפים תמונה שיהיה תמונת רקע?
• מוטי טבק

13

1
הצבעות

13
פוסטים

108
צפיות

@ברוך אמר באיך מוסיפים תמונה שיהיה תמונת רקע?:

css ניתן להגדיר בשלוש אופנים

😄 תכנס לפה
כשאמרתי html התכוונתי לזה

@ברוך אמר באיך מוסיפים תמונה שיהיה תמונת רקע?:

בדף html תחת תגית <style>
בתוך אלמנט ספציפי ע"י המאפיין styie
תגובה ל "מדריך | בחירת תוכנה לעריכת קוד"
• liy

43

0
הצבעות

43
פוסטים

189
צפיות

@men770 תודה, אבל כרגע אני ישתמש רק ב brackets כי על זה אנחנו לומדים, אבל סתם רציתי לדעת את דעתכם
נפתר עזרה | איך מוסיפים alt בתמונה?
• מוטי טבק

3

0
הצבעות

3
פוסטים

17
צפיות

@men770 תודה רבה!!!
מה המיקום תמונה
• מאיר האלוף

12

0
הצבעות

12
פוסטים

37
צפיות

@liy אמר בתודה לך ושאלה:

@מאיר-האלוף אם אתה רוצה להכניס תמונה מתיקייה אחרת אז אתה מבצע באופן הזה
./image.png - תיקייה אחת אחורה ../image.png - שתי תיקיות אחורה
וכן על זה הדרך

גם ניתן להכניס תמונה מכל אתר
קליק ימני על התמונה, העתק כתובת אתר של תמונה ותדביק ב’מיקום התמונה’

תיקון:
.. - תיקיה אחת אחורה.
שימו לב, שזה יעבוד רק כשהקובץ לא בתיקייה הראשית. (כלומר a/index.html ולא index.html)