-

تعريف لغة html

(اخر تعديل 2024-09-09 11:28:33 )

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

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></article><!--article-1-3--><div class="sn-related"><h2>أخبار ذات صلة</h2><div class="row sn-slider"><div class="col-md-4"><div class="sn-img rsi"><amp-img srcset="https://teb21.com/thumb/680/how-do-you-keep-your-pregnancy.webp 680w, https://teb21.com/thumb/340/how-do-you-keep-your-pregnancy.webp 340w, https://teb21.com/thumb/170/how-do-you-keep-your-pregnancy.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/how-do-you-keep-your-pregnancy.jpg" width="340" height="190" alt="كيف تحافظين على حملك" ></amp-img><a href="/article/how-do-you-keep-your-pregnancy/"><span class="sn-title rst"> كيف تحافظين على حملك </span></a></div></div><div class="col-md-4"><div class="sn-img rsi"><amp-img srcset="https://teb21.com/thumb/680/the-benefits-of-banana-with-milk-for-weight-gain.webp 680w, https://teb21.com/thumb/340/the-benefits-of-banana-with-milk-for-weight-gain.webp 340w, https://teb21.com/thumb/170/the-benefits-of-banana-with-milk-for-weight-gain.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/the-benefits-of-banana-with-milk-for-weight-gain.jpg" width="340" height="190" alt="فوائد الموز بالحليب لزيادة الوزن" ></amp-img><a href="/article/the-benefits-of-banana-with-milk-for-weight-gain/"><span class="sn-title rst"> فوائد الموز بالحليب لزيادة الوزن </span></a></div></div><div class="col-md-4"><div class="sn-img rsi"><amp-img srcset="https://teb21.com/thumb/680/information-about-the-buoyancy-force.webp 680w, https://teb21.com/thumb/340/information-about-the-buoyancy-force.webp 340w, https://teb21.com/thumb/170/information-about-the-buoyancy-force.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/information-about-the-buoyancy-force.jpg" width="340" height="190" alt="معلومات عن قوة الطفو" ></amp-img><a href="/article/information-about-the-buoyancy-force/"><span class="sn-title rst"> معلومات عن قوة الطفو </span></a></div></div></div></div></div><div class="col-lg-4"><div class="sidebar"><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="/article/how-to-make-avocado-food/"><amp-img srcset="https://teb21.com/thumb/680/how-to-make-avocado-food.webp 680w, https://teb21.com/thumb/340/how-to-make-avocado-food.webp 340w, https://teb21.com/thumb/170/how-to-make-avocado-food.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/how-to-make-avocado-food.jpg" width="340" height="190" alt="طرق عمل أكلات بالأفوكادو" ></amp-img></a></div></div><div class="nl-title"><a href="/article/how-to-make-avocado-food/"> طرق عمل أكلات بالأفوكادو </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/look-for-the-pascal-triangle/"><amp-img srcset="https://teb21.com/thumb/680/look-for-the-pascal-triangle.webp 680w, https://teb21.com/thumb/340/look-for-the-pascal-triangle.webp 340w, https://teb21.com/thumb/170/look-for-the-pascal-triangle.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/look-for-the-pascal-triangle.jpg" width="340" height="190" alt="بحث عن مثلث باسكال" ></amp-img></a></div></div><div class="nl-title"><a href="/article/look-for-the-pascal-triangle/"> بحث عن مثلث باسكال </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/how-to-replace-vitamin-d/"><amp-img srcset="https://teb21.com/thumb/680/how-to-replace-vitamin-d.webp 680w, https://teb21.com/thumb/340/how-to-replace-vitamin-d.webp 340w, https://teb21.com/thumb/170/how-to-replace-vitamin-d.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/how-to-replace-vitamin-d.jpg" width="340" height="190" alt="كيفية تعويض فيتامين د" ></amp-img></a></div></div><div class="nl-title"><a href="/article/how-to-replace-vitamin-d/"> كيفية تعويض فيتامين د </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/what-is-the-real-estate-property-law-in-the-uae/"><amp-img srcset="https://teb21.com/thumb/680/ما_هو_قانون_الملكية_العقارية_في_الإمارات.webp 680w, https://teb21.com/thumb/340/ما_هو_قانون_الملكية_العقارية_في_الإمارات.webp 340w, https://teb21.com/thumb/170/ما_هو_قانون_الملكية_العقارية_في_الإمارات.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/ما_هو_قانون_الملكية_العقارية_في_الإمارات.jpg" width="340" height="190" alt="ما هو قانون الملكية العقارية في الإمارات" ></amp-img></a></div></div><div class="nl-title"><a href="/article/what-is-the-real-estate-property-law-in-the-uae/"> ما هو قانون الملكية العقارية في الإمارات </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/the-concept-of-will-in-philosophy/"><amp-img srcset="https://teb21.com/thumb/680/the-concept-of-will-in-philosophy.webp 680w, https://teb21.com/thumb/340/the-concept-of-will-in-philosophy.webp 340w, https://teb21.com/thumb/170/the-concept-of-will-in-philosophy.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/the-concept-of-will-in-philosophy.jpg" width="340" height="190" alt="مفهوم الإرادة في الفلسفة" ></amp-img></a></div></div><div class="nl-title"><a href="/article/the-concept-of-will-in-philosophy/"> مفهوم الإرادة في الفلسفة </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="/article/where-is-bucharest/"><amp-img srcset="https://teb21.com/thumb/680/where-is-bucharest.webp 680w, https://teb21.com/thumb/340/where-is-bucharest.webp 340w, https://teb21.com/thumb/170/where-is-bucharest.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/where-is-bucharest.jpg" width="340" height="190" alt="أين تقع بوخارست" ></amp-img></a></div></div><div class="nl-title"><a href="/article/where-is-bucharest/"> أين تقع بوخارست </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/sugar-plant-for-infants/"><amp-img srcset="https://teb21.com/thumb/680/sugar-plant-for-infants.webp 680w, https://teb21.com/thumb/340/sugar-plant-for-infants.webp 340w, https://teb21.com/thumb/170/sugar-plant-for-infants.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/sugar-plant-for-infants.jpg" width="340" height="190" alt="سكر النبات للرضع" ></amp-img></a></div></div><div class="nl-title"><a href="/article/sugar-plant-for-infants/"> سكر النبات للرضع </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/advantages-and-disadvantages-of-robotic-vacuums/"><amp-img srcset="https://teb21.com/thumb/680/advantages-and-disadvantages-of-robotic-vacuums.webp 680w, https://teb21.com/thumb/340/advantages-and-disadvantages-of-robotic-vacuums.webp 340w, https://teb21.com/thumb/170/advantages-and-disadvantages-of-robotic-vacuums.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/advantages-and-disadvantages-of-robotic-vacuums.jpg" width="340" height="190" alt="مزايا وعيوب المكانس الروبوتية" ></amp-img></a></div></div><div class="nl-title"><a href="/article/advantages-and-disadvantages-of-robotic-vacuums/"> مزايا وعيوب المكانس الروبوتية </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/impact-of-ocean-pollution-on-the-ecosystem/"><amp-img srcset="https://teb21.com/thumb/680/impact-of-ocean-pollution-on-the-ecosystem.webp 680w, https://teb21.com/thumb/340/impact-of-ocean-pollution-on-the-ecosystem.webp 340w, https://teb21.com/thumb/170/impact-of-ocean-pollution-on-the-ecosystem.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/impact-of-ocean-pollution-on-the-ecosystem.jpg" width="340" height="190" alt="تأثير تلوث المحيطات على النظام البيئي" ></amp-img></a></div></div><div class="nl-title"><a href="/article/impact-of-ocean-pollution-on-the-ecosystem/"> تأثير تلوث المحيطات على النظام البيئي </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/the-impact-of-artificial-intelligence-on-the-lab/"><amp-img srcset="https://teb21.com/thumb/680/the-impact-of-artificial-intelligence-on-the-lab.webp 680w, https://teb21.com/thumb/340/the-impact-of-artificial-intelligence-on-the-lab.webp 340w, https://teb21.com/thumb/170/the-impact-of-artificial-intelligence-on-the-lab.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/the-impact-of-artificial-intelligence-on-the-lab.jpg" width="340" height="190" alt="أثر الذكاء الاصطناعي على سوق العمل" ></amp-img></a></div></div><div class="nl-title"><a href="/article/the-impact-of-artificial-intelligence-on-the-lab/"> أثر الذكاء الاصطناعي على سوق العمل </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/the-fastest-way-to-gain-pregnant-weight/"><amp-img srcset="https://teb21.com/thumb/680/the-fastest-way-to-gain-pregnant-weight.webp 680w, https://teb21.com/thumb/340/the-fastest-way-to-gain-pregnant-weight.webp 340w, https://teb21.com/thumb/170/the-fastest-way-to-gain-pregnant-weight.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/the-fastest-way-to-gain-pregnant-weight.jpg" width="340" height="190" alt="أسرع طريقة لزيادة الوزن للحامل" ></amp-img></a></div></div><div class="nl-title"><a href="/article/the-fastest-way-to-gain-pregnant-weight/"> أسرع طريقة لزيادة الوزن للحامل </a></div></div></div></div><div class="sidebar-widget"><amp-ad width="300" height="250" type="adsense" data-ad-client="ca-pub-5649695140854182"></amp-ad></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>(22272)</span></li><li><a href="https://teb21.com/self-care/">العناية بالذات</a><span>(19596)</span></li><li><a href="https://teb21.com/education/">تعليم</a><span>(15948)</span></li><li><a href="https://teb21.com/islam/">إسلام</a><span>(14613)</span></li><li><a href="https://teb21.com/feeding/">تغذية</a><span>(14435)</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>(6189)</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>(4857)</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><amp-ad width="300" height="250" type="adsense" data-ad-client="ca-pub-5649695140854182"></amp-ad><!-- Footer Start --><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><a aria-label="email" href="/contact/"><i class="fa fa-envelope"></i><strong>اتصل بنا</strong></a></p><!-- <p><i class="fa fa-phone"></i>+123-456-7890</p> --><div class="social"><a target="_blank" aria-label="facebook" href="https://www.facebook.com/teb21com"><i class="fab fa-facebook-f"></i></a><a target="_blank" aria-label="youtube" href="https://www.youtube.com/@teb21-com"><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 action="https://teb21.com/subscribe/" target="_top"><input class="form-control" type="email" placeholder="Your email here"><button class="btn">Submit</button></form></div></div></div></div></div></div><!-- Footer End --><!-- Footer Menu Start --><div class="footer-menu"><div class="container"></div></div><!-- Footer Menu End --><!-- Footer Bottom Start --><div class="footer-bottom"><div class="container"><div class="row"><div class="col-md-6 copyright"><p><a href="/privacy-policy/"><i class="bi bi-lock"></i>سياسة الخصوصية</a></p></div></div></div></div><!-- Footer Bottom End --><!-- Back to Top --><a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a><amp-analytics type="gtag" data-credentials="include"><script type="application/json"> { "vars": { "gtag_id": "G-EYK5WY3D8P", "config": { "G-EYK5WY3D8P": { "groups": "default", "site_speed_sample_rate": 100 } } } } </script></amp-analytics></body></html><!-- Load time: 0.0681 seconds -->