لغات ترميز النصوص
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>
<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/create-an-online-account.jpg" alt="عمل حساب لاين" title="عمل حساب لاين" />
<a href="https://teb21.com/article/create-an-online-account-2/">
<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/poetry-about-patience.jpg" alt="شعر عن الصبر" title="شعر عن الصبر" />
<a href="https://teb21.com/article/poetry-about-patience/">
<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-to-make-a-waffle.jpg" alt="كيفية عمل تمن باقلاء" title="كيفية عمل تمن باقلاء" />
<a href="https://teb21.com/article/how-to-make-a-waffle/">
<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/where-was-the-messenger-worshiped.jpg" alt="أين كان يتعبد الرسول" title="أين كان يتعبد الرسول" />
<a href="https://teb21.com/article/where-was-the-messenger-worshiped/">
<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-to-stuff-cabbage-3.jpg" alt="طريقة محشي الكرنب" title="طريقة محشي الكرنب" />
<a href="https://teb21.com/article/how-to-stuff-cabbage-3/">
<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/create-an-online-account-2/">
<img src="https://teb21.com/img/create-an-online-account.jpg" alt="عمل حساب لاين" title="عمل حساب لاين" />
</a>
</div>
</div>
<div class="nl-title">
<a href="https://teb21.com/article/create-an-online-account-2/">عمل حساب لاين</a>
</div>
</div>
<div class="nl-item">
<div class="nl-img">
<div class="rsi">
<a href="https://teb21.com/article/poetry-about-patience/">
<img src="https://teb21.com/img/poetry-about-patience.jpg" alt="شعر عن الصبر" title="شعر عن الصبر" />
</a>
</div>
</div>
<div class="nl-title">
<a href="https://teb21.com/article/poetry-about-patience/">شعر عن الصبر</a>
</div>
</div>
<div class="nl-item">
<div class="nl-img">
<div class="rsi">
<a href="https://teb21.com/article/how-to-make-a-waffle/">
<img src="https://teb21.com/img/how-to-make-a-waffle.jpg" alt="كيفية عمل تمن باقلاء" title="كيفية عمل تمن باقلاء" />
</a>
</div>
</div>
<div class="nl-title">
<a href="https://teb21.com/article/how-to-make-a-waffle/">كيفية عمل تمن باقلاء</a>
</div>
</div>
<div class="nl-item">
<div class="nl-img">
<div class="rsi">
<a href="https://teb21.com/article/where-was-the-messenger-worshiped/">
<img src="https://teb21.com/img/where-was-the-messenger-worshiped.jpg" alt="أين كان يتعبد الرسول" title="أين كان يتعبد الرسول" />
</a>
</div>
</div>
<div class="nl-title">
<a href="https://teb21.com/article/where-was-the-messenger-worshiped/">أين كان يتعبد الرسول</a>
</div>
</div>
<div class="nl-item">
<div class="nl-img">
<div class="rsi">
<a href="https://teb21.com/article/how-to-stuff-cabbage-3/">
<img src="https://teb21.com/img/how-to-stuff-cabbage-3.jpg" alt="طريقة محشي الكرنب" title="طريقة محشي الكرنب" />
</a>
</div>
</div>
<div class="nl-title">
<a href="https://teb21.com/article/how-to-stuff-cabbage-3/">طريقة محشي الكرنب</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/the-easiest-way-to-make-donuts-without-eggs/">
<img src="https://teb21.com/img/the-easiest-way-to-make-donuts-without-eggs.jpg" alt="أسهل طريقة لعمل الدونات بدون بيض" title="أسهل طريقة لعمل الدونات بدون بيض" />
</a>
</div>
</div>
<div class="nl-title">
<a href="https://teb21.com/article/the-easiest-way-to-make-donuts-without-eggs/">أسهل طريقة لعمل الدونات بدون بيض</a>
</div>
</div>
<div class="nl-item">
<div class="nl-img">
<div class="rsi">
<a href="https://teb21.com/article/the-causes-of-global-warming-2/">
<img src="https://teb21.com/img/the-causes-of-global-warming-2.jpg" alt="أسباب حدوث ظاهرة الاحتباس الحراري" title="أسباب حدوث ظاهرة الاحتباس الحراري" />
</a>
</div>
</div>
<div class="nl-title">
<a href="https://teb21.com/article/the-causes-of-global-warming-2/">أسباب حدوث ظاهرة الاحتباس الحراري</a>
</div>
</div>
<div class="nl-item">
<div class="nl-img">
<div class="rsi">
<a href="https://teb21.com/article/what-is-the-effect-of-science-on-the-individual-and-society/">
<img src="https://teb21.com/img/what-is-the-effect-of-science-on-the-individual-and-society.jpg" alt="ما أثر العلم على الفرد والمجتمع" title="ما أثر العلم على الفرد والمجتمع" />
</a>
</div>
</div>
<div class="nl-title">
<a href="https://teb21.com/article/what-is-the-effect-of-science-on-the-individual-and-society/">ما أثر العلم على الفرد والمجتمع</a>
</div>
</div>
<div class="nl-item">
<div class="nl-img">
<div class="rsi">
<a href="https://teb21.com/article/what-is-the-capitalist-system/">
<img src="https://teb21.com/img/what-is-the-capitalist-system.jpg" alt="ما هو النظام الرأسمالي" title="ما هو النظام الرأسمالي" />
</a>
</div>
</div>
<div class="nl-title">
<a href="https://teb21.com/article/what-is-the-capitalist-system/">ما هو النظام الرأسمالي</a>
</div>
</div>
<div class="nl-item">
<div class="nl-img">
<div class="rsi">
<a href="https://teb21.com/article/how-to-get-rid-of-bad-breath-18/">
<img src="https://teb21.com/img/how-to-get-rid-of-bad-breath-18.jpg" alt="كيفية التخلص من رائحة النفس الكريهة" title="كيفية التخلص من رائحة النفس الكريهة" />
</a>
</div>
</div>
<div class="nl-title">
<a href="https://teb21.com/article/how-to-get-rid-of-bad-breath-18/">كيفية التخلص من رائحة النفس الكريهة</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>(19591)</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>(14433)</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>
<!-- 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>
<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>
<!-- Footer End -->
<!-- Footer Menu Start -->
<div class="footer-menu">
<div class="container">
<div class="f-menu">
<a href="https://www.tv-f.com/index,1/" target=_blank>موقع تيفي فان</a>
<a href="https://3sk.me/index/" target=_blank>منصة قصة عشق</a>
<a href="https://teb21.com/" target=_blank>طب 21</a>
<a href="https://clubrib.org/" target=_blank>كلوب ريب</a>
<a href="https://raqmi.tv/" target=_blank>رقمي تيفي</a>
<a href="https://jawa-sa.com/" target=_blank>جوى</a>
<a href="https://likco.cc/" target=_blank>ليكو</a>
<a href="https://postad.xyz/" target=_blank>النشر</a>
<a href="https://4dprizewla.net/" target=_blank>من أجل غد أفضل</a>
<a href="https://vortice.info/" target=_blank> استفيد</a>
<a href="https://ksem2020.org/" target=_blank>قسم 2020</a>
<a href="https://prostate-net.org/" target=_blank>شبكة البروستاتا</a>
<a href="https://assabah.news/" target=_blank>جريدة الصباح</a>
<a href="https://mandriva-tr.org/" target=_blank>نشر العلم</a>
<a href="https://gamingtools.site/" target=_blank>موقع أدوات الألعاب</a>
<a href="https://egyup.live/" target=_blank>ايجي اب لايف</a>
<a href="https://megaroll.info/" target=_blank>ميغا رول</a>
<a href="https://engeneric.space/" target=_blank>فضاء النجوم</a>
<a href="https://algerie24.info/" target=_blank>اخبار الجزائر</a>
<a href="https://l4ym.online/" target=_blank>اخبار اليوم</a>
<a href="https://potatofrom.space/" target=_blank>لذة البطاطس</a>
<a href="https://retina.cyou/" target=_blank>شبكة عيون</a>
<a href="https://askexperts.online/" target=_blank>إسأل الخبراء</a>
<a href="https://alikhbariya.info/" target=_blank>الإخبارية</a>
<a href="https://sakit.info/" target=_blank>الساكت</a>
<a href="https://chak.info/" target=_blank>الشك</a>
<a href="https://healtek.us/" target=_blank>صحتك</a>
<a href="https://thinkfood.online/" target=_blank>طعامك</a>
<a href="https://kommunity.space/" target=_blank>فضاء المجتمع</a>
<a href="https://foodtechnology.info/" target=_blank>تقنية غذائية</a>
<a href="https://middleastfood.xyz/" target=_blank>طعام الشرق الأوسط</a>
<a href="https://numc.online/" target=_blank>المركز الطبي الجامعي</a>
<a href="https://wikihow.space/" target=_blank>ويكي كيف</a>
<a href="https://propecia.site/" target=_blank>شعر الرأس</a>
<a href="https://iont.club/" target=_blank>الاخبار التقنية</a>
<a href="https://mobec.online/" target=_blank>مو بي سي</a>
<a href="https://khaleejgate.space/" target=_blank>بوابة الخليج</a>
<a href="https://masterchem.xyz/" target=_blank>خبراء التكنولوجيا</a>
<a href="https://planetsly.xyz/" target=_blank>منصة الكوكب</a>
<a href="https://worldrx100.online/" target=_blank>السوق العالمي</a>
<a href="https://specialpound.online/" target=_blank>الجنيه المميز</a>
<a href="https://tipscara.xyz/" target=_blank>نصائح</a>
<a href="https://isaan.live/" target=_blank>السفر والسياحة</a>
<a href="https://megaslot.life/" target=_blank>عالم التقنية</a>
<a href="https://thechimera.space/" target=_blank>الفضاء الرقمي</a>
<a href="https://escortsdiva.online/" target=_blank>المرافق الفني</a>
<a href="https://nihilo.space/" target=_blank>الدراسة حول العالم</a>
<a href="https://minipress.online/" target=_blank>الموجز الاخباري</a>
<a href="https://starfantasy.xyz/" target=_blank>نجم الخيال</a>
<a href="https://demo123.online/" target=_blank>مثال كل شيء</a>
<a href="https://ash-tech.online/" target=_blank>اش التقنية</a>
<a href="https://goodsbest.website/" target=_blank>أفضل محتوى</a>
<a href="https://iscom.site/" target=_blank>مدونة الكمبيوتر</a>
<a href="https://preflight.space/" target=_blank>قبل السفر</a>
<a href="https://mobgame.xyz/" target=_blank>موبي كيم</a>
<a href="https://pubgs.site/" target=_blank>موقع الببجيون</a>
<a href="https://pets-in.space/" target=_blank>الحيوانات الأليفة</a>
</div>
</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>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>
<!-- Footer Bottom End -->
<!-- Back to Top -->
<a href="#" class="back-to-top">
<i class="fa fa-chevron-up">
</i>
</a>
<!-- JavaScript Libraries -->
<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>
<!-- Template Javascript -->
<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> 
