بعض الوظائف لا تعمل على هذا المتصفح، حاول استخدام متصفح آخر
About Privacy Terms

موقع عُمانيستا للبيع والشراء
سوق عمان الإلكتروني في عمان
بسم الله الرحمن الرحيم
شاركـ أصدقائك

كورس HTML | مقدمة لغة html للمبتدئين | موقع فولدرات

الرئيسية / الحاسب الآلي / لغات البرمجة / HTML / كورس HTML | مقدمة لغة html للمبتدئين

القرآن الكريم كامل المصحف الذكي (جديد) , المصحف النصي

 

شرح html للمبتدئين

 

ما هو HTML للمبتدئين ?

 

لغة HTML اتش تي ام ال، هي لغة النصوص التشعبية و بالإنجليزية Hypertext markup language

أو كما تعرف بـ HTML ، هي اللغة التي تستخدم في إنشاء و تصميم صفحات

و مواقع الويب و تعتبر الهيكل الرئيسي لأي صفحة أو موقع علي الويب.

 

لا تعتبر لغة الـ HTML لغة برمجة و لكنها تستخدم في اعطاء الأوامر لمتصفح الإنترنت و ترشده

فيها الي طريقة عرض الصور و الروابط و النصوص و الأشياء الأخري التي تحتويها الصفحة و أماكن عرض

كل منها داخل الصفحة ، كما تقوم بإمداد المتصفح بالمعلومات الخاصة بالصفحة مثل عنوان الصفحة

و وصفها و الكلمات الدلالية الخاصة بها

يرمز HTML إلى لغة ترميز النص التشعبي. وهو يسمح للمستخدم بإنشاء مقاطع وفقرات وعناوين وارتباطات وحظر لصفحات ويب والتطبيقات وبنية هذه المقاطع.

HTML ليست لغة برمجة، بمعنى أنه لا يملك القدرة على إنشاء وظيفة ديناميكية. بدلاً من ذلك، يتيح تنظيم المستندات وتنسيقها، مثل Microsoft Word.

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

 

<p>How to add paragraph</p>
<p>This second paragraph</p>

 

بشكل عام، HTML هي لغة علامات تكون واضحة حقا وسهلة التعلم حتى للمبتدئين الكامل في بناء موقع على شبكة الإنترنت.

 

تاريخ HTML ?

 

اخترع HTML تيم بيرنرز لي ، وهو فيزيائي في معهد بحوث سيرن في سويسرا. لقد أتى بفكرة نظام النص التشعبي القائم على الإنترنت.

النص التشعبي يعني نصًا يحتوي على مراجع (ارتباطات) إلى نصوص أخرى يمكن للمشاهدين الوصول إليها على الفور. نشر أول نسخة من HTML عام 1991، ويتألف من 18 علامة HTML. ومنذ ذلك الحين، يأتي كل إصدار جديد من لغة HTML مع علامات وسمات جديدة (معدّلات العلامات) إلى العلامة.

وفقًا لمرجع عنصر HTML الخاص بشبكة Mozilla Developer، يوجد حاليًا 140 علامة HTML، على الرغم من أن بعضها قديم بالفعل (غير مدعوم من قبل المتصفحات الحديثة).

بسبب ارتفاع سريع في الشعبية ، HTML الآن يعتبر معيار رسمي على شبكة الإنترنت. يتم الحفاظ على مواصفات HTML وتطويرها من قبل كونسورتيوم شبكة الويب العالمية . (W3C) يمكنك الاطلاع على أحدث حالة للغة في أي وقت على موقع الويب الخاص بـ W3C

كان إدخال HTML5 في عام 2014 هو أكبر تحديث للغة. وقد أضاف العديد من العلامات الدلالية الجديدة إلى العلامة، والتي تكشف عن معنى محتواها الخاص، مثل <article>,< header>, <footer>.

 

كيف يعمل HTML ?


مستندات HTML هي ملفات تنتهي بملحق  html. أو  htm. يمكنك عرض أي مستعرض ويب مثل Google Chrome أو Safari أو Mozilla Firefox يقرأ المستعرض ملف HTML، وهو يعرض محتوياته بحيث يتمكن مستخدمو الإنترنت من عرضه.

