HTMLدورة تعليم الـ

 

 

 

اليوم 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

HTML

 

 

 

 

 

 

 

أتقدم لكم بسلسلة دروس حول الـ 

 

 

 

 

 

 

 

htmlالآن أوسمة الـ 

 

 

 

 

 

 

 

 

 

هذه هي الأوسمة التي نضعها أولا

 

الوسم head هو مختص في رأس الصفحة

و فيه يكون إستدعاء الإستايل و اللغات وعنوان الصفحة وكود النقل التلقائي سنتعرف عليه في الدروس القادمة

body أما السوم 

فهو جسم الصفحة حيث نضع ما يشتمله موقعنا من كلام  صور و فيديوهات

كل هذا ستنعرفه خلال الدورة السريعة

و بشرح دقيق

الآن نضع عناون

headويكون بين وسم ال title في ال 

إخواني آسف في الصورة ترون الوسم title مقفول مرتين إنه خطأ مع المحرر أنتم قوموا بقفله مرة واحدة

 

 html ضع dir="rtl"بجانب وسم الـ

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

وإن كنا سنكتب بالفرنسية نضع ltr و هب تعني من اليسار إلى اليمين

قم بحفظ العمل وثم تحديث الصفحة وسترى أنه تغير الإتجاه

في هذا الدرس

سنتعرف وسما جديدا وسنتعلم خصاصه جيدا

هذا الوسم هو font وهو الآخر يقفل أيضا

حسنا في ال body نضع الوسم

نكتب نص أو كلمة

النتيجة

لم يتغير شيء

لأن الوسم ليس مثل b أو u أو strike أو p

نعود للوسم للعمل عليه

نظيف في الوسم قبل علامة >

color وهي تعيني اللون كما تون نضع = ثم ""

لنجرب إظافة green وهي تعني أخضر بالإنجليزية

نظيف الوسم b و هو مشروح في الدرس الأول

النتيجة

كما ترو طبق ما كتبنا

لنغير و نجرب blue وهي تعني أزرق

كما ترون كل شيء ممكن

نجرب أحمر بإضافة red

النتيجة

الآن إضافة لون برمز

سهلة ما عليك سوى ظان تضع علامة # بعدها الرمز كما في الصورة

 

النتيجة

طريقة تغيير الخط

كل شيء له عمله

نظيف face

لنجرب وضع arial

النتيجة

لم يتغير شيء

لماذا ؟؟؟

سهل لأن هذا الخط ليس في العربية

إنه للغات الأجنبة

لنغيره بـخط عربي مثل andalus

النتيجة

لكن الخط غير واضح ما العمل ؟؟؟

لنجعله أكبر.

كيف ؟؟

هكذا نظيف كلمة size يعني الحجم

فل تكن 10

والنتــــــيجة

فعلا الصورة جميلة

لنظف كلمة أخرى خارج الأوسمة السابقة

يعني خارجة font

ولا ننسى العزيز br للعودة لللسطر

والنتيجة

كما قلنا في الدرس الاول

خارج الوسم لن يحدث شيء

 

الآن طريقة جعل الكتاب وسط الصفحة

نستعمل الوسم center

النتيجة

واحد في الوسطو والأخرى لا لعلكم تعرفون السبب و هو أنها خارجة الوسم center

هناك طريقة اخرى وتمكننا من جعل الكتاب في اليمين واليسار والوسط وسنراها الآن

نظيف الوسم p

نضع align وهي مكان تموضع الكتابة

نضع center

أي الوسط

النتيجة هي أيضا صارت في الوسط

لنجرب left يعنيي اليسار

صارت في اليسار

لنجرب right يعني اليمين

النتيجة

 

 

منقول من طرف  

 

القرطبي 

القرطبي 

القرطبي