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

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

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

Easy 1,496 views

What You'll Need

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

Steps

  1. 1

    Step 1

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

    Step 2

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

    Step 3

    Step 3

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

  4. 4

    Step 4

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

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

  5. 5

    Step 5

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

    Step 6

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

    Step 7

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

    Step 8

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

Related Guides

How to choose and buy your website domain name

How to choose and buy your website domain name

The name of the site says everything, it must be catchy, short, concise and yet tell what is behind the business. These few easy steps will explain how to choose and buy a domain name for your website.

Easy 1K views
How to choose a logo

How to choose a logo

How your logo appears and the impression it makes will influence how easy it is to to remember your company name.

Medium 7K views
מדריך HTML מספר 2 - אלמנטים (Elements) ומאפיינים (Attributes)

מדריך HTML מספר 2 - אלמנטים (Elements) ומאפיינים (Attributes)

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

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

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

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

Easy 1K views
מדריך HTML מספר 4 - עיצוב טקסט

מדריך HTML מספר 4 - עיצוב טקסט

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

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

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

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

Easy 899 views