HTML : مقدمة تعريفية
تعريف لغة HTML
هي ترميز ولغة مخصصة لوصف الوثائق والمستلزمات الخاصة بصفحات الويب على هيئة عناصر وألوان وأشكال يتمّ عرضها على شبكة الإنترنت.
اختصار HTML ونُسخ اللغة؟
يرمز اختصار HTML إلى
Hyper Text Markup Language
أيّ عبارة عن وصف تشعبي يتمّ اسناده عبر الروابط ليجعل صفحات الويب متصلة ببعض من حيث العناصر والأشكال.
| رقم النسخة | سنة الإصدار |
| HTML | 1991 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2014 |
كيف تعمل لغة HTML ؟
إن لغة HTML تعمل على عدة محاور ومن أبرزها :
- تستخدم الوسوم ( tags ) ضمن الأكواد
- تعتمد على المستندات النصية ذات الصيغة .html أو .htm
مثال قصير
<html> <head> <title>عنوان صفحتي الأولى</title> </head> <body> <h1>العنوان الأول !</h1> <p>سطور حكايتي هنا.</p> </body> </html>
تخطيط المثال
<html>
<head>
<title>عنوان صفحتي الأولى</title>
</head>
<body>
<h1>العنوان الأول !</h1>
<p>سطور حكايتي هنا.</p>
</body>
</html>
وصف المثال
- الوسم <html> وإغلاقه </html> عبارة عن بادئة محتويات ملف الـ html
- الوسم <head> وإغلاقه </head> يحتوي على وصف الصفحة مثل عنوان تبويب الصفحة وكذلك أكواد الجافا اسكربت بالإضافة إلى ذلك أكواد CSS في حال وجود ذلك.
- الوسم <title> وإغلاقه </title> مخصص لعرض عنوان الصفحة ضمن تبويب المتصفح.
- الوسم <body> وإغلاقه </body> مخصص لمحتويات الموقع المرئية.
- الوسم <h1> وإغلاقه </h1> يُستخدم للعناوين العريضة ويستخدم هذا الوسم من الرقم 1 إلى الرقم 6 فقط وكُلما زاد الرقم قلّ حجم النص.
- الوسم <p> وإغلاقه </p> يُستخدم لعرض قطعة من النص أو جزء معين.
[button url=”http://codepen.io/okfie984/pen/WrgyKo” target=”blank” style=”flat” background=”#1d1954″ size=”6″ radius=”round” icon=”icon: code” desc=”انقر هنا لإختبار الأكواد”]جرّب المثال الأن! [/button]