تعتبر لغة HTML احدى لغات البرمجة التي تمت التوصية عليها من W3C بشكل عام وهي لغة برمجة يتم استخدامها لبناء المواقع الالكترونية.
ماهي لغة HTML
HTML اختصار لـ HyperText Markup Language (لغة ترميز النص الفائق) وهي لغة ترميز تستخدم لإنشاء وتصميم صفحات ومواقع الويب.
تاريخ HTML
في عام 1980، قام الفيزيائي تيم بيرنرز لي والذي كان عاملا في المؤسسة الأوروبية للأبحاث النويية سيرن باقتراح واعداد نموذج بدئي لنظام يمكن باحثي سيرن من استخدام ومشاركة المستندات. وفي عام 1989 قام بكتابة مذكرة يقترح فيها نظام نص فائق hypertext مبني على الإنترنت، وقام بوصف لغة HTML وبكتابة برامج المزود والمتصفح في أواخر عام 1990.
اصدارات HTML
طبعاً تم اطلاق عدة اصدارات ل HTML آخرها HTML5 وإليك الاصدارات التي تم تطوير HTML خلالها والفترة الزمنية
HTML 2
تم نشره في 1866 وتطويره على عدة ماحل حتى 1997
HTML 3
من 1997 حتى 1998
HTML 4
من 1998 حتى 2014
HTML 5
من 28 أكتوبر 2014
تم نشر HTML5 كتوصية W3C
1 نوفمبر 2016
تم نشر HTML 5.1 كتوصية W3C
14 ديسمبر 2017
تم نشر HTML 5.2 كتوصية W3C
كيفية بناء HTML
تتألف صفحات HTML من عناصر، والتي تتألف عادةً من وسم بداية ووسم نهاية، ويكون بينهما محتوى نصي عادةً؛ ويمكن أن نضع في وسم البداية بعض الخاصيات التي تُغيّر من سلوك العنصر أو تؤدي إلى ضبطه. لاحظ أنَّ بعض العناصر يمكن أن تتشعب داخل بعضها بعضًا. الأقسام الأساسية للعناصر هي:
- وسم البداية: وهو يحتوي على اسم العنصر، موضوعًا ضمن قوسين على شكل زاوية، وقد يلي الاسم الخاصيات التي تؤثر عليه. مثلًا <p>.
- وسم النهاية: وهو يحتوي على اسم العنصر أيضًا مسبوقًا بخطٍ مائل قبله للإشارة إلى نهاية العنصر؛ لاحظ أنَّ نسيان وسم النهاية قد يسبب أخطاءً في بعض الأحيان، لذا خذ حذرك وتذكره. مثلًا: <p/>.
- المحتوى: وهو موجودٌ بين وسمَي البداية والنهاية، ويُمثِّل في معظم الأحيان محتوى العنصر.
- العنصر: هو وسم البداية ووسم النهاية إضافةً إلى المحتوى.
الاستعانة ب CSS لتطوير HTML
من ضمن الامور الجيدة التي ساعدت في تطوير HTML بشكل افضل ومنسق وجميل وإنشاء صفحات كثيرة هي خصائص CSS , ويمكن الاستفادة من الكثير من المقالات التي تم طرحها في الوسم CSS
اكواد الاتصال والمراسلة من خلال صفحات HTML
يمكن الاستفادة من الاكواد التالية في وضع صفحة اتصال او رابط اتصل بنا …الخ
ارسال بريد الكتروني Send Email
يمكن وضع الكود التالي ضمن شفرات ملف HTML وذلك لإرسال بريد الكتروني مباشرة , مثال :
ارسال بريد الكترونياستخدم الكود التالي مع تغيير sendmail@example.com بالبريد الالكتروني الخاص بك
1 |
<a href="mailto:sendmail@example.com" target="_blank">ارسل بريد</a> |
اتصال هاتفي Call us
مثال على ذلك
اتصال هاتفياستخدم الكود التالي مع تغيير الرقم +966500000 برقم جوالك مع فتح الخط الدولي
1 |
<a href="tel:+966500000" target="_blank">اتصال هاتفي</a> |
ارسال رسالة نصية SMS
يمكن ايضاً استخدام اكواد HTML لارسال رسالة نصية على الجوال من خلال اضافة الكود التالي كزر ارسال رسالة نصية
استبدل الرقم +966500000 برقم جوالك مع فتح الخط الدولي
1 |
<a href="sms:+966500000" target="_blank">ارسل رسالة نصية SMS</a> |
فتح محادثة واتساب Send Whatsapp
ايضاً استخدم الكود التالي لفتح محادثة واتساب مع تغيير رقم الجوال 966500000 برقم جوال مع فتح الخط الدول بدون علامة (+) الزائد في بداية الرقم
1 |
<a href="https://wa.me/966500000" target="_blank">فتح محادثة واتساب</a> |
شاهد المقالة : ارسال رسالة واتساب بدون حفظ الرقم
اكواد لغة HTML
اغلب عناصر واكواد HTML في صورة