-

تعريف لغة 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/the-work-of-the-lebanese-ice-cream.webp 680w, https://teb21.com/thumb/340/the-work-of-the-lebanese-ice-cream.webp 340w, https://teb21.com/thumb/170/the-work-of-the-lebanese-ice-cream.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/the-work-of-the-lebanese-ice-cream.jpg" width="340" height="190" alt="عمل البوظة اللبنانية" ></amp-img><a href="/article/the-work-of-the-lebanese-ice-cream/"><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-reasons-for-the-appearance-of-dandruff-in-the-head.webp 680w, https://teb21.com/thumb/340/the-reasons-for-the-appearance-of-dandruff-in-the-head.webp 340w, https://teb21.com/thumb/170/the-reasons-for-the-appearance-of-dandruff-in-the-head.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/the-reasons-for-the-appearance-of-dandruff-in-the-head.jpg" width="340" height="190" alt="أسباب ظهور القشرة في الرأس" ></amp-img><a href="/article/the-reasons-for-the-appearance-of-dandruff-in-the-head/"><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/treating-sciatica-with-ginger.webp 680w, https://teb21.com/thumb/340/treating-sciatica-with-ginger.webp 340w, https://teb21.com/thumb/170/treating-sciatica-with-ginger.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/treating-sciatica-with-ginger.jpg" width="340" height="190" alt="علاج عرق النسا بالزنجبيل" ></amp-img><a href="/article/treating-sciatica-with-ginger/"><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/make-a-red-robe-navigator/"><amp-img srcset="https://teb21.com/thumb/680/make-a-red-robe-navigator.webp 680w, https://teb21.com/thumb/340/make-a-red-robe-navigator.webp 340w, https://teb21.com/thumb/170/make-a-red-robe-navigator.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/make-a-red-robe-navigator.jpg" width="340" height="190" alt="عمل ملاح الروب الأحمر" ></amp-img></a></div></div><div class="nl-title"><a href="/article/make-a-red-robe-navigator/"> عمل ملاح الروب الأحمر </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/kidney-stones-causes-and-treatment/"><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/kidney-stones-causes-and-treatment/"> حصوات الكلى: الأسباب والعلاج </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/the-appearance-of-voids-in-the-hair/"><amp-img srcset="https://teb21.com/thumb/680/the-appearance-of-voids-in-the-hair.webp 680w, https://teb21.com/thumb/340/the-appearance-of-voids-in-the-hair.webp 340w, https://teb21.com/thumb/170/the-appearance-of-voids-in-the-hair.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/the-appearance-of-voids-in-the-hair.jpg" width="340" height="190" alt="ظهور فراغات في الشعر" ></amp-img></a></div></div><div class="nl-title"><a href="/article/the-appearance-of-voids-in-the-hair/"> ظهور فراغات في الشعر </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/the-most-beautiful-love-trowels-2/"><amp-img srcset="https://teb21.com/thumb/680/the-most-beautiful-love-trowels-2.webp 680w, https://teb21.com/thumb/340/the-most-beautiful-love-trowels-2.webp 340w, https://teb21.com/thumb/170/the-most-beautiful-love-trowels-2.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/the-most-beautiful-love-trowels-2.jpg" width="340" height="190" alt="أجمل مسجات الحب" ></amp-img></a></div></div><div class="nl-title"><a href="/article/the-most-beautiful-love-trowels-2/"> أجمل مسجات الحب </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/put-the-eyeliner-under-the-eyes/"><amp-img srcset="https://teb21.com/thumb/680/put-the-eyeliner-under-the-eyes.webp 680w, https://teb21.com/thumb/340/put-the-eyeliner-under-the-eyes.webp 340w, https://teb21.com/thumb/170/put-the-eyeliner-under-the-eyes.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/put-the-eyeliner-under-the-eyes.jpg" width="340" height="190" alt="وضع الكحل تحت العين" ></amp-img></a></div></div><div class="nl-title"><a href="/article/put-the-eyeliner-under-the-eyes/"> وضع الكحل تحت العين </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/how-do-i-clean-my-skin-at-home-2/"><amp-img srcset="https://teb21.com/thumb/680/how-do-i-clean-my-skin-at-home-2.webp 680w, https://teb21.com/thumb/340/how-do-i-clean-my-skin-at-home-2.webp 340w, https://teb21.com/thumb/170/how-do-i-clean-my-skin-at-home-2.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/how-do-i-clean-my-skin-at-home-2.jpg" width="340" height="190" alt="كيف أنظف بشرتي في البيت" ></amp-img></a></div></div><div class="nl-title"><a href="/article/how-do-i-clean-my-skin-at-home-2/"> كيف أنظف بشرتي في البيت </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/where-is-the-aflaj-located/"><amp-img srcset="https://teb21.com/thumb/680/where-is-the-aflaj-located.webp 680w, https://teb21.com/thumb/340/where-is-the-aflaj-located.webp 340w, https://teb21.com/thumb/170/where-is-the-aflaj-located.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/where-is-the-aflaj-located.jpg" width="340" height="190" alt="أين تقع الأفلاج" ></amp-img></a></div></div><div class="nl-title"><a href="/article/where-is-the-aflaj-located/"> أين تقع الأفلاج </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/types-of-alopecia/"><amp-img srcset="https://teb21.com/thumb/680/types-of-alopecia.webp 680w, https://teb21.com/thumb/340/types-of-alopecia.webp 340w, https://teb21.com/thumb/170/types-of-alopecia.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/types-of-alopecia.jpg" width="340" height="190" alt="أنواع الثعلبة" ></amp-img></a></div></div><div class="nl-title"><a href="/article/types-of-alopecia/"> أنواع الثعلبة </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/how-camels-were-created/"><amp-img srcset="https://teb21.com/thumb/680/how-camels-were-created.webp 680w, https://teb21.com/thumb/340/how-camels-were-created.webp 340w, https://teb21.com/thumb/170/how-camels-were-created.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/how-camels-were-created.jpg" width="340" height="190" alt="كيف خلقت الإبل" ></amp-img></a></div></div><div class="nl-title"><a href="/article/how-camels-were-created/"> كيف خلقت الإبل </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/how-to-abandon-the-holy-quran/"><amp-img srcset="https://teb21.com/thumb/680/how-to-abandon-the-holy-quran.webp 680w, https://teb21.com/thumb/340/how-to-abandon-the-holy-quran.webp 340w, https://teb21.com/thumb/170/how-to-abandon-the-holy-quran.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/how-to-abandon-the-holy-quran.jpg" width="340" height="190" alt="كيف يكون هجر القرآن الكريم" ></amp-img></a></div></div><div class="nl-title"><a href="/article/how-to-abandon-the-holy-quran/"> كيف يكون هجر القرآن الكريم </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/how-to-reduce-the-temperature-of-children-2/"><amp-img srcset="https://teb21.com/thumb/680/how-to-reduce-the-temperature-of-children-2.webp 680w, https://teb21.com/thumb/340/how-to-reduce-the-temperature-of-children-2.webp 340w, https://teb21.com/thumb/170/how-to-reduce-the-temperature-of-children-2.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/how-to-reduce-the-temperature-of-children-2.jpg" width="340" height="190" alt="طريقة خفض حرارة الأطفال" ></amp-img></a></div></div><div class="nl-title"><a href="/article/how-to-reduce-the-temperature-of-children-2/"> طريقة خفض حرارة الأطفال </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.1347 seconds -->