לימוד HTML ו-HTML5 אונליין ובחינם

שלום וברוכים הבאים לאתר HTML ישראל. באתר זה תוכלו ללמוד את הבסיס של HTML ובמידה ותהיה לכם הסבלנות לעבור מדריך, מדריך באתר תוכלו ללמוד באופן מדויק מה זה HTML ואיך להשתמש בשפה זו. במאמר הבא נדבר על מה זה HTML, מה עושים עם HTML בפועל והאם זה שימושי בתקופתנו שכבר כמעט ולא משתמשים ב-HTML?

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

לאחר שהבנתם מה זה HTML חשוב להבין שבמשך השנים שפת HTML התפתחה מ-HTML ל-XHTML והיום אנחנו משתמשים בשפה העדכנית ביותר שנקראת HTML5 (ניתן לראות מידע נוסף על ההיסטוריה באתר של W3Schools). שפת HTML5 הביאה איתה אלמנטים שונים שניתן לעשות בהם שימוש ויחד עם זאת קיצרה/הורידה קודים מסוימים ומיותרים שהיום כבר אין צורך להשתמש בהם

כאשר אנחנו כותבים או בונים עמוד HTML לעיתים נרצה להוסיף הערות לקוד שבעמוד ובדרך כלל הקוד של הערה בעמוד HTML יהיה מיועד בעיקר לנו (המפתחים) ולא לצופה שנכנס לעמוד. במידה ואתם רוצים להוסיף הערה תוכלו לעשות זאת על ידי שימוש בקוד <!– בשביל לפתוח את הערה ולאחר מכן יש להשתמש בקוד –> בשביל לסגור

בעבודה עם HTML בדרך כלל נשתמש בתגיות P על מנת להכניס פסקאות לעמוד כפי שהסברנו בקצרה במאמר של יצירת תגיות HTML לעומת זאת כאשר נרצה להכניס תגיות של כותרות נשתמש בתגיות H. למשל הכותרת שאתם רואים בראש העמוד של "יצירת כותרות באמצעות HTML" היא כותרת הנקראת כותרת H1. סוגי כותרות HTML קיימים 6 סוגים

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

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

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

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

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

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