-

تعريف لغة html

تعريف لغة 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"><img loading="lazy" 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="مزايا وعيوب المكانس الروبوتية" ><a href="/article/advantages-and-disadvantages-of-robotic-vacuums/"><span class="sn-title rst"> مزايا وعيوب المكانس الروبوتية </span></a></div></div><div class="col-md-4"><div class="sn-img rsi"><img loading="lazy" 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="تأثير تلوث المحيطات على النظام البيئي" ><a href="/article/impact-of-ocean-pollution-on-the-ecosystem/"><span class="sn-title rst"> تأثير تلوث المحيطات على النظام البيئي </span></a></div></div><div class="col-md-4"><div class="sn-img rsi"><img loading="lazy" 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="أثر الذكاء الاصطناعي على سوق العمل" ><a href="/article/the-impact-of-artificial-intelligence-on-the-lab/"><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/the-fastest-way-to-gain-pregnant-weight/"><img loading="lazy" 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="أسرع طريقة لزيادة الوزن للحامل" ></a></div></div><div class="nl-title"><a href="/article/the-fastest-way-to-gain-pregnant-weight/"> أسرع طريقة لزيادة الوزن للحامل </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/how-to-make-yemeni-sweets/"><img loading="lazy" srcset="https://teb21.com/thumb/680/how-to-make-yemeni-sweets.webp 680w, https://teb21.com/thumb/340/how-to-make-yemeni-sweets.webp 340w, https://teb21.com/thumb/170/how-to-make-yemeni-sweets.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/how-to-make-yemeni-sweets.jpg" width="340" height="190" alt="طريقة عمل حلويات يمنية" ></a></div></div><div class="nl-title"><a href="/article/how-to-make-yemeni-sweets/"> طريقة عمل حلويات يمنية </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/the-city-of-al-wajh-in-saudi-arabia/"><img loading="lazy" srcset="https://teb21.com/thumb/680/the-city-of-al-wajh-in-saudi-arabia.webp 680w, https://teb21.com/thumb/340/the-city-of-al-wajh-in-saudi-arabia.webp 340w, https://teb21.com/thumb/170/the-city-of-al-wajh-in-saudi-arabia.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/the-city-of-al-wajh-in-saudi-arabia.jpg" width="340" height="190" alt="مدينة الوجه في السعودية" ></a></div></div><div class="nl-title"><a href="/article/the-city-of-al-wajh-in-saudi-arabia/"> مدينة الوجه في السعودية </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/heart-enzyme-analysis/"><img loading="lazy" srcset="https://teb21.com/thumb/680/heart-enzyme-analysis.webp 680w, https://teb21.com/thumb/340/heart-enzyme-analysis.webp 340w, https://teb21.com/thumb/170/heart-enzyme-analysis.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/heart-enzyme-analysis.jpg" width="340" height="190" alt="تحليل إنزيمات القلب" ></a></div></div><div class="nl-title"><a href="/article/heart-enzyme-analysis/"> تحليل إنزيمات القلب </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/the-work-of-the-lebanese-ice-cream/"><img loading="lazy" 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="عمل البوظة اللبنانية" ></a></div></div><div class="nl-title"><a href="/article/the-work-of-the-lebanese-ice-cream/"> عمل البوظة اللبنانية </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/treating-sciatica-with-ginger/"><img loading="lazy" 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="علاج عرق النسا بالزنجبيل" ></a></div></div><div class="nl-title"><a href="/article/treating-sciatica-with-ginger/"> علاج عرق النسا بالزنجبيل </a></div></div><div class="nl-item"><div class="nl-img"><div class="rsi"><a href="/article/make-a-red-robe-navigator/"><img loading="lazy" 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="عمل ملاح الروب الأحمر" ></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/"><img loading="lazy" srcset="https://teb21.com/thumb/680/kidney-stones-causes-and-treatment.webp 680w, https://teb21.com/thumb/340/kidney-stones-causes-and-treatment.webp 340w, https://teb21.com/thumb/170/kidney-stones-causes-and-treatment.webp 170w" sizes="100%" src="https://teb21.com/thumb/150/kidney-stones-causes-and-treatment.jpg" width="340" height="190" alt="حصوات الكلى: الأسباب والعلاج" ></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/"><img loading="lazy" 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="ظهور فراغات في الشعر" ></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/"><img loading="lazy" 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="أجمل مسجات الحب" ></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/"><img loading="lazy" 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="وضع الكحل تحت العين" ></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"><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>(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><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5649695140854182" crossorigin="anonymous"></script><!-- 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><!-- 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 --><script> function toggleMenu() { var navbarCollapse = document.getElementById("navbarCollapse"); if (navbarCollapse.classList.contains("show")) { navbarCollapse.classList.remove("show"); } else { navbarCollapse.classList.add("show"); } } </script><!-- Back to Top --><a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a><div id="ga" data-ga-id="G-EYK5WY3D8P"><script src="/ga.min.js?746"></script></div></body></html><!-- Load time: 0.0017 seconds -->