دورة تعلم البرمجة : مقدمة في تعلم اللغة البرمجة HTML

مواضيع مفضلة

الأربعاء، 22 سبتمبر 2021

دورة تعلم البرمجة : مقدمة في تعلم اللغة البرمجة HTML

 


مقدمة في تعلم لغة برمجة المواقع HTML 


 ترمز HTML إلى HyperText Markup Language وهي لغة لوصف صفحات الويب. تتكون صفحات الويب من علامات تمييز ونص عادي.


 هيكل الوثيقة : Document Structure


 يتكون مستند HTML من ثلاثة أجزاء:

 


 يشير إلى إصدار HTML المطلوب استخدامه



 

 يحتوي في الغالب على محتوى غير مرئي



 

 يحتوي على المحتوى المرئي للصفحة


 بناء الجملة : Syntax


 قواعد HTML ، أو بناء الجملة ، تحكم الطريقة التي يتم بها كتابة التعليمات البرمجية. علامات HTML هي كلمات رئيسية محاطة بأقواس زاوية ، على سبيل المثال <html>. تأتي معظم علامات HTML في أزواج ، علامة الفتح (<title>) وعلامة الإغلاق (</title>). تشكل العلامتان عنصر HTML. كأفضل ممارسة ، يجب إغلاق جميع علامات HTML ، أي أن يكون لها علامة فتح وإغلاق.


 <tag> محتوى يأتى هنا </tag>


 بين أزواج علامات HTML يوجد المحتوى في نص عادي ، على سبيل المثال : 


 <h1> عنواني  : Heading هنا </ h1>

 <p> فقرتي : Paragraph هنا  </ p>


 اعلم أنه ليست كل علامات HTML لها علامات إغلاق. سيتم إغلاق بعض العلامات التي لا تلتف حول المحتوى ، على سبيل المثال <br />. تُعرف هذه أيضًا باسم العلامات الفارغة أو الباطلة. لإغلاق العلامات الفارغة ، ضع شرطة مائلة للأمام (/) قبل القوس الأخير ، كما هو موضح في نموذج التعليمات البرمجية التالي:


 <emptytag />


 العلامات المطلوبة : Required Tags


 يجب أن تحتوي جميع مستندات HTML على علامات <html> و <head> و <body> ، إلى جانب معرف <! DOCTYPE> باعتباره السطر الأول. كحد أدنى ، يجب أن تتضمن صفحات HTML العناصر التالية:



 


 يسرد الجدول التالي العلامات المطلوبة ووصفًا لكل منها اتمنى ان يفيدكم :


 





 السمات والقيم : Attributes and Values


 العديد من العلامات لها جوانب إضافية يمكن تخصيصها. تسمى هذه الخيارات السمات وتظهر داخل علامة الفتح وتكون قيمتها دائمًا داخل علامات التنصيص. يوضح المثال التالي علامة تحتوي على سمتين:


 <tag attribute1 = "value" attribute2 = "value"> Text </tag>


 تظهر السمات دائمًا داخل علامة HTML الافتتاحية. يمكن تحديد سمات متعددة بفصل كل منها بحرف مسافة.


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

وإذا كان لديكم اي استفسار فلا تنسو مشاركتنا تعليقاتكم وشركات 

إرسال تعليق


المشاركة على واتساب متوفرة فقط في الهواتف