تم تطوير HTML لأول مرة بواسطة Tim Berners-Lee في عام 1990 ، HTML اختصار لـ Hypertext Markup Language. يتم استخدام HTML لإنشاء مستندات إلكترونية (تسمى الصفحات) يتم عرضها على شبكة الويب. تحتوي كل صفحة على سلسلة من الاتصالات بصفحات أخرى تسمى الارتباطات التشعبية. تتم كتابة كل صفحة ويب تراها على الإنترنت باستخدام إصدار واحد من تعليمات HTML البرمجية أو إصدار آخر.
معنى لغة html ؟ شرح مفصل عن لغة html
يضمن كود HTML التنسيق الصحيح للنصوص والصور حتى يتمكن متصفح الإنترنت الخاص بك من عرضها كما هو مقصود للبحث. بدون HTML ، لن يعرف المستعرض كيفية عرض النص كعناصر أو تحميل الصور أو العناصر الأخرى. يوفر HTML أيضًا بنية أساسية للصفحة ، يتم على أساسها تراكب أوراق الأنماط المتتالية او Css لتغيير مظهرها. يمكن للمرء أن يفكر في HTML باعتبارها عظام (بنية) لصفحة ويب ، و CSS يعطيها شكلها (أو المظهر).كيف تبدو علامة HTML؟
كما يتبين من مثال علامة HTML أعلاه ، لا يوجد العديد من المكونات. تحتوي جميع علامات HTML تقريبًا على علامة فتح تحتوي على الاسم ، وعلامة إغلاق تحتوي على شرطه مائلة للأمام ، واسم العلامه التي يتم إغلاقها. بالنسبة إلى العلامات التي لا تحتوي على علامة إغلاق مثل <img> ، من الأفضل إنهاء العلامة بشرطة مائلة للأمام.
كل علامة موجوده في علامة أصغر من وأكبر من "< >" ، وكل شيء بين علامة الفتح والإغلاق يتم عرضها. في المثال أعلاه ، تقوم العلامة <a> بإنشاء رابط يسمى "قم بزياره ليليوم" يشير إلى ملف liliom-index.html.
كيف تبدوا صفحات الـ HTML؟
فيما يلي مثال لصفحة ويب أساسية مكتوبة بلغة HTML بالإضافة إلى وصف لكل قسم ووظيفته.
<!DOCType HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>مثال لصفحه</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<body>
<h1>هذا عنوان</h1>
<p>هذا مثال على صفحة HTML الأساسيه.</p>
</body>
</html>
يحتوي المربع أعلاه على المكونات الرئيسية لصفحة الويب الأساسية. يصف السطر الأول (DOCType) إصدار HTML الذي كُتبت به الصفحة حتى يتمكن مستعرض الإنترنت من ترجمة النص التالي. بعد ذلك ، تتيح علامة فتح HTML للمتصفح معرفة أنه يقرأ كود HTML. يتبع علامة HTML قسم "head" الذي يحتوي على معلومات حول الصفحة مثل العنوان والعلامات الوصفية ومكان تحديد موقع ملف CSS. قسم "body" هو كل المحتوى الذي يمكن مشاهدته على المتصفح. على سبيل المثال ، كل النص الذي تراه هنا موجود في علامات"body". أخيرًا ، تغلق العلامات الختامية كل العناصر في البناء الصحيح للجمله.ما هو HTML5؟
HTML5 هو التحديث الذي تم إجراؤه على HTML من HTML4 (يتبع XHTML نظام ترقيم إصدار مختلف). يستخدم نفس القواعد الأساسية مثل HTML4 ، لكنه يضيف بعض العلامات والسمات الجديدة التي تتيح دلالات أفضل وعناصر ديناميكية يتم تنشيطها باستخدام JavaScript. تشمل العناصر الجديدة القسم ، <article> ، <aside> ، <audio> ، <bdi> ، <canvas> ، <datalist> ، <details> ، <embed> ، <config> ، <figcaption> ، <footer> ، < header> ، <keygen> ، <mark> ، <meter> ، <nav> ، <output> ، <progress> ، <rp> ، <rt> ، <ruby> ، <time> ، <track> ، <video> و <wbr>. هناك أيضًا أنواع إدخال جديدة للنماذج ، تشمل الهاتف ، والبحث ، وعنوان url ، والبريد الإلكتروني ، ووقت ، التاريخ ، والشهر ، والأسبوع ، والوقت ، والوقت المحلي ، والرقم ، والنطاق ، واللون.مع الحركة المتزايدة للحفاظ على بنية وأسلوب منفصلين ، تمت إزالة عدد من عناصر التصميم إلى جانب العناصر التي كانت تعاني من مشكلات في الوصول أو شهدت القليل من الاستخدام. لا يجب استخدام هذه العناصر التالية في تعليمات HTML البرمجية: <acronym> ، <applet> ، <basefont> ، <big> ، <center> ، <dir> ، <font> ، <frame> ، <frame> ، <noframes > و <strike> و <tt>. يقوم HTML5 أيضًا بتبسيط تعريف النمط إلى العلامة التي في المربع التالي.
<!doctype html>
كيف تبدو HTML5؟
كما هو موضح أدناه ، يشبه رمز HTML5 مثال HTML4 السابق ، ولكنه أنظف وله علامة doctype.
<!doctyp<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>مثال لصفحه</title>
</head>
<body>
<h1>هذا عنوان</h1>
<p>هذا مثال على صفحة HTML الأساسيه</p>
</body>
</html>e html>
كيفية إنشاء اوعرض HTML
نظرًا لأن HTML لغة ترميز ، يمكن إنشاؤها وعرضها في أي محرر نصوص طالما يتم حفظها بأمتداد .htm أو .html. ومع ذلك ، يجد معظم المطورين أنه من الأسهل تصميم وإنشاء صفحات الويب بتنسيق HTML باستخدام محرر HTML.بمجرد إنشاء ملف HTML ، يمكن عرضه محليًا أو تحميله على خادم ويب لعرضه على الإنترنت باستخدام مستعرض.
