تعلم HTML الجزء الأول: اختيار محرر نص لإنشاء مستندات HTML
لكتابة كود HTML ، تحتاج إلى نصالمحرر. لا يستخدم محرر النصوص هذا فقط لـ HTML ، ولكن أيضًا للغات البرمجة الأخرى مثل CSS و PHP و Pascal وما إلى ذلك. في الواقع استخدام المفكرة الافتراضية Windows وحدها أكثر من كافية. عندما كنت في المدرسة الثانوية المهنية ، غالبًا ما كنت أستخدم Notepad للقيام بمهام برمجة الويب ، وخاصة 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. في نافذة Notepad ++ ، يبدو كما يلي:
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.
