HTML

Part 6 – الروابط Hyperlinks – برمجة FSWD – HTML

🔸 أولًا: إنشاء رابط باستخدام <a>

📌 تعريف:

الوسم <a> بيستخدم علشان تعمل رابط لأي صفحة أو موقع أو حتى جزء معين من نفس الصفحة.

✅ الشكل الأساسي:

<a href="الرابط">النص اللي هيظهر</a>

 

🔸 ثانيًا: السمات المهمة:

السمة معناها
href هو المكان اللي الرابط هيروح له
target تحدد إذا الرابط يفتح في نفس الصفحة ولا في صفحة جديدة
title نص يظهر لما توقف الماوس على الرابط (Tooltip)

مثال أساسي

<a href="https://www.google.com">اذهب إلى جوجل</a>

🔸 ثالثًا: استخدام target="_blank" علشان تفتح في نافذة جديدة:

<a href="https://www.google.com" target="_blank">افتح جوجل في صفحة جديدة</a>

🔸 رابعًا: إضافة title لرابط:

<a href="https://www.google.com" title="موقع البحث الشهير">جوجل</a>

🔸 خامسًا: الروابط الداخلية (Anchor Links)

📌 تعريف:

الرابط الداخلي هو اللي بيوديك لجزء معين جوا نفس الصفحة، باستخدام معرّف (id).

✅ خطواته:

  1. لازم العنصر اللي عايز تروح له يكون ليه id

  2. الرابط نفسه هيبقى: <a href="#id">

مثال كامل للرابط الداخلي

<h2><a href="#contact">اذهب إلى قسم التواصل</a></h2>

<!-- محتوى كتير هنا -->

<h3 id="contact">📞 قسم التواصل</h3>
<p>راسلنا على البريد الإلكتروني أو عبر الهاتف.</p>

✅ لما المستخدم يضغط على الرابط، هينزل مباشرة لعنصر فيه id="contact".

فيديو مثال كامل على كل أنواع الروابط

 

💡 ملخص سريع:

الوسم المعنى
<a> رابط (Anchor)
href وجهة الرابط
target="_blank" فتح الرابط في تبويب جديد
title نص يظهر عند مرور الماوس
#id رابط داخلي لعنصر له id
فرص الربح من الإنترنت

💰 هل تبحث عن طريقة سهلة للربح من الإنترنت؟

ابدأ الآن واكسب أموالًا حقيقية من خلال خطوات بسيطة! 🌟

اضغط وابدأ الربح

📱 اربح من هاتفك فقط!

كل ما تحتاجه هو اتصال بالإنترنت وبعض الوقت ⏳

ابدأ الربح الآن

🚀 اربح المال وأنت في بيتك

الفرصة أمامك الآن وبخطوات سهلة ومضمونة!

من هنا تبدأ رحلتك

🔥 لا تحتاج إلى خبرة أو رأس مال!

اربح الآن من الإنترنت بأبسط الطرق

اضغط هنا للربح

💸 دخل إضافي بدون تعب؟

🤩 هذه فرصتك لتبدأ في الربح من الإنترنت!

سارع الآن

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى