متابعة لشرح لغة HTML
بعد ان شرحنا في الدرس السابق "الدرس الثاني" الشكل العام لصفحة HTML
والفروض والقوانين الاساسية للكتابه وانواع الوسوم "الزوجيه والفرديه"
والفرق بين وسم head ووسم body
سنقوم من خلال هذا الدرس بشرح
الاكواد والشفرات والوسوم التي سنحتاجها في كتابه اي صفحه html
وطبعا زي ما اتعلمنا ان الوسوم هتكون بين وسمي body
حتي تظهر تاثيرها داخل الصفحه
الدرس الثالث
" شرح الاكواد الاساسية والهامه في كتابة اي صفحة html "
اولا لك ان تعلم ان هناك العديد من الوسوم والاكواد وهناك وسوم لا نحتاج لها واستخداماتها قليله جدا
ولك ان تعلم ايضا ان كل وسم يمكنه ان ياخذ عدة خصائص كما اوضحنا في الشكل العام للوسم في الدرس السابق
فنبدأ معا بالوسم body
وهنا اي خاصيه يتم اضافتها لهذا الوسم فان تاثيرها سيظهر علي الصفحه ككل لانه الوسم الاساسي بالصفحه وخاص بكل ما تحتويه الصفحه من اكواد
لذا فاي خاصيه يتم اضافتها لوسم body ستطبق علي كل الصفحه
والوسم body
ياتي معه الخصائص التاليه
bgcolor="هنا نكتب لون الخلفية للصفحه ككل"
يذكر ان الخاصيه ياتي معها قيمه وهي تكتب بين "" بعد كتابة علامة =
ويمكن ان نكتب اللون باحدي الطريقتين
اما كتابة اسم اللون مثلا yellow , black , red , blue وهكذا
او نقوم بكتابة الكود المعبر علي اللون ان كنا نريد ادراج لون عباره عن مزيج من عدة الوان
ويكون الكود بهذا الشكل
#000000 وهذا الكود يعطي لون اسود
23922e# وهذا يعطي لون اخضر
وهناك اكواد لا حصر لها تختص بجميع درجات الالوان يمكنك الحصول عليها من برنامج الفوتوشوب
او نقوم بكتابة الكود المعبر علي اللون ان كنا نريد ادراج لون عباره عن مزيج من عدة الوان
ويكون الكود بهذا الشكل
#000000 وهذا الكود يعطي لون اسود
23922e# وهذا يعطي لون اخضر
وهناك اكواد لا حصر لها تختص بجميع درجات الالوان يمكنك الحصول عليها من برنامج الفوتوشوب
استكمالا للخصائص التي تاتي مع وسم body
background="هنا نكتب مسار الصوره المراد ادراجها كخلفية"
text="هنا نكتب اللون المراد تطبيقه علي اي نص الصفحه"
link="هنا نكتب اللون المراد تطبيقه علي اي رابط بالصفحه"
vlink="هنا نكتب اللون المراد تطبيقة علي اي رابط تم زيارته علي الصفحه"
alink="وهنا نكتب اللون المراد تطبيقة علي الرابط النشط اي الرابط الخاص بالصفحه المفتوحه حاليا"
text="هنا نكتب اللون المراد تطبيقه علي اي نص الصفحه"
link="هنا نكتب اللون المراد تطبيقه علي اي رابط بالصفحه"
vlink="هنا نكتب اللون المراد تطبيقة علي اي رابط تم زيارته علي الصفحه"
alink="وهنا نكتب اللون المراد تطبيقة علي الرابط النشط اي الرابط الخاص بالصفحه المفتوحه حاليا"
ليكون الشكل النهائي
<body bgcolor="القيمه" background="القيمه" text="القيمه" link="القيمه" vlink="القيمه" alink="القيمه" >
ثم هنا نكتب محتوي الصفحه من اكواد نريد ان نظهرها بالصفحه
</body>
وهناك خصائص اخري يمكن ان تضاف في وسم body لاكنها متقدمه لن نتطرق لها الان
نتطرق الان الي الاكواد العامه التي يمكن ان تكتب بين وسمي body
نبدا بوسم font
وهو الوسم الخاص بكتابة اي نص والتحكم فيه من خلال اضافة الخصائص الخاصه به
<font></font>
ياتي مع هذا الوسم الخصائص التاليه
<font color="اللون" face="نوع الخط" size="حجم الخط">
هنا يكتب النص المراد تطبيق الخصائص عليه
</font>
ياتي مع هذا الوسم الخصائص التاليه
<font color="اللون" face="نوع الخط" size="حجم الخط">
هنا يكتب النص المراد تطبيق الخصائص عليه
</font>
لشرح الكود السابق
اللون : تم توضيحه سابقا
نوع الخط : وهو نوع خط الكتابه وهناك انواع كثيره مثل arial - tahoma - Impact - Times New Roman وغيره الكثير
حجم الخط: وهي القيم من 1 : 7 حيث 1 اصغر حجم للخط ، 7 اكبر حجم خط والافتراضي هو 3
اللون : تم توضيحه سابقا
نوع الخط : وهو نوع خط الكتابه وهناك انواع كثيره مثل arial - tahoma - Impact - Times New Roman وغيره الكثير
حجم الخط: وهي القيم من 1 : 7 حيث 1 اصغر حجم للخط ، 7 اكبر حجم خط والافتراضي هو 3
اكواد اخري هامه
<hr />
وهو لعمل سطر في الصفحه
وهو لعمل سطر في الصفحه
<br />
وهو للنزول لسطر جديد يستخدم مثلا بين النصوص ان اردنا نهاية السطر وبداية سطر جديد
نقوم باضافة هذا الكود الفردي ليقوم بالنزول لسطر جديد
وهو للنزول لسطر جديد يستخدم مثلا بين النصوص ان اردنا نهاية السطر وبداية سطر جديد
نقوم باضافة هذا الكود الفردي ليقوم بالنزول لسطر جديد
طبعا كل هذه الاكواد لازم تجربوها اثناء قراءه هذا الدرس حتي تشعر بفائده ووظيفة الكود
نكمل معا اكواد اخري هامه
كود يستخدم لجعل النص سميك
<b>هنا يكتب النص</b>
ويقوم بنفس العمل هذا الكود
<strong>هنا يكتب النص</strong>
ويقوم بنفس العمل هذا الكود
<strong>هنا يكتب النص</strong>
كود يستخدم لجعل النص مائل اي italic
<i>هنا يكتب النص</i>
ويقوم بنفس العمل هذا الكود
<em>هنا يكتب النص</em>
كود يستخدم لعمل خط اسفل النص
<u>هنا يكتب النص</u>
يقوم بنفس العمل هذا الكود
<ins>هنا يكتب النص</ins>
كود يستخدم لعمل خط في وسط النص
<s>هنا يكتب النص</s>
يقوم بنفس العمل هذا الكود
<del>هنا يكتب النص</del>
الي هنا نكون قد انتهينا من هذا الدرس
وفي الدرس الرابع سيتم شرح باقي الاكواد الاساسية والهامه في لغة html
رابط الدرس الرابع
http://moolnt.blogspot.com/2013/04/lesson4-html.html
رابط الدرس الرابع
http://moolnt.blogspot.com/2013/04/lesson4-html.html
تابعونا ،،،
