اكتشف أساسيات العمل باستخدام HTMLa
علامة لإنشاء الروابط
يتم تعريف الروابط باستخدامa
بطاقة شعار. يتم تعيين وجهة الارتباط عبر ملفhref
ينسب.
مثال:
<a href="https://flaviocopes.com">click here</a>
بين علامة البداية وعلامة الإغلاق لدينا نص الرابط.
المثال أعلاه هو عنوان URL مطلق. تعمل الروابط أيضًا مع عناوين URL النسبية:
<a href="/test">click here</a>
في هذه الحالة ، عند النقر فوق الارتباط ، يتم نقل المستخدم إلى/test
URL على الأصل الحالي.
كن حذرا مع/
حرف. إذا تم حذفه ، فبدلاً من البدء من الأصل ، سيضيف المتصفح فقط الامتداد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:
- مقدمة إلى HTML
- علامة HTML "iframe"
- نماذج HTML
- علامة HTML "video"
- علامة HTML الصوتية
- علامات HTML للنص
- جداول HTML
- علامة HTML `img`
- علامة HTML `a`
- علامة HTML الخاصة بالصورة
- علامة HTML الخاصة بالشكل
- علامات حاوية HTML
- إمكانية الوصول على الويب
- كيفية إنشاء تعليق في HTML
- كيفية تغيير عنوان URL لصورة HTML في الوضع المظلم
- الصور المتجاوبة باستخدام `srcset`
- تغيير الرمز المفضل في الوضع المظلم