تعريف لغة html

تعريف لغة html

لغات ترميز النصوص

Markup language، أو كما تُعرف بلغة توصيف النص، هي عبارة عن جُملة من التلميحات والأوامر والوسوم حول نص معين؛ والتي تحدد كيفيّة تنظيمه، وتنسيقه، ووصفه، وشاع استخدامها في الآونة الأخيرة ضمن أنظمة صف الحروف عبر شبكة الإنترنت.

من أشهر الأمثلة على لغات الترميز هي لغة HTML، إذ تعدّ من ضمن بروتوكولا الإنترنت المهمة، وتنتهج هذه اللغة عدداً من الأساليب المشهورة في مجال النشر لتشكل حلقة وصل بين المؤلف والمحرر.

لغة HTML

HyperText Markup Language، ويشار إليها اختصاراً بHTML، وتُعرف بلغة ترميز النص التشعبي، هي عبارة عن لغة ترميز خاصة تستخدم لغايات تصميم وإنشاء صفحات الويب، كما يمكننا القول بإنّها عبارة عن الهيكل الرئيسي لصفحات الويب والبنية التحتيّة لها؛ إذ تقدّم وصفاً مفصلاً حول الكيفيّة التي ستكون عليها آلية عرض محتويات الموقع الإلكتروني ويكون ذلك بتقسيمه إلى عنوان وفقرات، ويتم ذلك كله بالاعتماد على ما يُعرف بالوسوم Tags.

الوسوم

لا بدّ من الإشارة إلى أنّ الوسوم هي الجزء الرئيسي في بناء صفحة الويب، إذ إنّه باستخدامها تتخذ الصفحة أوامر خاصة وتنفذها ليتم استخدامها في تشكيل صفحة الويب، وتكون عادة كافة الوسوم محصورة بين إشارتي <، >، وتنشطر إلى نوعين رئيسيين هما:

  • وسم البداية: يتطلب ذلك من المصمم أن يضع لكل وسم أو أمر بداية ونهاية، ليتم تنفيذه بشكل صحيح، ويُوضع وسم البداية عادة على النحو التالي: .
  • وسم النهاية: يُرافق وسم النهاية عادة الإشارة /، وذلك لغايات إغلاق الأمر المعطى، ويتم على النحو التالي .

عمل HTML

