|
| دورة تعلم لغة HTML |
دورة تعلم أساسيات لغة html للمبتدئين الدرس الأول
السلام وعليكم مرحبا بكم في موقع مستر نوب، في هذه المقالة سنتكلم عن أهم لغة في برمجة الويب، و هي لغةHTML وتعني باللغة العربية "لغة ترميز النص الفائق".
تشكل هذه اللغة هيكل مواقع الويب على الأنترنت ، ثم تضف إليها لغة CSS التي تقوم بتزين المواقع الإلكترونية، تستخدم هذه اللغات فقط التصاميم الخارجية ، أم ما وراء الموقع فتستخدم لغة الجافا سكريبت و هي من أشهر اللغات البرمجية ،كما أنها تستخدم في العديد من المجالات ك: برمجة تطبيقات الموبايل ، براميج الحاسوب المكتبية.. .
تطبيقات على لغة HTML
ما هو HTML
ما معنى HTML
شرح وسوم لغة html الأساسية
الأدوات و البراميج الضرورية لتعلم برمجة html على الحاسوب
البراميج الأساسية لتعلم لغة HTML على الهاتف
التعليقات في الوسوم
أهم وسوم لغة html
شرح وسوم الهيكل المستند
خصائص الوسوم Attributes Tags
خلاصة
شرح لغة HTML .
ما هي لغة البرمجة HTML
تعتبر لغة html من اللغات التي تعتمد على الوسوم أو ما يسمى بالطاغ Tags ، و هي إختصار لي كلمة HyperText Markup Language باللغة الإنجليزية ، كما قلنا تعتمد هذه اللغة على الوسوم ،و هذه الوسوم تفتح بهذه الطريقة <هنا تضع الأمر> وتغلق بهذه الطريقة أيضا <هنا تضع الأمر/> الأن سنتعرف على أغلب الوسوم و كيفية إستعمالها سنقوم بشرح أساسيات هذه اللغة البرمجية، التي يجب على كل مبرمج أن يعرفها.
شرح وسوم لغات html الأساسية
تحتوي كل صفحة على أربعة وسوم و تسمى وسوم هيكلية المستند
Documents Structure Tags أو وسوم أساسية و هي أربعة وسوم :
<html>
<head>
<title>
<body>
و يجب أن تكون بهذا الشكل على محرر نوت باد أو أي محرر تقوم بإستخدامه .
الأدوات لتعلم البرمجة على الحاسوب
هناك العديد و الكثير من البراميج لتحرير أو لتعم لغة html لتصميم المواقع
على الكمبيوتر
computer
و هذه أهمها :
•NotePad
• Komodo
هذه كما قلت لكم أفضل البراميج لتعلم لغة html بحيث تحتوي على
وسوم مساعدة .
التطبيقات المجانية لتعلم البرمجة على الموبايل
يمكنك الدخول إلى
متجر قوقل بلاي ستور play store ستجيد الكثير من التطبيقات الخاصة بتعلم لغة html و لكن أرشح
لك هذا التطبيق هو الأفضل و قد ساعدني أنا أيضا وتعلمت فيه قبل أن أشتري
الحاسوب
و إسمه anWriter free html editor أنا متأكد أنه سيساعدك أنت أيضا
لتعلم هذه اللغة ، للأنه يحتوي على العديد من الوسوم و الأقترحات الخاصة بلغة
html و لغة CSS إليك بعض التطبيقات لتعلم لغة html من الهاتف :
التعليقات في الوسوم
تضف التعليقات إلى كواد html بغرض شرح الكود و وضيفته في الصفحة و لكن ما
يضع في التعليقات لا يوثر على الأكواد ، كما أنه يساعد مطور الويب على فهم
الأكواد و كذلك وظيفته و لكي تضيف تعليق في كود html يجب أن يكتب بهذا الشكل
:
<!-- this is comment -->
أهم وسوم لغة html
هناك العديد من وسوم html و تختلف حسب دورها في صفحة الويب ، بحيث تمكنك لغة html من ترتيب و تزيين محتوى صفحتك خاصة إذا تمت إضافة إليه أكواد CSS الخاصة بالتزين و جعل الصفحة تبدو رائعة و جميلة للقارئ ، لأن الهدف من إنشاء صفحة ويب أو موقع ويب هو توفير المعلومات للمستخدمين بغض النظر عن الربح من هذا الموقع ، و سنقوم بشرح وسوم الخاصة بلغة html .
إقرأ أيضا :
دورة تعلم أساسيات لغة HTML للمبتدئين الدرس الثاني
شرح وسوم الهيكل المستند
وسوم هيكل المستند أو Document Structure Tags باللغة
الإنكليزية و هي أربعة وسوم html , head , title و
body :
• الوسم html يعني أن الملف يحتوي على أوامر
HTML ،
وليس نصاً عادياً .
• الوسم head و يعني رأس الصفحة و تضع فيه معلومات عن المراد إنشائها
مثل العنوان....
•الوسم title هذا الوسم يضع فيه عنوان الصفحة
• الوسم body هو جسم الصفحة قد يحتوي على نصوص أو صور أو
فيديوهات ...
ملاحظة مهمة
1- جميع وسوم" HTML " توضع بين علمتي أكبر وأصغر
<>
2- اغلب وسوم" HTML "تتوفر على زوجين من الوسوم وسم بداية
و وسم نهاية مثل <وسم النهاية/> <وسم بداية>
3- هناك وسوم لها زوج واحد أي وسم واحد فقط مثل</br>
4-جميع وسوم "HTML " تكتب بين وسمي<html> </html>
خصائص الوسوم Attributes Tags
كل وسم يحتوي على خصائص تعمل على تحسين مظهره و تتحكم فيه بشكل أفضل ، و هذه الخصائص تكون داخل الوسوم كما في المثال أسفله :
|
| Learn html |
|
| تعلم لغة html |
و بهذا نكون إنتهينا من الدرس الأول من دورة تعلم لغة html مجانا و كذلك تعرفنا على كيفية وضع الوسوم في أكواد html و أيضا طريقة إضافة تعليقات لشرح بعض الأكواد ، أراكم في درس أخر .