الدرس الاول 01 : HTML

ماهى لغة HTML

فى البدايه HTML هى لغه بسيطه جدا تستخدم لوصف ما تحتويه صفحات الويب ومعنى ذلك انها تستخدم لتحديد العناصر الموجوده فى الصفحه مثل العناوين , الفقرات , الازرار , الصور , القوائم , الجداول وغيرها من الاشياء التى يمكن اضافتها فى صفحات الويب
اذا نستخدم هذه اللغه لهدف وهو تحديد بنية صفحات الويب الان عليك معرفة ان كلمة HTML هى اختصار لجملة ( Hyper Text Markup Language )

مكونات صفحة الويب

1- لغة HTML من اجل تحديد العناصر التى نريد اضافتها فى الصفحه
2- لغة CSS من اجل تحسين تصميم العناصر الموجوده فى الصفحه
3- لغة JavaScript ونستخدمها لاضافات مؤثرات فى صفحات الويب ولمعالجة البيانات التى يتم ادخالها وعرضها فى الصفحات

بعد تحميل محرر الاكواد الذى سنعمل من خلاله على كتابة اكواد لغة HTML

الان اصبحنا جاهزين لنتعلم كيفية كتابة هذه الاكواد ، فهيا بنا لنتعلم اساسيات لغة HTML

أنواع الوسوم في HTML

أي شيء يتم إضافته في صفحة الويب يقال له وسم ( Tag ) وهو عباره عن علامتان اكبر من ، واصغر من هكذا ( < وبداخلهما المحتوى > )

يوجد نوعين من الوسوم :
وسوم فرديـه ( Single Tags ) و هذه تعني أن الوسم لا يمكننا وضع وسم آخر فيه مثل الوسم < / br >
وسوم زوجيه ( Paired Tags ) و يقصد بها أن الوسم يمكننا أن نضع فيه وسوم أخرى مثل الوسم < p > < /p >

الوسم الزوجي عبارة عن وسم له بداية و نهاية

نهاية الوسم الزوجي تكون بإضافة الرمز / او الشرطه المائله في أول إسم الوسم فقط

كمثال بسيط الوسم الزوجي p نبدأه بالوسم < p > و ننهيه بالوسم < p/ >

وسوم الصفحة الأساسية في HTML

< !DOCTYPE html > نضعه في البدايه دائماً حتى يعلم المتصفح أننا نستخدم الإصدار الخامس من لغة HTML

< html > < /html > نكتبه بهدف كتابة جميع الاكواد بداخله

< head > < /head > نضع بداخله كل الأشياء التي لن يراها المستخدم بداخل الصفحة

< body > < /body > تضع فيه كل الأشياء التي سيراها المستخدم بداخل الصفحة

التعليقات في HTML

التعليق ( Comment ) عبارة عن وسم خاص يمكنك وضعه في أي مكان تريد في الصفحة بهدف كتابة ملاحظات تساعدك في الشرح أو لتذكر سبب استخدام الوسوم في حال أردت مستقبلاً مراجعة كود الصفحة و التعديل عليه

لوضع تعليق إستخدم الوسم <- - - -!> و أكتب النص بداخله كالتالي

تحديد إتجاه محتوى الصفحة

إفتراضياً إتجاه الكتابة في الصفحة يكون من اليسار إلى اليمين كما هو الحال عندما نكتب باللغة الإنجليزية

لتحديد جهة الكتابة في كامل الصفحة يجب إضافة الخاصية dir لوسم الصفحة الأساسي <html> وهى اختصار لكلمة direction

مع تمرير إحدى القيمة التالية لها داخل علامتى تنصيص " " بعد كتابة علامة يساوى =

هكذا < "html dir="rtl >

ltr لإظهار محتوى الصفحة من اليسار إلى اليمين و هذه هي القيمة الإفتراضية

rtl لإظهار محتوى الصفحة من اليمين إلى اليسار و هذا الأمر تحتاجه في حال كان محتوى الصفحة باللغه العربية

auto لإظهار محتوى الصفحة بشكل تلقائي من الجهة المناسبة للمحتوى الصفحة مع الإشارة إلى أنه يفضل عدم اعتماد هذا الخيار

تعلم HTML و CSS _ الدرس الاول 01 : HTML

الدرس الاول 01 : HTML

مكونات صفحة الويب

أنواع الوسوم في HTML

وسوم الصفحة الأساسية في HTML

التعليقات في HTML

تحديد إتجاه محتوى الصفحة

عن الكاتب : الحسين اونلاين

ليست هناك تعليقات

إرسال تعليق

اقسام الموقع

كلمة اليوم

في بعض الأحيان الخطوة الأولى هي الخطوة الأصعب تقدم وأخطوها فقط وليكن لديك الشجاعة الكافية لان تتبع إحساسك وحاستك السادسة.

حكمة اليوم !

ثقافة

آخر شهر

منوعات

حكمة

في بعض الأحيان الخطوة الأولى هي الخطوة الأصعب تقدم وأخطوها فقط وليكن لديك الشجاعة الكافية لان تتبع إحساسك وحاستك السادسة.

حكمة اليوم !

قائمة الروابط

اتصل بنا