كيفية كتابة بعض الاكواد الاساسية ومعرفة مهامها
[ 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


















إرسال تعليق










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

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





















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





    

  • 

    

    




    

    

    

طريقة تحضير السوفلي الجزائري روووعة


    

    

    
   السلام عليكم   اليوم يأقدم لكم طريقة تحضير السوفلي بالصور      المقادير :     كيلو فرينة - 250غ مارغرين طرية - 2 مغارف أكل خميرة الخباز 2...

    

    

    

    • 

  • 

    

    

    

طريقة اضافة ألعاب الفلاش للمدونة 


    

    

    
 السلام عليكم        درسنا لهذا اليوم هو كيفية اضافة العاب الفلاش للمدونة ،بطريقة سهلة ومميزة وتعرض مثل المواقع المشهورة :   وانبه الذين يري...

    

    

    

    • 

  • 

    

    

    

نكت مغربية 


    

    

    
           ◄   واحد الراجل ديما كيطلع واحد البقرة و كلب لجبل باش ترعا ديما ديما  واحد النهار قالتليه البقرة نتا ديما مطلعنا لهاد الجبل محنتي...

    

    

    

    • 

  • 

    

    

    

قالوا عن الابتسامة


    

    

    
                           ◄   قال رسول الله محمد عليه الصلاة والسلام : " تبسمك في وجه أخيك صدقة".                ◄  وقال جاكسون ب...

    

    

    

    • 

  • 

    

    

    

  كيفية تغيير اتجاه الصفحة


    

    

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

    

    

    

    • 

  • 

    

    




    

    

    

ألعاب العقل HD  قوة الإقناع


    

    

    
      السلام عليكم      لكل المهتمين والمحبين للخدع البصرية وألغاز العقل،    هل فاتك حلقات الوثائقي الرائع ألعاب العقل ؟    اذا فقد فاتك الك...

    

    

    

    •