לימוד HTML חלק 1: בחירת עורך טקסט ליצירת מסמכי HTML

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

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

התחל ליצור מסמכי HTML

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

1. הזן הגדרות > העדפות.

2. לאחר מכן, בחר מסמך חדש. על שפת ברירת מחדלבחר HTML. ואז בחר קרוב אם כן.

3. לחץ על סמל הנייר כפי שמוצג על ידי החץ כדי ליצור מסמך חדש.

4. לאחר מכן נסה לכתוב את קוד ה- HTML למטה:

<!DOCTYPE html>
<html>
<head>
<title>
Dokumen HTML
</title>
</head>
<body>
Ini merupakan dokumen HTML pertamaku
</body>
</html>

5. בחלון פנקס הרשימות ++ זה נראה כך:

6. לאחר מכן, אנא שמור את המסמך על ידי בחירה קובץ > שמור.

7. שמור במיקום הרצוי לך. לדוגמה, אני שומר את המסמך בתיקיה למד HTML בשם מסמכים 1.

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

תכונה אחת של Notepad ++ שאני אוהבת היא,קיומה של תכונה זו (אני לא יודע מה שם הפיצ'ר). לדוגמה, כאשר אנו מקלידים "<h ..", מתחת זה יציגו מספר תגיות המתחילות עם הקידומת "<h ..". בעזרת תכונה זו יהיה לכם קל יותר לזכור את התגים שנמצאים ב- HTML.

כתיבת קוד HTML

עיין בכתיבת קוד ה- HTML השנייה למטה ומצא את ההבדל:

המאמר הראשון

<!DOCTYPE html>
<html><head><title>Dokumen HTML</title></head>
<body>Ini merupakan dokumen HTML pertamaku</body></html>

המאמר השני

<!DOCTYPE html>
<html>
<head>
<title>
Dokumen HTML
</title>
</head>
<body>
Ini merupakan dokumen HTML pertamaku
</body>
</html>

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

בנוסף, כתיבת תגים ב- HTML היא גם לא תלוי רישיות מה שאומר שזה לא מבחין בין כתיבה עם אותיות גדולות או אותיות קטנות, למשל <p> ו- <P> זהים. עם זאת, מומלץ מאוד להשתמש רק באותיות קטנות.

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

קרא עוד: