علامة HTML `a`

اكتشف أساسيات العمل باستخدام HTMLaعلامة لإنشاء الروابط

يتم تعريف الروابط باستخدامaبطاقة شعار. يتم تعيين وجهة الارتباط عبر ملفhrefينسب.

مثال:

<a href="https://flaviocopes.com">click here</a>

بين علامة البداية وعلامة الإغلاق لدينا نص الرابط.

المثال أعلاه هو عنوان URL مطلق. تعمل الروابط أيضًا مع عناوين URL النسبية:

<a href="/test">click here</a>

في هذه الحالة ، عند النقر فوق الارتباط ، يتم نقل المستخدم إلى/testURL على الأصل الحالي.

كن حذرا مع/حرف. إذا تم حذفه ، فبدلاً من البدء من الأصل ، سيضيف المتصفح فقط الامتدادtestسلسلة إلى عنوان URL الحالي.

على سبيل المثال ، أنا في الصفحةhttps://flaviocopes.com/axios/ولدي هذه الروابط:

  • /testبمجرد النقر ينقلني إلىhttps://flaviocopes.com/test
  • testبمجرد النقر ينقلني إلىhttps://flaviocopes.com/axios/test

يمكن أن تتضمن علامات الارتباط أشياء أخرى بداخلها ، وليس نصًا فقط. على سبيل المثال ، الصور:

<a href="https://flaviocopes.com">
	<img src="test.jpg">
</a>

أو أي عناصر أخرى ، باستثناء العناصر الأخرى<a>العلامات.

إذا كنت تريد فتح الرابط في علامة تبويب جديدة ، فيمكنك استخدام ملفtargetينسب:

<a href="https://flaviocopes.com" target="_blank">open in new tab</a>

تحميل مجانيكتيب HTML


المزيد من دروس html: