كيفية إنشاء ارتباط إلى نص على صفحة هتمل. دروس البرمجة

الروابط هي عناصر تفاعلية تسمح للمستخدمين بالتنقل عبر صفحات الإنترنت. يتم استخدامها للانتقال إلى صفحات الويب الأخرى أو تنزيل الملفات أو الانتقال إلى موقع معين على الصفحة. واحدة من السمات الهامة من هتمل هو إنشاء الروابط التي يمكن أن تكون علامة مع النص. في هذه المقالة ، سننظر في كيفية إنشاء رابط للنص على الصفحة.

لإنشاء ارتباط إلى النص على صفحة هتمل ، تحتاج إلى استخدام العلامة وسماتها. السمة الرئيسية للعلامة هي هريف ، الذي يحدد عنوان صفحة الويب أو الملف المراد إعادة توجيهه إليه. بناء الجملة لإنشاء ارتباط إلى نص هو كما يلي:

نص الرابط

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

1. إنشاء ارتباط إلى النص في هتمل
2. باستخدام مرساة
3. وضع مرساة على الصفحة
4. كيفية إضافة رابط إلى نص الصفحة
5. باستخدام العلامة
6. إضافة رابط إلى المستند الحالي
7. إضافة رابط إلى مستند خارجي
8. إضافة رابط إلى قسم معين من الصفحة
9. باستخدام علامة "أ"
10. الباب 1
11. تعيين ارتباط إلى نص باستخدام السمات
12. برمجة الروابط النصية
13. سؤال وجواب
14. كيف يمكنني إنشاء ارتباط إلى النص?
15. كيف يمكنني تعيين لون رابط النص?
16. هل من الممكن إنشاء رابط إلى جزء آخر من المستند?
17. كيف يمكنني إنشاء ارتباط إلى ملف على الخادم?

إنشاء ارتباط إلى النص في هتمل

الرابط هو عنصر في صفحة الويب يسمح لك بالانتقال إلى صفحة أو قسم آخر من الصفحة الحالية. في هتمل ، يتم إنشاء الرابط باستخدام والعلامات.

لإنشاء ارتباط إلى النص ، تحتاج إلى استخدام بناء الجملة التالي:

نص الرابط

هنا:

• - علامة الارتباط الافتتاحية
• هريف هي سمة تحدد العنوان الذي سيتم إعادة توجيه عنوان الرابط إليه
• - العنوان الذي
• سيؤدي نص الرابط-النص الذي سيتم عرضه كرابط
• - إغلاق علامة الارتباط

مثال الاستخدام:

زيارة الموقع

سيؤدي هذا الرمز إلى إنشاء رابط إلى موقع الويب ، يتم عرضه على أنه "قم بزيارة الموقع". عند النقر على الرابط ، سيتم إعادة توجيه المستخدم إلى الصفحة https://www.example.com .

يمكنك أيضا إنشاء روابط إلى أقسام أخرى من الصفحة الحالية عن طريق إضافة مرساة إلى عنوان ورل. المرساة هي سمة معرف تحدد بشكل فريد عنصرا في الصفحة.

مثال على استخدام مرساة:

انتقل إلى القسم 1

سيقوم هذا الرمز بإنشاء ارتباط إلى القسم بمعرف = "القسم 1" ، معروض كـ"انتقل إلى القسم 1". عند النقر فوق الارتباط ، ستنتقل الصفحة إلى القسم المحدد.

من المهم ملاحظة أن عناوين ورل في الروابط يمكن أن تكون نسبية أو مطلقة. يشير عنوان ورل النسبي إلى المسار إلى الملف بالنسبة إلى الصفحة الحالية ، ويشير عنوان ورل المطلق إلى المسار الكامل للملف.

يسمح لك استخدام الروابط في هتمل بإنشاء عناصر تفاعلية وملاحية ، مما يجعل مواقع الويب أكثر سهولة في الاستخدام.

باستخدام مرساة

المرساة هي رابط إلى جزء معين من الصفحة. يمكن أن يكون مفيدا إذا كانت هناك أقسام طويلة أو كتل نصية على الصفحة وتريد تزويد المستخدمين بطريقة أسهل للانتقال إلى المكان الصحيح.

لإنشاء مرساة ، تحتاج إلى استخدام سمة المعرف. تعيين هذه السمة إلى العنصر الذي تريد مرساة ل. ثم ، بدلا من قيمة السمة هريف في علامة أ ، حدد الرمز # متبوعا بقيمة السمة معرف العنصر الذي تريد إنشاء ارتباط.

هنا مثال:

الباب 1

انتقل إلى القسم 1

عندما ينقر المستخدم على رابط" الانتقال إلى القسم 1 " ، تنتقل الصفحة إلى بداية القسم 1.

يمكنك أيضا استخدام مرساة لإنشاء ارتباط داخل المستند.

هنا مثال على الأقسام:

الباب 1

نص القسم 1.

الباب 2

