freeCodeCamp/guide/arabic/html/attributes/a-href-attribute/index.md

3.0 KiB

title localeTitle
A Href Attribute سمة Href

سمة Href

تشير السمة <a href> إلى وجهة مقدمة من خلال رابط. a (الارتساء) ميتة بدون السمة <href> . في بعض الأحيان في سير عملك ، لا تريد رابطًا مباشرًا أو لن تعرف وجهة الارتباط بعد. في هذه الحالة ، من المفيد تعيين سمة href إلى "#" لإنشاء رابط ميت. يمكن استخدام href للربط بالملفات أو الملفات المحلية على الإنترنت.

على سبيل المثال:

`

<html> <head> </head>

Href Attribute Example

The freeCodeCamp Contribution Page shows you how and where you can contribute to freeCodeCamp's community and growth.

</html> `

يتم دعم سمة <a href> بواسطة جميع المتصفحات.

المزيد من السمات:

hreflang : يحدد لغة المصدر المرتبط. target : لتحديد السياق الذي سيتم فتح المورد المرتبط فيه. title : لتحديد عنوان رابط ، يظهر للمستخدم باعتباره تلميح أداة.

أمثلة

<a href="#">This is a dead link</a> <a href="https://www.freecodecamp.org">This is a live link to freeCodeCamp</a> <a href="https://html.com/attributes/a-href/">more with a href attribute</a>

المراسي في الصفحة

من الممكن أيضًا تعيين مرساة لمكان معين من الصفحة. لإجراء ذلك ، يجب عليك أولاً وضع علامة تبويب في الموقع على الصفحة التي تحتوي على العلامة والسمة "الاسم" الضرورية مع أي وصف للكلمة الرئيسية ، مثل:

<a name="top"></a>

أي وصف بين العلامات غير مطلوب. بعد ذلك يمكنك وضع رابط يؤدي إلى هذا الارتساء في أي مكان في نفس الصفحة. للقيام بذلك ، يجب عليك استخدام العلامة ذات السمة الضرورية "href" مع الرمز # (حاد) ووصف الكلمة الرئيسية للربط ، مثل هذا:

<a href="#top">Go to Top</a>

روابط الصور

يمكن أيضًا تطبيق <a href="#"> على الصور وعناصر HTML الأخرى.

مثال

<a href="#"><img itemprop="image" style="height: 90px;" src="http://www.chatbot.chat/assets/images/header-bg_y.jpg" alt="picture"> </a>

مثال

صورة

بعض الأمثلة أكثر من href

`

This gives a base url for all further urls on the page This is a live link to an external stylesheet `