הוספת וידאו- HTML

נכתב על ידי

וידאו- HTML

היום במדריך הHTML אלמד אתכם להתשמש בתגית video ותכונותיה.

הבסיס של התגית הוא כמו של התגית תמונה-

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

עכשיו, נוכל להוסיף עוד כמה אפשרויות נחמדות-

אם תרצו להפעיל את הסרטון אוטומטית בעת כניסה לאתר נוסיף את התכונה autoplay

עוד אפשרות נחמדה היא האפשרות להפעיל את הסרטון שוב בצורה אוטומטית כשהוא יגמר,
בשביל לעשות זאת, נוסיף את התכונה loop

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



תגובות

הוסף רשומת תגובה

פוסטים חמים

החלפת תמונת רקע בwindows

נכתב על ידי
תמונה
שלום לכולם,  במדריך הזה, אני רוצה להסביר איך לשנות את תמונת המסך של המחשב שלכם. זה נורא פשוט, וזה נותן הרגשה טובה שברקע של המחשב שלך יש תמונה שאתה בחרת, ולא איזו תמונת שקיעה של windows. בשביל להחליף את התמונה, נבצע כמה צעדים זריזים. 1. בסרגל האפליקציות בתחתית המסך(מצד ימין או שמאל) לחצו על הסמל של windows/ במקלדת לחצו על הסמל של windows 2. לחצו על "הגדרות" (אייקון של גלגל שיניים) 3. במסך ההגדרות לחצו על האפשרות "התאמה אישית" 4. במסך הראשי בהתאמה אישית- תחת הכותרת המשנית "רקע" יש תיבה שאם תלחצו עליה תפתח לכם רשימם קטנה של 3 אפשרויות שבה בחרו-         1. תמונה- תמונה אחת קבועה שתבחרו שתהיה תמונת המסך שלכם ( לחצו כאן )         2. צבע מלא- תמונת המסך שלכם תהיה פשוט צבע ( לחצו כאן )          3. הצגת שקופיות-  יוצגו בתור תמונת המסך שלכם כמה תמונות שיתחלפו זו אחר זו ( לחצו כאן ) אם בחרתם ב"תמונה" 5. windows יציע לכם כמה תמונות של ברירת מחדל ש בלחי...
לפוסט המלא »

שליחת הודעת ווטסאפ בלי לשמור איש קשר

נכתב על ידי
תמונה
שלום לכולם, אני מניח שגם אתם נמנים בין מיליארדי המשמשים שיש לאפליקציית העברת המסרים הגדולה בעולם- Whatsapp , האפליקצייה השימושית שכולנו מכירים ואוהבים. גם אם אתם לא אוהבים אותה מכל סיבה שהיא ולמרות שכבר היו נסיונות כמו של סיגנל  לקרוא תיגר על היישומון ווטסאפ בגלל מחדלי פרטיות כאלה ואחרים, ווטסאפ מוכיחים שהם הכי חזקים שיש וככל הנראה אנחנו נישאר עם ווטסאפ לפחות לכמה שנים הקרובות... היום אני רוצה לדבר אתכם על אחד החסרונות הכי מעצבנים שיש בwhtsapp, העובדה שבשביל לשלוח הודעה למישהו אנחנו חייבים שהמספר שלו יהיה שמור בטלפון שלנו, וזה מציק. היום אני אראה לכם את הפיתרון הכי נח שיכולתם לבקש, כלי קטן שמאפשר לכם לשלוח הודעת ווטסאפ בלי לשמור את המספר של מקבל ההודעה באנשי הקשר שלכם... פשוט כתבו כאן למטה👇 את המספר שאליו אתם רוצים לשלוח הודעה ואם אתם רוצים(לא חובה) אתם יכולים גם לכתוב טקסט הודעה שתוכלו לשלוח למספר(ההודעה לא תישלח אוטומטית). אתם יכולים גם לשתף את הקישור להודעה, וכך מי שיכנס לקישור יוכל לשלוח הודעה למספר מסויים עם הודעה מסויימת ללא מאמץ... + הקלד/י הודעה... ...
לפוסט המלא »

איך להחליף את תמונת מסך הנעילה בwindows?

נכתב על ידי
תמונה
שלום,  היום, אראה לכם איך תוכלו להחליף את תמונת מסך הנעילה במכשיר הwindows שלכם זה נורא פשוט. בשביל להחליף את התמונה, נבצע כמה צעדים פשוטים ומהירים. 1. בסרגל האפליקציות בתחתית המסך(מצד ימין או שמאל) לחצו על הסמל של windows/ במקלדת לחצו על הסמל של windows 2. לחצו על "הגדרות" (אייקון של גלגל שיניים) 3. במסך ההגדרות לחצו על האפשרות "התאמה אישית" 4. בסרגל מצד ימין לחצו על "מסך נעילה" 5. במסך הראשי יש תיבה שאם תלחצו עליה תפתח לכם רשימם קטנה של 3 אפשרויות שבה בחרו-         1. זרקור של Windows - המחשב שלכם יציג בכל פעם תמונה אקראית מהמאגר של windows ( לחצו כאן )         2. תמונה- תמונה אחת קבועה שתבחרו שתהיה תמונת מסך הנעילה שלכם ( לחצו כאן )          3. הצגת שקופיות-  יוצגו בתור תמונת מסך הנעילה שלכם כמה תמונות שיתחלפו זו אחר זו ( לחצו כאן ) אם בחרתם ב" זרקור של Windows " 6.  windows יציג לכם אוטומטית תמונות מהמאגר שלו אם בחרתם ב"תמונה"...
לפוסט המלא »

HTML- הוספת תמונה

נכתב על ידי
תמונה
בשביל להוסיף תמונה ב HTML אנחנו נוסיף את התגית <img> ואז נוסף תכונה שתחפש את התמונה- src ואחר כך נשים את הקישור של התמונה, זה יראה כך- ניתן לשנות את גודל התמונה על ידי הוספת width (רוחב) ו-height (גובה) כאשר אם נכתוב מספר לבד הדפדפן יתרגם את המספר לפיקסלים, ואם נכתוב מספר ואחרי המספר נוסיף את הסימן אחוז(%) הגודל/ הגובה יהיה בהתאם לגודל האתר. לכן אם נרצה שהתמונה תהיה בגובה של 30 פיקסלים וברוחב של 50 פיקסלים, התגית תראה כך שימו לב שלא חייבים לכתוב גם גובה וגם רוחב, למשל- אם תכתבו רק גובה, הרוחב יהיה כמו היחס בין הרוחב לגובה בתמונה המקורית. אפשר להוסיף לתמונה כותרת שכאשר משתמש יעביר את העכבר שלו מעל התמונה הכותרת תהיה גלוייה. בשביל זה נשתמש באפשרות title והערך יהיה הכותרת שאנחנו נרצה להציג אחרי הוספת הכותרת הקוד יראה כך- עכשיו אני רוצה לדבר איתכם על תכונה שקוראים לה alt התכונה הזו מאפשרת להחליף את התמונה בכיתוב במקרים בהם התמונה לא הצליחה לעלות לאתר, או במקרים של חיבורים איטיים. הערך של התכונה הזו יהיה הטקסט שאנחנו רוצים שיעלה במקום התמונה. ...
לפוסט המלא »

עיצוב טקסט בCSS

נכתב על ידי
תמונה
אם אנחנו רוצים לעצב טקסט ב HTML , לא כמו שלימדתי אתכם איך לעצב טקסט ללא CSS , היום אנחנו כן נשתמש בCSS בשביל לעצב את הטקסט. כמו שלימדתי אתכם במדריך הקודם על טקסט בHTML  בשביל לכתוב פיסקה אנחנו נכתוב את התגית <p> כברירת מחדל, הפיסקה לא מעוצבת בכלל, היום במדריך אנחנו הולכים לעצב אותה... אז... בשביל לעצב את הטקסט, אנחנו ניכנס לגליון הCSS שלנו, או שפשוט נפתח תגית בשם <style>, שאת השימוש בה אפשר ללמוד במדריך  עיצוב הכותרת- HTML . עכשיו אנחנו נכתוב את שם התגית שבה אנחנו משתמשים בשביל לכתוב את הפיסקה (p), וכך נעצב את כל הפיסקאות בדף שלנו, או שפשוט נוסיף class. עכשיו אני אראה לכם כמה אפשרויות שאפשר איתן לעצב את הטקסט. היום אנחנו נלמד על- שינוי צבע הוספת קו תחתון הדגשת טקסט עיצוב הגופנים שליטה בגודל הטקסט שינוי כיוון הטקסט שינוי מרווח בין אותתיות מרווח בין שורות צבע p {color: green;} שימו לב שבסוף כל תכונה שמים את הסימן ; האפשרות color בCSS משנה את צבע הטקסט, ניתן לכתוב את הצבע או בשם- red, green, black וכו' ניתן גם לכתוב בצו...
לפוסט המלא »