نص القسم 2.

الباب 3

نص القسم 3.

في هذا المثال ، أنشأنا قائمة روابط للأقسام 1 و 2 و 3. عندما ينقر المستخدم على الرابط ، تنتقل الصفحة إلى القسم المناسب.

باستخدام المراسي ، يمكنك بسهولة إنشاء التنقل عبر الصفحات الطويلة وتسهيل تجربة المستخدم.

وضع مرساة على الصفحة

المرساة هي رابط إلى جزء معين من صفحة الويب. يسمح للمستخدمين بتمرير الصفحة مباشرة إلى موقع معين دون الحاجة إلى تمرير الصفحة يدويا. يمكن أن تكون المرساة مفيدة إذا كان لديك صفحة طويلة بها أقسام أو كتل من المعلومات.

لإنشاء مرساة على صفحة ، تحتاج إلى اتباع الخطوات التالية:

1. حدد المكان الذي تريد تثبيته على الصفحة.
2. تشير إلى اسم المرساة.

مثال:

تشير إلى اسم المرساة.

مثال:

انتقل إلى القسم 1

سيؤدي النقر فوق هذا الرابط إلى تمرير الصفحة إلى مرساة تسمى "القسم 1".

:

الباب 2

:

انتقل إلى القسم 2

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

كيفية إضافة رابط إلى نص الصفحة

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

باستخدام العلامة

لإنشاء ارتباط:

هذا هو رابط لموقع على شبكة الانترنت.

في هذا المثال,

• يشير إلى بداية ونهاية الرابط.
• يحدد العنوان (عنوان ورل) أو المسار إلى المستند أو الصفحة التي سيرتبط بها الرابط.
• إنه نص الرابط المعروض على الصفحة.

إضافة رابط إلى المستند الحالي

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

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

في نفس الدليل مثل المستند الحالي ، عند النقر فوق الارتباط" الصفحة الرئيسية".

إضافة رابط إلى مستند خارجي

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

موقع الشركة

في هذا المثال ، سيتم إعادة توجيه المستخدم إلى موقع الشركة على الويب عند النقر على الرابط"موقع الشركة".

إضافة رابط إلى قسم معين من الصفحة

مع رمز " # " ومعرف المرساة. على سبيل المثال:

انتقل إلى القسم 1

في هذا المثال ، إذا كان هناك عنصر به المعرف "القسم 1" على الصفحة ، فإن النقر على الرابط "الانتقال إلى القسم 1" سيعيد توجيه المستخدم إلى هذا القسم من الصفحة.

الآن بعد أن عرفت كيفية إضافة رابط إلى نص على صفحة هتمل ، يمكنك إنشاء مواقع ويب أكثر تفاعلية ومرئية.

باستخدام علامة "أ"

علامة" أ "(مرساة الإنجليزية ، "مرساة") هي واحدة من أهم العلامات في هتمل. يتم استخدامه لإنشاء روابط لصفحات ومستندات وصور أخرى وما إلى ذلك.

بناء جملة العلامة " أ " كما يلي:

نص الرابط

هنا ، "الرابط" هو العنوان الذي سيتم الانتقال إليه عند النقر على الرابط. "نص الرابط" هو النص الذي سيتم عرضه على الصفحة وسيكون رابطا.

مثال:

انتقل إلى الموقع example.com

عند النقر على الذهاب إلى الموقع example.com سيتم إعادة توجيه المستخدم إلى الموقع example.com .

يمكنك أيضا إنشاء روابط داخلية لأقسام الصفحة الحالية باستخدام سمة المعرف.

مثال:

انتقل إلى القسم 1

يجب أن يحتوي القسم المراد التنقل إليه على سمة المعرف:

الباب 1

عند النقر فوق انتقل إلى القسم 1 ، سيتم تمرير الصفحة بسلاسة إلى القسم 1.

تسمح لك العلامة " أ " أيضا بتعيين عدد من السمات الإضافية ، مثل:

• الهدف-يشير إلى المكان الذي يجب أن يفتح فيه الرابط (في نفس النافذة ، في نافذة جديدة ، في إطار ، إلخ.);
• تنزيل-يشير إلى أن الرابط هو تنزيل ملف;
• ريل-يحدد العلاقة بين المستند الحالي والمستند المشار إليه;
• العنوان-يحدد النص الذي سيتم عرضه عند التمرير فوق الرابط.

تعد العلامة " أ " أحد العناصر الرئيسية لإنشاء المستندات عبر الإنترنت. باستخدامه بشكل صحيح ، ستتمكن من إنشاء تنقل مناسب بين الصفحات وتوفير تجربة مستخدم جيدة.

تعيين ارتباط إلى نص باستخدام السمات

يتم استخدام السمات في هتمل لإنشاء ارتباط إلى نص على صفحة ويب. تسمح لك السمات بتعيين خصائص مختلفة لعناصر هتمل ، وفي هذه الحالة ، تساعدك على إنشاء ارتباط إلى نص معين.