عادة، يتضمن موقع ويب المتوسط عدة صفحات HTML مختلفة. على سبيل المثال: الصفحات الرئيسية، حول الصفحات، صفحات جهات الاتصال تحتوي جميعها على مستندات HTML منفصلة.

تتكون كل صفحة HTML من مجموعة من العلامات (تسمى أيضاً العناصر)، والتي يمكنك الإشارة إليها ككتل إنشاء صفحات ويب. حيث يقومون بإنشاء تسلسل هيكلي يقوم بإنشاء المحتوى في مقاطع وفقرات وعناوين وكتل محتوى أخرى.تحتوي معظم عناصر HTML على فتح وإغلاق يستخدم بناء جملة .


يمكنك أدناه رؤية مثال على التعليمات البرمجية لكيفية تنظيم عناصر HTML

 

<div>
  <h1>My title</h1> 
  <h2>My sub title</h2>
  <p> My Paragraph 1</p> 
  <p> My Paragraph 2</p> 
  <img src="/" alt=" this is my image">
  <p>My link:  <a href="https://example.com">hyperlink</a></p>
</div>

 

  • والعنصر الأكثر أهمية هو التقسيم البسيط (div>/div>)الذي يمكنك استخدامه لوضع علامات على أقسام المحتوى الأكبر.
  • هو يحتوي على عنوان(<h1></h1>)، عنوان فرعي(<h2></h2>)، وفقرتين(<p></p>)، وصورة (<img>)
  • تتضمن الفقرة الثانية رابطًا(<a></a>)مع Href السمة التي تحتوي على عنوان URL الوجهة
  • كما أن علامة الصورة لها سمتان: src لمسار الصورة وalt لوصف الصورة.

 

 

لا تنسى مشاركة الصفحة ومن صالح دعائكم

صورة
JAVASCRIPT
كورس JavaScript | شرح Syntax

يشير بناء جملة JavaScript إلى مجموعة من القواعد التي تحدد كيفية كتابة اللغة (بواسطة المبرمج) وتفسيرها (بواسطة المتصفح). يستند بناء جملة JavaScript على بناء جملة Java ب ...

صورة
لغات البرمجة
كورس ++C | مقدمة إلى لغة سي بلس بلس

تعلم البرمجة بالعربية للمبتدئين. هذه السلسلة التعليمية عبارة عن شرح للغة البرمجة C++ بالعربي للمبتدئين الذين يرغبون في تعلم البرمجة. لغة C++ هي لغة برمجة شائعة وكثيرة ال ...

صورة
CSS
كورس CSS | مقدمة css

ما هي CSS؟ تُعد Cascading Style Sheets ، التي يشار إليها باعتزاز باسم CSS ، لغة تصميم بسيطة تهدف إلى تبسيط عملية جعل صفحات الويب قابلة للتقديم. يتعامل CSS مع الشكل وا ...

صورة
SQL
كورس SQL | شرح SELECT TOP

يتم استخدام عبارة SELECT TOP لتحديد عدد السجلات المراد إرجاعها. تعتبر عبارة SELECT TOP مفيدة في الجداول الكبيرة التي تحتوي على آلاف السجلات. يمكن أن تؤثر إعادة عدد كبي ...

صورة
CSS
كورس CSS | شرح Borders

الخاصية border هي صيغة مختصرة في CSS تقبل قيمًا متعددة لرسم خط حول العنصر الذي يتم تطبيقه عليه. تسمح لك خصائص حدود CSS بتحديد نمط وعرض ولون حدود العنصر. ...

صورة
JAVASCRIPT
كورس JavaScript | مقدمة جافا سكريبت

ما هو JavaScript؟ JavaScript هي لغة برمجة كمبيوتر ديناميكية. إنه خفيف الوزن وأكثر استخدامًا كجزء من صفحات الويب ، حيث تسمح تطبيقاته للبرنامج النصي من جانب العميل بالت ...