 |
| الروابط Links دورة HTML |
- الروابط .
- طريقة كتابة روابط HTML.
- الروابط و سمة "الهدف" Target Attribute.
- الروابط وسمة "الاسم" Name Attribute.
الروابط Links :
الروابط (الروابط التشعبية hyperlink) ، هو كلمة او مجموعة من الكلمات أو صورة عندما تضغط عليا تفتح لك صفحة معينة أو تنتقل بك لجزء معين في ذات الصفحة، وعندما تقف علي الرابط بمؤشر الفأرة ستجد شكل المؤشر تغير الي شكل يد.
الوسم <a> يستخدم بطريقتين:
- ان تنشأ رابط الي صفحة اخري مستخدما السمة href .
- ان تنشأ رابط (اشارة مرجعية) لجزء معين في نفس الصفحة.
طريقة كتابة رابط HTML :
طريقة كتابة الكود بسيطة جدا، شاهد المثال التالي:
<a href="url">Link text</a>
من خلال السمة href نحدد رابط الصفحة..
معلومة: يمكنك استبدال النص link text بصورة أو أي عنصر HTML .
مثال:
<a href="http://www.mina-wd.com">Mina</a>
ستجد نتيجة الكود السابق هكذا: Mina
الروابط و سمة "الهدف" Target Attribute :
سمة "الهدف" تحدد أين سيتم فتح الرابط في متصفح جديد أو في تبويب جديد.
مثال :
<a href="http://www.mina-wd.com" target="_blank">Mina</a>
النتيجة : Mina
قم بتجربته بنفسك ..
الروابط وسمة "الاسم" Name Attribute :
سمة "الاسم" تستخدم لتنشأ رابط لجزء معين داخل الصفحة.
مثال:
1- يتم تحديد الجزء بهذا الشكل:
<a name="first">First Section</a>
2- يتم انشاء رابط له بهذا الشكل:
<a href="#first">Visit the First Section</a>
الي اللقاء في الدرس القادم...
0 تعليقات:
إرسال تعليق