اساسيات ال HTML الجز التاني

اساسيات ال HTML الجز التاني

الكاتب : المبرمج المحترف التاريخ : السبت، 5 نوفمبر 2016 التعليقات : 0

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
قد كنا شرحنا في الجزء الاول من سلسلة تعلم الHTML عن أهم أساسياتها , واليوم نكمل لكم هذه الأساسيات .
نبدأ على بركة الله .. 
.
.
.
لوضع الاقتباسات على النصوص او العبارات حيث تستخدم في البسملة والاسماء والمصطلحات والمصادر ... نستخدم <q> وهو زوجي ..
كما في الصورة التالية : 

----------
لاضافة الاختصارات الى كلمة ما واظهار تفاصيل عن الكلمة الكلية نستخدم <abbr> والذي يرمز للاختصارات ..ونستخدم داخله title للقيام بوضع المصدر للاختصار على شكل وصف .. 
كمثال سنقوم بوضع جملة :
أفاد المدير العام بإقالة 5 موظفين من الشركة , هنا سنعتبر أن اسم المدير العام هو "أسامة الأحمد" حيث سنضع بدل اسمه اختصار "المدير العام"..

----------
لإضافة العنوان نكتفي بكتابة عنصر <address> وهو زوجي .. حيث سيظهر العنوان على شكل خط مائل ..

----------

لإضافة عنوان للعنصر كمثال لإضافة تمييز اكثر الى اسم لوحة الموناليزا ..
نستخدم <cite> وهو زوجي ونضع اسم اللوحة بينهما .. 

للتحكم بجانب الكتابة أي تحديد ما اذا اردت كتابة النص من اليمين بشكل معكوس او من اليسار .. نستخدم <bdo> ثم داخلها dir وهي تشير للاتجاه ثم نختار rtl (right to left ) لليمين الى اليسار , او ltr (left to right )لليسار الى اليمين ..

----------
لإضافة تعليقات لتذكيرك بشيء ما في حال نسيته .. نستخدم وسم التعليقات وهو عبارة عن الشكل التالي :
<!----> بحيث يتم كتابة التعليق بين -- و -- 
ولن يظهر هذا التعليق في صفحتك ولكن في حال تم فتح مصدر الصفحة باستخدام الضغط على (v) في الصفحة هنا سترى ان هذا الكود موجود ويحتوي على تعليق .. 

----------
قد كنا تحدثنا عن تغيير لون او لون خلفية نص معين باستخدام style داخل ذلك الوسم .. 
نقوم بالتوسع في هذه الخاصية والتوجه نحو عدة طرق ..
الطريقة المعروفة هي بادخال style داخل ذلك الوسم ثم وضع color ثم اسم اللون او للخلفية نضع background-color ثم لون الخلفية بالاسم ..

----------
ولكننا هذه الطريقة لن تنفع بجلب جميع الالوان بجميع تدرجاتها لك .. حيث يوجد فقط 140 اسم للالوان يمكنك كتابتها ولكنك لن تستطيع تحديد تدرجات هذه الالوان بالضبط الا باستخدام خواص اخرى .. 
إحدى هذه الخاصيات هي خاصية (rgb) اختصاراً ل red-green-blue
ومبدأ عملها هو انك تقوم بتحديد تدرجات اللون الاحمر والاخضر والازرق باستخدام قيم من 00 وحتى 255 بحيث 00 هي اصغر قيمة او تدرج و255 هي اعلى قيمة او تدرج .. 
نحتاج فقط لكتابة هذه الخاصية على شكل rgb(00,00,00) بحيث نحدد القيم الثلاث للثلاث الوان سواء داخل style او غيرها كالتالي : 

نلاحظ ظهور كل لون بسبب القيمة الاعلى عن غيره ..
----------
حسناً ماذا إذا رفعنا قيمة الاحمر والازرق لل255 ؟؟ 
مؤكد اذا قمنا بمزج هذين اللونين في الرسم سنرى انه سيظهر اللون البنفسجي ..

----------
ماذا اذا تم تحديد القيم الثلاث بشكل متساوي اي جعل جميعها 00 او 55 او 255 او غيرها ؟؟ 
باختاصر سيظهر لدينا اللون الاسود وتدرجاته ..
أي انه اذا كانت جميع القيم 00 سيظهر اللون الاسود واذا كانت جميعها 255 سيظهر الابيض اما اذا بينهما ولكن ايضا جميعها نفس القيمة سيظهر تدرجاتهما مثلا 55 سيظهر لنا احد تدرجات الرمادي .

الخاصية الثانية او الطرقة الثانية للتغير هي باستخدام رموز الHEX وذلك بنفس طريقة rgb ولكن بصيغة مختلفة تقريبا ..
الصيغة الرئيسية هي #rrggbb بحيث rr للاحمر gg للاخضر bb الازرق 
ويتم تحديد التدرجات بين قيمتي 00 وff حيث 00 اصغرها و ff اكبرها تماماً بما يشبه (00-255) ..
كمثال اذا تم تحديد الرمز على الشكل التالي : #ff0000 سنرى اللون الاحمر وذلك لان قيمة الاحمر هي الاكبر ..
اما في حال تم تحديد الرمز هكذا : #0000ff سيظهر لنا اللون الازرق لان قيمة الازرق هي الاكبر ..

----------
وبنفس الطريقة اذا تم تحديد القيم الثلاث بشكل متساوي ستظهر لنا تدرجات الاسود والابيض ..

وهنا نصل إلى نهاية الجزأ الثاني من أساسيات لغة الHTML 
اتمنى يكون دليل لمن أراد تعلم ذلك وأتمنى يكون الشرح واضح 
تحياتي .. المبرمج المحترف

فيسبوك توتير جوجل + لينكدان بينتريست

هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق

الكاتب : المبرمج المحترف

مواضيع مهمة أيضا