159 total views, 3 views today
السلام عليكم ورحمة الله نرحب بزوارنا الاعزاء وفي هذا المقال سنتعرف على ماهي HTML لننتقل الى الشرح.
ماهي HTML؟
HTML (لغة ترميز النص التشعبي)تستخدم HTML إنشاء وتصميم صفحات ومواقع الويب يمكنك القول عنها هي لغة وصف محتوى الصفحة على سبيل المثال يمكن لهيكلة المحتوى ضمن مجموعة من الفقرات ,اوقوائم ,او مجموعة من الصور والجداول يتم تنسيقها باستخدم لغة CSS ثم تظهر لنا بالشكل المطلوب , كما يمكننا استخدام HTML في انشاء تطبيقات الهواتف وتطبيقات سطح المكتب بجانب CSS , JAVASCRIPT.
ما معنى كلمة HTML؟
كلمة html هي اختصار Hypertext Markup Language اي لغة ترميز النص التشعبي.
كيف يتم كتابة وسم html؟
تكون وسم html من علامتين <>يتم كتابة نوع الوسم بين العلامتين اصغر واكبر اي هكذا <tag>
لكل وسم من وسوم html بداية ونهاية والفرق بين وسم الفتح والاغلاق هو /على سبيل المثال هذا وسم الفتح <tag> وهذا وسم الاغلاق </tag>اذا اردنا كتابة شيء في الوسم نكتبه بين وسم الفتح ووسم الاغلاق.
ملاحظة:
وسم الاغلاق هو الذي يحتوي على / اولا نكتب علامة اصغر ثم / ثم نوع الوسم ثم علامة اكبر للمزيد من الفهم انظر الى الصورة.
اي نسخة اتعلم من HTML؟
تعلم HTML4 و HTML5
ماذا احتاج لبدا اتعلم HTML؟
سوف تحتاج الى متصفح ويب مثل قوقل كروم وفاير فوكس او متصفح اخر يعجبك.
نحتاج ايضا الى محرر النصوص اي محرر اكواد ومن بين هذه المحررت لدينا:
انواع محررات النصوص:
هل يمكنني كتابة وسوم HTML بالاحرف الكبيرة؟
نعم يمكنك كتابة الوسوم بالاحرف الكبيرة لكن مطوري اللغة لا ينصحون بذلك وكما يمكن للمحرر مساعدتك في اكمال الوسم اذا قمت بالكتابة بالاحرف الكبيرة قد يتوقف المحرر على مساعدتك.
ملاحظة:
لاينصح يترك المحرر يكمال لك كتابة الوسوم وانت طور التعلم.
كيف يتم انشاء صفحة HTML في محرر الاكواد؟
عندما نتوجه الى محرر الاكواد ثم نذهب الى file ثم نختار New file بعد ذلك تظهر لنا صفحة باسم Untitled-1 انظر الى الصورة.
اذا قمنا بكتابة اي كود برمجي سيظهر باللون الابيض على محرر vs code انظر الى الصورة.
الان نعود الى file ونختار save ثم يطلب منا المحرر تغير اسم الصفحة انظر الى الصورة.
الان نقوم بتغير اسم الصفحة لى صغة html اولا نختار الاسم المناسب لصفحتنا ثم . ثم html على سبيل المثال index.html انظر الى الصورة.
الان بمجرد حفظ الصفحة بصغة صحيحة تم التعرف على النص المكتوب فيها انظر الى الصورة.