لإنشاء ارتباط إلى النص ، تحتاج إلى استخدام العلامة. داخل العلامة ، تحتاج إلى تحديد سمة هريف مع قيمة الرابط الذي سيذهب إليه المستخدم عند النقر على النص. على سبيل المثال:

اسم الرابط

في هذا المثال ، عند النقر على النص "اسم الرابط" ، سيتم إعادة توجيه المستخدم إلى صفحة ويب باستخدام الرابط المحدد "https://www.example.com ".

بالإضافة إلى ذلك ، يمكنك تعيين السمة الهدف لتحديد كيفية فتح الرابط. يمكن أن تكون قيمة السمة الهدف "_فارغة" أو "_سيلف" أو "_بارنت " أو" _أعلى " ، أين:

1. "_فراغ – - سيتم فتح الرابط في نافذة أو علامة تبويب جديدة;
2. "_الذاتي" (افتراضيا) - سيتم فتح الرابط في النافذة أو علامة التبويب الحالية;
3. "_الأب" - سيتم فتح الرابط في النافذة أو الإطار الأصلي;
4. "_أعلى" – سيتم فتح الرابط في الجزء العلوي في التسلسل الهرمي للنوافذ أو الإطارات.

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

اسم الرابط

في هذا المثال ، عند النقر على النص "اسم الرابط" ، سيتم إعادة توجيه المستخدم إلى صفحة ويب باستخدام الرابط المحدد "https://www.example.com" في نافذة أو علامة تبويب جديدة.

يمكنك أيضا إضافة محتوى داخلي داخل العلامة لإنشاء نص قابل للنقر. على سبيل المثال:

نص قابل للنقر

في هذا المثال ، سيكون نص "النص القابل للنقر" رابطا لصفحة ويب "https://www.example.com ".

وبالتالي ، لإنشاء ارتباط إلى نص على صفحة هتمل ، تحتاج إلى استخدام علامة مع سمة هريف ، وإذا لزم الأمر ، يمكنك أيضا استخدام السمة الهدف وإضافة محتوى داخلي للنص القابل للنقر.

برمجة الروابط النصية

يعد إنشاء رابط لعنصر نصي على صفحة الويب أحد المهام المهمة لبرمجة تطوير الويب. يتيح ذلك للمستخدمين الوصول إلى صفحات أو موارد أخرى على الإنترنت من خلال النقر على نص معين.

لإنشاء ارتباط إلى النص ، يجب عليك استخدام العلامة (مرساة الإنجليزية) ، والذي يتضمن سمة هريف (مرجع الارتباط التشعبي الإنجليزية) ، مما يدل على عنوان المورد الذي سيتم إعادة توجيه الارتباط.

لإنشاء ارتباط إلى النص ، استخدم التنسيق التالي:

نص الرابط

حيث يكون عنوان المصدر هو عنوان ورل الذي سيتم إعادة توجيه الرابط إليه ، ونص الرابط هو النص الذي يجب أن يشير إليه الرابط.

مثال على استخدام علامة لإنشاء ارتباط إلى نص:

1. انقر على لي!

2. معلومات عنا

3. اكتب لنا

في المثال الأول ، يؤدي الارتباط إلى مورد خارجي في https://example.com . في المثال الثاني ، يؤدي الرابط إلى ملف حول.أتش تي أم أل في نفس المجلد حيث توجد الصفحة الحالية. في المثال الثالث ، الرابط هو عنوان بريدي [email protected] .

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

سؤال وجواب

كيف يمكنني إنشاء ارتباط إلى النص?

لإنشاء ارتباط إلى نص على صفحة هتمل ، يجب عليك استخدام عنصر مع السمة هريف ، الذي يحدد العنوان الذي سوف يؤدي الارتباط. يتم تضمين النص الذي سيكون الرابط بين علامتي الفتح والإغلاق. على سبيل المثال ، نص الرابط.

كيف يمكنني تعيين لون رابط النص?

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

هل من الممكن إنشاء رابط إلى جزء آخر من المستند?

نعم ، يمكنك إنشاء ارتباط إلى جزء آخر من المستند على صفحة هتمل باستخدام روابط الربط. للقيام بذلك ، تحتاج إلى إضافة مرساة إلى القسم الهدف من المستند باستخدام سمة المعرف. ثم ، في الرابط ، حدد عنوان المستند والرمز # ، متبوعا بمعرف الارتساء. على سبيل المثال ، رابط إلى قسم.

كيف يمكنني إنشاء ارتباط إلى ملف على الخادم?

لإنشاء ارتباط إلى ملف على الخادم في هتمل ، يجب تحديد المسار إلى الملف بالنسبة إلى الدليل الجذر للخادم في سمة هريف للعنصر. على سبيل المثال ، للارتباط بملف صورة.جبغ في دليل الصور ، فإن رمز تبدو مثل هذا: تصل إلى الملف.