WEP.X

مرحبا بكم في موقع (WEP.X) موقع متخصص في علوم التكنولوجيا والبرمجة نقدم محتوي تعليمي عن لغات البرمجة وتكنولوجيا الحاسوب


اول درس في سلسلة دروس (HTML)


ما هي ملفات (html):-

اول ما يجب ذكرة هو ان صفحات الويب هي ملفات تنتهي بأمتداد (html.)

المحتوي

(المقدمة)

كيف عمل ملفات (html) :

اولا يجب عليك تنزيل احد برامج كتابة اكواد (html) لتسهيل استخدامك لأن برامج كتابة الاكواد افضل من برامج (notepad) من حيث تكملة الاكواد تلقائيا والحفظ بأمتداد اللغة تلقائيا

افضل محررات اكواد (html) مثل
(wep code) او (++coding) لجميع لغات البرمجة لكن هذا يعمل بلانترنت

(هيكل ملف html)

يتكون ملف (html) من الداخل من ثلاثة اجزاء:

اول جزء وهو جزء ال(head) وهذا يحوي عناصر خاصة بين المتصفح والصفحة مثل الكلمات المفتاحية وعنوان الصفحة وحجم الشاشة واعداد رؤس (http) إلخ.. بمعني عناصر غير ظاهرة للمستخدم بل هي موجه للمتصفح

وثاني جزء هو ال(body) هذا الذي يحتوي عناصر الصفحة الرئيسية الظاهرة امام المستخدم مثل عناصر النصوص والفقرات والروابط والصور بمعني كل ما هو ظاهر اما المستخدم في قسم (body)

وثالث جزء وهو الأب عنصر (html) الرئيسي الذي يحتوي علي القسمين السابقين body و head
الصورة التالية توضح المفهوم بشكل صحيح

صورة توضيحية
صورة توضيحية

(عناصر html)

عناصر (html) هي عبارة عن عناصر معرفة مسبقا كل عنصر له مهمة والعنصر عبارة عن زوج اقواص من هذا النوع <> وهذا وسم البداية ووسم النهاية كالاتي </> بداخله كلمات تحمل معني العنصر
سنذكر عناصر (html) مقسمة علي الدروس لتسهيل الحفظ والفهم

العناصر .....

في هذه العناصر يتم وضع بين وسوم البداية والنهاية المحتوي المراد عرضة للمستخدم مثال <p>wep developer language</p>

يظهر الناتج في المتصفح :
wep developer language

(خصائص html)

لغة (html) لها خصائص خاصة بالعناصر بعضها يتطبق علي جميع العناصر ويوجد بعض العناصر لها خصائص خاصة بها بمعني لا تتطبق علي اي عنصر

هذه الخصائص تعمل علي تنظيم محتوي الصفحة اليك بعض الخاصيات في البداية المستخدمة في معظم العناصر

فيديو شرح

الخاتمة:-

هكذا قد اتممنا شرح اول درس في لغة (html)

روابط للتواصل معنا

  1. فيسبوك
  2. انستجرام
  3. تيكتوك
  4. يوتيوب