إنشاء الروابط

يُنشأ الرابط بالعنصر <a> ويُكتب الوجهة في السمة href. ويجب أن يصف نص الرابط الهدف: ليس «اضغط هنا» بل «افتح قائمة الأسعار».

<a href="https://example.com/prices">Open the price list</a>
<a href="https://example.com" target="_blank" rel="noopener">New tab</a>

يفتح target="_blank" الرابط في تبويب جديد؛ وأضف rel="noopener" للأمان.

يبدأ العنوان المطلق بـ https:// ويقود إلى مواقع أخرى. أما النسبي فيشير إلى ملف في موقعك بالنسبة للصفحة الحالية: about.html في المجلد نفسه و../index.html مستوى أعلى وdocs/guide.html في مجلد فرعي.

<a href="about.html">About</a>
<a href="../index.html">Home</a>
<a href="docs/guide.html">Guide</a>

للانتقال داخل الصفحة أعطِ العنصر id واربط بـ #id. يفتح mailto: تطبيق البريد ويفتح tel: تطبيق الاتصال.

<a href="#contact">Go to contact</a>
...
<h2 id="contact">Contact</h2>
<a href="mailto:hello@example.com">Write to us</a>
<a href="tel:+994120000000">Call us</a>

• اذكر في النص إذا كان الرابط يفتح نوعًا آخر من الملفات (PDF).