كيفية كتابة بعض الاكواد الاساسية ومعرفة مهامها
[ 2:41 ص | 0 التعليقات ]


السلام عليكم 


في هذا الدرس اخواني 
نتطرق الى كيفية كتابة بعض الاكواد الاساسية ومعرفة مهامها  .

اولا ننبه ان جميع في html تبدا باسم وتنتهي بنفس الاسم لكن تزيد على الاسم الاول بعلامة / ( اي عند وجود علامة / تعرفنا ان عمل هذا الوسم انتهى ) ، وهي محصورة بين مزدوجتين <> وسنرى ذلك في الدرس .
ولبدا العمل نفتح برنامج النوتباد  Notepad++ولتحميله من هنا 
ولتعلم اللغة بشكل اسرع قم انت بكتاتبة الاوسام ودعك من النقل واللصق ^^ 

1-  الوسم html 


1
2
3

<html>
 
</html>
وهو وسم اساسي يجمع كل محتوى الصفحة اي كل ما يوجد في الصفحة هو مابين الوسم الاول <html> و الوسم الاخير </html>
اذن اي صفحة نبداها يجب ان تبدا بالوسم <html> وتنتهي بالوسم </html> 


2- الوسم head


1
2
3
4
5

<html>
<head>
 
</head>
</html>
 ياتي وراء وسم <html> مباشرة وهو راس الصفحة و غير مرئي  ،وظيفته هو تقديم بعض المعلومات الدلالية للصفحة ووصفها لتساعد على البحث عنها في محركات البحث  ...الخ 

1-2  شرح الوسم title  : 

وسم هام لكتابة عنوان الصفحة اذا ان لكن صفحة او موقع له عنوان ، كما أشرنا سابقا بان العنوان وكل الكلمات الدلالية للصفحة لاتظهر لنا اي انها في راس الصفحة بين الوسمين <head> و <head/>

لنقوم بعمل ذلك سويا :
مثلا اضع عنوان باسم : مدونة لنرتقي 





1
2
3
4
5



<html>
<head>
<title> مدونة لنرتقي </title>
</head>
</html>
الان نحفظ العمل ، 
وللقيام بذلك سهل مثل باقي البرامج اذهب الى fichier >enregistrer sous  ثم اختار مكان الحفظ وليكن سطح المكتب
تابع الصور :
انقر على الصورة لمشاهدتها بحجمها الطبيعي 
















ثم نحفظها بامتداد html  وهو مهم هنا مثلا انا سميتها texte فنحفظها هكذا texte.html
كما في الصورة :
انقر على الصورة لمشاهدتها بحجمها الطبيعي
















هذه هي  :







والنتيجة كما تلاحظون :

انقر على الصورة لمشاهدتها بحجمها الطبيعي 


















اذا كتبت بالعربية ستشاهد ان الكتابة على شكل رموز ولحل المشكل قم بزيارة هذا الدرس

3- الوسم body

هذا وسم رئيسي في الصفحة ، وهو محتوى الصفحة الذي يظهر لنا على الشاشة ، 


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15




<html>




<head>




<title> عنوان الصفحة </title>




</head>




<body>




جسم الصفحة (المحتوى الذي يظهر لنا)






</body>




</html>







ولاحظوا ان مكانه وراء وسم </head> المغلق لان مهامه انتهت 

نحفظ العمل وسنرى النتيجة :








انقر على الصورة لمشاهدتها بحجمها الطبيعي







































الى هنا نختم معكم هذا الدرس ، الى درس اخر بحول الله حول تغيير اتجاه الصفحة .

































                            



















كاتب الموضوع




                                بقلم يعقوبي زين العابدين
                              

                              صاحب مدونة لنرتقي طالب جديد اسعى واياكم الى الاجتهاد في عالم التدوين ولغات البرمجة فقطرة الماء تثقب الحجر لا بالعنف لكن بتواصل السقوط .... يمكن متابعتي على تويتر 
                              
                                @linartaki
                              
                              أو عبر 
                              
                                خلاصات مدونتي
                              
                              هذه.
                            






                                شارك أصدقاءك
                              











































                        التعليقات :  
                        0


















إرسال تعليق










                      أخي الكريم، رجاء قبل وضع أي كود في تعليقك، حوله 
                      
                        بهذه الأداة 
                      
                      ثم ضع الكود المولد لتجنب اختفاء بعض الوسوم. 
                      

                      الروابط الدعائية ستحذف لكونها تشوش على المتتبعين و تضر بمصداقية التعليقات.
                    





















المشاركات الشائعة