מדריך HTML מספר 1 - הכרות

מדריך HTML מספר 1 - הכרות

פירוש הקיצור HTML הוא Hyper Text Markup Languge - שפה זו היא שפת תגיות (בניגוד לשפת תכנות) שיוצרות ומעצבות דפי אינטרנט. קוד HTML ישמרו על דפי טקסט פשוטים. דפים אלו יכילו את התגיות המדוברות, מלל וסימונים שיתנו הוראות כיצד על הדפדפן להראות את דף האינטרנט. במדריך זה אראה לכם כיצד לכתוב תגיות html פשוטות וכיצד לראות אותן בתצורת דף אינטרנט.

קל 6,385 צפיות

מה תצטרך

  • HTML
  • מדריכי HTML
  • איך לבנות אתר
  • אתר אינטרנט
  • דף אינטרנט

שלבים

  1. 1

    שלב 1

    שלב 1
    כיום יש הרבה תוכנות לכתיבת דפי HTML, שחלקן אפילו אינן מערבות כתיבה של קוד אלא גרירת אובייקטים למסך אך אנחנו במדריך הזה נתמקד בכתיבת קובץ טקסט פשוט והפיכתו לדף HTML. פתחו קובץ טקסט חדש (כפתור ימני -> חדש -> קובץ טקסט)
  2. 2

    שלב 2

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

    שלב 3

    שלב 3

    פסקה כלשהי שמופיעה בדף

  4. 4

    שלב 4

    התגית הראשונה מודיעה לדפדפן שכל מה שבינה לתגית הסוגרת שלה הוא דף אינטרנט. כל מה שבין התגית לתגית הסוגרת שלה הוא תוכן הנראה בדפדפן. התגית

    מסמלת פסקה. שימו לב להתאמה בין התגיות הפותחות לסוגרות ומה שנמצא בינהן.

  5. 5

    שלב 5

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

    שלב 6

    שלב 6
    שנו את שם הקובץ לשם כלשהו אבל את הסיומת שלו (מה שמגיע אחרי הנקודה) שנו ל"html" , לדוגמא: some file.html
  7. 7

    שלב 7

    שלב 7
    הופ ואיזה קסם! האייקון של קובץ הטקסט משתנה לאייקון של דף html. כעת הדפדפן יודע שעליו לקרוא את הדף הזה כשתריצו אותו. לחצו עליו דאבל קליק.
  8. 8

    שלב 8

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

מדריכים קשורים

איך לבחור את הצבעים המתאימים לאתר האינטרנט שלך.

איך לבחור את הצבעים המתאימים לאתר האינטרנט שלך.

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

קל 7K צפיות
איך לבחור ולקנות שם לאתר שלך (Domain name)

איך לבחור ולקנות שם לאתר שלך (Domain name)

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

קל 8K צפיות
מדריך HTML מספר 3 - כותרות (title and headings)

מדריך HTML מספר 3 - כותרות (title and headings)

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

קל 5K צפיות
איך לתקן ברז דלוח

איך לתקן ברז דלוח

מדריך שלב אחר שלב לתיקון ברז דלוח בבית

קל 6K צפיות
מדריך עשה זאת בעצמך: צביעת קירות

מדריך עשה זאת בעצמך: צביעת קירות

למד כיצד לצבוע קירות בית בצורה מקצועית עם המדריך השלם שלנו

קל 6K צפיות
מדריך HTML מספר 5 - תמונות (Img and src)

מדריך HTML מספר 5 - תמונות (Img and src)

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

קל 6K צפיות