يُستهل العمل باستخدام لغة HTML بالوسم الاستفتاحي واختتامه ب، إذ يعتبر ذلك شرطاً رئيسياً للشروع ببناء صفحة ويب أن تُحصر كافة الوسوم بين هذين الوسمين، كما يشترط العمل بهما على Ms-front page أو notepad، ويشار إلى أنّ السبب الرئيسي في بدء العمل وإنهائه بالوسمين الآنفين الذكر هو إعطاء متصفح الويب أمراً في ترجمة الأوامر إلى محتوى مفهوم للمستخدم النهائي لصفحة الويب وزوارها، ومن الوسوم التي تحتوي عليها أي صفحة ويب مُنشأة بواسطة HTML هي:، موسوعة موضوع <title/><head/><body></p><p>حيث تُوضع كافة الوسوم التي تحمل أوامر وتنسيقات يراد بها التطبيق على محتويات الصفحة من نصوص، وجداول، ووصلات تشعبيّة، ورسومات، وتنسيقات ضمن هذه الخانة، قبل الوصول إلى إغلاق هذا الوسم، ومثال ذلك:<body><html/>.</p><p>لا بدّ لنا من التنويه، إلى أنّه يتطلب من مصمم صفحة الويب باستخدام هذه اللغة أن يحفظ عمله بامتداد html حتى يتسنى له تطبيق كافة محتويات الملف بناءً على هذه اللغة، كما نذكر بأنّه يمكننا التحكم بحجم، ولون، ونوع الخط، واتجاهه باستخدام وسوم خاصة بذلك.</p></div></div><div class="sn-related"><h2>أخبار ذات صلة</h2><div class="row sn-slider"><div class="col-md-4"><div class="sn-img rsi"><img src="https://teb21.com/img/the-easiest-way-to-make-ten-minutes.jpg" alt="أسهل طريقة لعمل عجينة العشر دقائق" title="أسهل طريقة لعمل عجينة العشر دقائق" /><a href="https://teb21.com/article/the-easiest-way-to-make-ten-minutes/"><span class="sn-title rst"> أسهل طريقة لعمل عجينة العشر دقائق </span></a></div></div><div class="col-md-4"><div class="sn-img rsi"><img src="https://teb21.com/img/how-do-i-maintain-my-pregnancy-in-the-first-weeks.jpg" alt="كيف أحافظ على حملي في الأسابيع الأولى" title="كيف أحافظ على حملي في الأسابيع الأولى" /><a href="https://teb21.com/article/how-do-i-maintain-my-pregnancy-in-the-first-weeks/"><span class="sn-title rst"> كيف أحافظ على حملي في الأسابيع الأولى </span></a></div></div><div class="col-md-4"><div class="sn-img rsi"><img src="https://teb21.com/img/the-fastest-way-to-make-money.jpg" alt="أسرع طريقة لجني المال" title="أسرع طريقة لجني المال" /><a href="https://teb21.com/article/the-fastest-way-to-make-money/"><span class="sn-title rst"> أسرع طريقة لجني المال </span></a></div></div><div class="col-md-4"><div class="sn-img rsi"><img src="https://teb21.com/img/the-most-important-landmarks-of-jizan.jpg" alt="أهم معالم جازان" title="أهم معالم جازان" /><a href="https://teb21.com/article/the-most-important-landmarks-of-jizan/"><span class="sn-title rst"> أهم معالم جازان </span></a></div></div><div class="col-md-4"><div class="sn-img rsi"><img src="https://teb21.com/img/benefits-of-plant-sugar-for-infants.jpg" alt="فوائد سكر النبات للرضع" title="فوائد سكر النبات للرضع" /><a href="https://teb21.com/article/benefits-of-plant-sugar-for-infants/"><span class="sn-title rst"> فوائد سكر النبات للرضع </span></a></div></div></div></div></div><div class="col-lg-4"><div class="sidebar"><div class="sidebar-widget"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5649695140854182" crossorigin="anonymous"></script></div><div class="sidebar-widget"><h2 class="sw-title">في هذه الفئة</h2><div class="news-list"><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="https://teb21.com/article/the-easiest-way-to-make-ten-minutes/"><img src="https://teb21.com/img/the-easiest-way-to-make-ten-minutes.jpg" alt="أسهل طريقة لعمل عجينة العشر دقائق" title="أسهل طريقة لعمل عجينة العشر دقائق" /></a></div></div><div class="nl-title"><a href="https://teb21.com/article/the-easiest-way-to-make-ten-minutes/">أسهل طريقة لعمل عجينة العشر دقائق</a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="https://teb21.com/article/how-do-i-maintain-my-pregnancy-in-the-first-weeks/"><img src="https://teb21.com/img/how-do-i-maintain-my-pregnancy-in-the-first-weeks.jpg" alt="كيف أحافظ على حملي في الأسابيع الأولى" title="كيف أحافظ على حملي في الأسابيع الأولى" /></a></div></div><div class="nl-title"><a href="https://teb21.com/article/how-do-i-maintain-my-pregnancy-in-the-first-weeks/">كيف أحافظ على حملي في الأسابيع الأولى</a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="https://teb21.com/article/the-fastest-way-to-make-money/"><img src="https://teb21.com/img/the-fastest-way-to-make-money.jpg" alt="أسرع طريقة لجني المال" title="أسرع طريقة لجني المال" /></a></div></div><div class="nl-title"><a href="https://teb21.com/article/the-fastest-way-to-make-money/">أسرع طريقة لجني المال</a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="https://teb21.com/article/the-most-important-landmarks-of-jizan/"><img src="https://teb21.com/img/the-most-important-landmarks-of-jizan.jpg" alt="أهم معالم جازان" title="أهم معالم جازان" /></a></div></div><div class="nl-title"><a href="https://teb21.com/article/the-most-important-landmarks-of-jizan/">أهم معالم جازان</a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="https://teb21.com/article/benefits-of-plant-sugar-for-infants/"><img src="https://teb21.com/img/benefits-of-plant-sugar-for-infants.jpg" alt="فوائد سكر النبات للرضع" title="فوائد سكر النبات للرضع" /></a></div></div><div class="nl-title"><a href="https://teb21.com/article/benefits-of-plant-sugar-for-infants/">فوائد سكر النبات للرضع</a></div></div></div></div><div class="sidebar-widget"><h2 class="sw-title">في هذه الفئة</h2><div class="news-list"><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="https://teb21.com/article/symptoms-of-fluid-deficiency/"><img src="https://teb21.com/img/symptoms-of-fluid-deficiency.jpg" alt="أعراض نقص السوائل" title="أعراض نقص السوائل" /></a></div></div><div class="nl-title"><a href="https://teb21.com/article/symptoms-of-fluid-deficiency/">أعراض نقص السوائل</a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="https://teb21.com/article/what-are-the-benefits-of-palm-pollen-4/"><img src="https://teb21.com/img/what-are-the-benefits-of-palm-pollen-4.jpg" alt="ما هي فوائد طلع النخيل" title="ما هي فوائد طلع النخيل" /></a></div></div><div class="nl-title"><a href="https://teb21.com/article/what-are-the-benefits-of-palm-pollen-4/">ما هي فوائد طلع النخيل</a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="https://teb21.com/article/how-to-make-sweet-noodles/"><img src="https://teb21.com/img/how-to-make-sweet-noodles.jpg" alt="طريقة عمل حلاوة الشعرية" title="طريقة عمل حلاوة الشعرية" /></a></div></div><div class="nl-title"><a href="https://teb21.com/article/how-to-make-sweet-noodles/">طريقة عمل حلاوة الشعرية</a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="https://teb21.com/article/selangor-island-malaysia/"><img src="https://teb21.com/img/selangor-island-malaysia.jpg" alt="جزيرة سيلانجور في ماليزيا" title="جزيرة سيلانجور في ماليزيا" /></a></div></div><div class="nl-title"><a href="https://teb21.com/article/selangor-island-malaysia/">جزيرة سيلانجور في ماليزيا</a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="https://teb21.com/article/what-is-jet-fuel/"><img src="https://teb21.com/img/what-is-jet-fuel.jpg" alt="ما هو وقود الطائرات" title="ما هو وقود الطائرات" /></a></div></div><div class="nl-title"><a href="https://teb21.com/article/what-is-jet-fuel/">ما هو وقود الطائرات</a></div></div></div></div><div class="sidebar-widget"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5649695140854182" crossorigin="anonymous"></script></div><div class="sidebar-widget"><h2 class="sw-title">تصنيفات</h2><div class="category"><ul><li><a href="https://teb21.com/cooking-art/">فن الطهي</a><span>(32575)</span></li><li><a href="https://teb21.com/health/">صحة</a><span>(22271)</span></li><li><a href="https://teb21.com/self-care/">العناية بالذات</a><span>(19589)</span></li><li><a href="https://teb21.com/education/">تعليم</a><span>(15947)</span></li><li><a href="https://teb21.com/islam/">إسلام</a><span>(14595)</span></li><li><a href="https://teb21.com/feeding/">تغذية</a><span>(14432)</span></li><li><a href="https://teb21.com/around-the-world/">حول العالم</a><span>(11605)</span></li><li><a href="https://teb21.com/technique/">تقنية</a><span>(6187)</span></li><li><a href="https://teb21.com/judgment-and-sayings/">حكم وأقوال</a><span>(5490)</span></li><li><a href="https://teb21.com/mix/">منوعات</a><span>(4853)</span></li></ul></div></div><div class="sidebar-widget"><h2 class="sw-title">الكلمات الدلالية</h2><div class="tags"><div class="tags"><a href="https://teb21.com/technique/">تقنية</a><a href="https://teb21.com/computer/">كمبيوتر</a></div></div></div></div></div></div></div></div><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5649695140854182" crossorigin="anonymous"></script> <div class="footer"><div class="container"><div class="row"><div class="col-lg-3 col-md-6"><div class="footer-widget"><h3 class="title">ابقى على تواصل</h3><div class="contact-info"><p><i class="fa fa-map-marker"></i>123 News Street, NY, USA</p><p><i class="fa fa-envelope"></i>info@teb21.com</p><p><i class="fa fa-phone"></i>+123-456-7890</p><div class="social"><a aria-label="twitter" href="#"><i class="fab fa-twitter"></i></a><a aria-label="facebook" href="#"><i class="fab fa-facebook-f"></i></a><a aria-label="linkedin" href="#"><i class="fab fa-linkedin-in"></i></a><a aria-label="instagram" href="#"><i class="fab fa-instagram"></i></a><a aria-label="youtube" href="#"><i class="fab fa-youtube"></i></a></div></div></div></div><div class="col-lg-3 col-md-6"><div class="footer-widget"><h3 class="title">روابط مفيدة</h3><ul><li><a href="https://teb21.com/cooking-art/">فن الطهي</a></li><li><a href="https://teb21.com/self-care/">العناية بالذات</a></li><li><a href="https://teb21.com/around-the-world/">حول العالم</a></li><li><a href="https://teb21.com/judgment-and-sayings/">حكم وأقوال</a></li><li><a href="https://teb21.com/life-and-society/">الحياة والمجتمع</a></li></ul></div></div><div class="col-lg-3 col-md-6"><div class="footer-widget"><h3 class="title">روابط سريعة</h3><ul><li><a href="https://teb21.com/social-media/">مواقع التواصل اﻹجتماعي</a></li><li><a href="https://teb21.com/miscellaneous-medical-subjects/">مواضيع طبية متفرقة</a></li><li><a href="https://teb21.com/medical-information-and-advice/">معلومات و نصائح طبية</a></li><li><a href="https://teb21.com/feminine-and-obstetric/">نسائية و توليد</a></li><li><a href="https://teb21.com/skin-lightening/">تفتيح لون البشرة</a></li></ul></div></div><div class="col-lg-3 col-md-6"><div class="footer-widget"><h3 class="title">معلومات</h3><div class="newsletter"><p> طب 21 الشاملة <br /> منصة إلكترونية متكاملة <br /> تقدم معلومات توعَوِية تحسِيسِية موثوقة فن الطهي حول العالم العناية بالذات مال وأعمال </p><form><input class="form-control" type="email" placeholder="Your email here"><button class="btn">Submit</button></form></div></div></div></div></div></div> <div class="footer-menu"><div class="container"><div class="f-menu"> </div></div></div> <div class="footer-bottom"><div class="container"><div class="row"><div class="col-md-6 copyright"><p>Copyright © <a href="#">CMS HTML Codex</a>. All Rights Reserved</p></div><div class="col-md-6 template-by"><p>Template By <a href="#">CMS HTML Codex</a></p></div></div></div></div> <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a> <script src="/js/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script><script src="/lib/easing/easing.min.js"></script><script src="/lib/slicks/slick.min.js"></script><script type="text/javascript">jQuery.event.special.touchstart = { setup: function( _, ns, handle ) { this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") }); } }; jQuery.event.special.touchmove = { setup: function( _, ns, handle ) { this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") }); } }; jQuery.event.special.wheel = { setup: function( _, ns, handle ){ this.addEventListener("wheel", handle, { passive: true }); } }; jQuery.event.special.mousewheel = { setup: function( _, ns, handle ){ this.addEventListener("mousewheel", handle, { passive: true }); } }; </script> <script src="/js/main.js"></script><script async src="https://www.googletagmanager.com/gtag/js?id=G-EYK5WY3D8P"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag("js", new Date()); gtag("config", "G-EYK5WY3D8P"); </script></body></html>