السلام عليكم
HTML=Hyper Text Markup Language
وهى اللغه المستخدمه فى بناء مواقع الانترنت البسطيه
افتح الnotepad واكتب الاتى
<html> </html>
لغه الHTML تتميز بوجود الtags
يعنى ايه tags ?
ببساطه هى انك مثلا عاوز تعمل ملف HTML اذا فلابد من كتابه
<html>
ثم تكتب بقيه الكود
ثم تنتهى بال</html>
من اجل عمل عنوان لصفحه الانترنت سنفتح الnotepad ونكتب الاتى
<html> <head> <title> اول موقع لى </title> </head> </html>
وقم بحفظ الملف باسم index.html
اضغط على الملف سيفتح متصفح الانترنت صفحه فارغه ولكن عنوان الصفحه او الtitlebar للمتصفح سنجد فيه جمله "اول موقع لى"
حتى الان كلام جميل
ولكن ماذا عن تحرير صفحه الانترنت نفسها
حتى يتم ذلك يوجد tag اسمه body وبيكتب بالشكل ده
<body> //الكود اللازم لتصميم صفحه الانترنت نفسها </body>
طب دلوقتى نريد تصميم الصفحه نفسها
اول شى نعرف خصائص الbody
alink : تحديد لون اللينك
background : تحديد الصوره التى تستخدم كخلفيه
bgcolor : تحديد لون الخلفيه
link : تحديد لون اللينك الذى لم تتم زيارته
text : تحديد لون الكلام فى الصفحه
vlink : تحديد لون اللينك حينما تتم زيارته
فهمت شى؟ انا نفسى لم افهم
حتى نفهم سويا يجب ان نعى ان الtag ولا اجد ترجمه مناسبه له بالعربى يمثل لغه الhtml
ف <html> دا tag
و <title> ايضا tag
و هناك بعض الtags التى لها سمات او خصائص و تكون بالشكل الاتى
<tag attributename="attributevalue">
لازال الكلام مبهما
اتفقنا ان الbody هى المسئوله عن تصميم صفحه الانترنت نفسها و بما ان الbody يعتبر tag و هذا الtag له سمات خاصه منها تحديد لون الخلفيه للصفحه او تحديد الصوره الخلفيه الخ
مثال عاوز اجعل لون صفحه الانترنت احمر هاكتب الاتى
<html> <head> <title> الصفحه الرئيسيه </title> <body bgcolor="red"> </body> </html>
نقوم كما تعودنا بحفظ الصفحه و ليكن page.html
سنجد لون الصفحه اصبح احمر :lol:
ماذا بعد؟
اه
background تحدد الصوره الخلفيه و يجب ان تحدد مسار الصوره كاملا وليس اسمها فقط و من الممكن ان تكون الصوره على جهازك او على الانترنت
مثال عندك صوره على الC: اسمها image.jpg اذا فسنكتب الاتى حتى تصبح الصوره الخلفيه للصفحه
<html> <head> <title> الصفحه الرئيسيه </title> <body background ="c:\image.jpg"> </body> </html>
بعد ان قمنا بعمليه تحديد لون الخلفيه يجب ان نعى جيدا ان الالوان كثيره جدا و ويتم تعريفها اساسا فى الhtml باستخدام النظام السداسى عشر
ويتكون من ثلاثه الوان رئيسيه : الاحمر و الاخضر و الازرق وكل لون فى الحقيقه مكون من هذه الالوان الثلاثه الرئيسيه و لكن باختلاف درجه كل لون
ودرجه كل لون من الالون الثلاثه الرئيسيه تتحدد برقم من 0 الى 255
يعنى بالنظام السداسى عشر من 00 الى ff
اذا فاللون الابيض مثلا #ffffff وهو عباره عن ان درجه اللون الاحمر ff والازرق ff و الاخضر ff
الاصفر مثلا :#ffff00
من اجل معرفه الرقم السداسى عشر لاى لون قم بزياره الموقع التالى
هذا ليس موضوعنا ولكن من المهم التطرق اليه
من المهم و انت تكتب كود ان تكتب ملاحظاتك على سطور معينه من الكود حتى تتذكر فيما بعد لماذا فعلت ذلك او حتى تسهل على المبرمجين الاخرين قراءه كودك و التعديل عليه
من الممكن كتابه ملاحظات او تعليق داخل ملف الhtml و ذلك لا يعتبر جزء من الكود و لكنه من اجل التوضيح للمبرمج نفسه فقط
كتابه التعليق او الcomments فى الHTML تكون كالاتى
<!-- اكتب تعليقك هنا -->
نريد كتابه الكلام داخل الصفحه ماذا نفعل؟
افضل وسيله استخدام الtag الاتى :
<p>
الP ترمز الى كلمه paragraph اى فقره
تكتب الاتى
<html> <body> <p> مرحبا بكم فى موقعى الرسمى </p> </body> </html>
لو عاوز لون الكلام يبقى مثلا بلون غير الاسود و هو اللون الافتراضى حدد سمه الbody المسماه text باللون المناسب و ليكن ازرق
<html> <body text="blue"> <p> مرحبا بكم فى موقعى الرسمى </p> </body> </html>
نكتفى بهذا القدر و الى اللقاء فى الحلقه القادمه باذن الله تعالى