הוספת כפתור- HTML

נכתב על ידי
תמונה
שלום, אני רוצה להראות לכם היום איך להוסיף כפתור ל דף האינטרנט שלכם ב HTML . אם אתם לא הבנתם מה זאת אומרת כפתור, אז הנה דוגמא- לחצו עלי!! לחצתם על הכפתור כאן למעלה☝? הבנתם מה זה אומר? עכשיו, בשביל להוסיף כפתור אנחנו משתמשים ניחשתם נכון- בתגית  button, כפתור. את טקסט הכפתור נכניס בין תגית הפתיחה לתגית הסגירה, כך- לחצו עלי!! כמו ששמתם לב, הכפתור הזה, הוא כפתור שנראה נורא, וזה עוד בסדר, אבל הבעייה האמיתית היא שהוא פשוט לא עושה כלום, אם תלחצו עליו, לא יקרה כלום. לכן עכשיו אנחנו נראה איך לעצב את הכפתור, ואיך להוסיף לו פעולה, כך שכאשר ילחצו עליו יקרה משהו. אז נתחיל בעיצוב, בשביל לעצב את הכפתור אנחנו צריכים כמה דברים בסיסיים- צבע רקע, צבע טקסט, גופן טקסט, גודל כפתור וגודל טקסט. את צבע הרקע נגדיר בעזרת background-color, את צבע הטקסט נגדיר בעזרת color, את גופן הטקסט נגדיר בעזרת font-family, את גודל הכפתור נגדיר בעזרת width ו height, ואת גודל הטקסט נגדיר בעזרת font-size. כמובן שאת כל העיצובים נגדיר בCSS, בגיליון חיצוני או תחת התגית style. לכן אחרי כל שינויי העיצוב הקוד י...
לפוסט המלא »

HTML- עיצוב הכותרות

נכתב על ידי
תמונה
בשביל לכתוב כותרת ב HTML אנחנו משתמשים בתגית <h> כאשר יש לנו <h1>, <h2>, <h3>, וכן הלאה... אם נכתוב את התגית <h1> ואז את הכותרת שלנו, אנחנו נראה באתר שלנו שהיא נראת על הפנים, למה? כי לא עיצבנו אותה. היום במדריך אנחנו הולכים לעצב אותה... בשביל לעצב את הכותרת, אנחנו נפתח תגית בשם <style> כן ממש כך, תגית שמשנה את הסגנון... עכשיו נכתוב את שם הכותרת שאנחנו רוצים לעצב, במקרה שלנו h1, ונפתח שורה של עיצוב בcss על ידי הקלדה של הסימן } במקלדת. עכשיו נלמד כמה אפשרויות שאפשר איתן לעצב את הטקסט. נלמד על- שינוי צבע הוספת קו תחתון הדגשת טקסט עיצוב הגופנים שליטה בגודל הטקסט צבע h1 {color: green;} שימו לב שבסוף כל תכונה שמים את הסימן ; האפשרות color בCSS משנה את צבע הטקסט, ניתן לכתוב את הצבע או בשם- red, green, black וכו' ניתן גם לכתוב בצורת rgb כך- (rgb(47, 95, 157 ניתן לכתוב גם בrgb באחוזים- (rgb(100%,0%,0% אפשר גם לכתוב בצורה הזו- ff0000# קו תחתון בשביל להוסיף קו ת...
לפוסט המלא »