اضافة (ملاحظة,وصلة تشعبية) في HTML

التعليقات في HTML (HTML Comments)

يمكن اضافة تعليق او ملاحظة من خلال استخدام  htmlمع ملاحظة ان التعليق او الملاحظة لا تظهر في صفحة الموقع , بل هي فقط ملاحظات وتعليقات لمن يفتح شفرة التصميم .

<!..نكتب التعليق هنا ..>

<!-- Write your comments here -->

---------------------------------------------

وصلات HTML (HTML Links)

هناك عدة خيارات للوصلات التشعبية، منها أن تكون الوصلة لموقع آخر، أو أن تكون لصفحة أخرى داخل الموقع نفسه، ومنها أن تكون لمكان آخر في نفس الصفحة (إلى أعلى أو أسفل على سبيل المثال) أو أن تكون وصلة لعنوان بريد إلكتروني E-mail وفي جميع الحالات فإن المبدأ واحد لكن تختلف بعض التفاصيل. وسوف نناقش معكم كل حالة على حدة وبالتفصيل.

نستخدم الوسوم

<A> ... <‎/A>

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

HREF

التي نحدد من خلالها الموقع الذي نريد الدلالة عليه، ويجب أن يكتب عنوان الموقع كاملاً.

الحالة الأولى: إدراج وصلة تشعبية تشير إلى موقع خارجي.
لنقم بإدراج وصلة تشعبية إلى أحد المواقع العربية الرائدة والرائعة، وهو موقع شركة صخر. وعنوانه http://www.sakhr.com في هذه الحالة يتم كتابة الشيفرة بالشكل التالي:

<a href="http://www.sakhr.com"> <‎/a>

لكن بقي شيء واحد وهو العبارة أو الكلمة التي سيتم النقر عليها لتشغيل الوصلة، وهذه يجب أن توضع بين الوسمين <A> ... <‎/A>. أي لكي تكتمل الوصلة السابقة يجب أن نكتب معها أي عبارة نريدها، لكي ينقر عليها الزائر فتنقله إلى العنوان المطلوب. ما رأيك بعبارة:   Go To SAKHR والتي تصبح الشيفرة معها بالشكل التالي:

<a href="http://www.sakhr.com">Go To SAKHR<‎/a>

وتظهر الوصلة كما يلي:

Go To SAKHR

بل إنك تستطيع إدراج صورة أو (زر) كبديل عن الكلمات -كما تشاهد في الكثير من المواقع- وكل ما عليك فعله في هذه الحالة هو كتابة الوسم الخاص بإدراج الصورة بين الوسمين <A> ... <‎/A> بالشكل التالي:

<A HREF="http://www.sakhr.com"><IMG SRC="sakhrlgo.gif">‎<‎/A>

والذي يؤدي إلى ظهور الصورة التالية كوصلة تشعبية لموقع صخر

امثلة حية على الدرس 

---------------------

1- التعليق او الملاحظات

2- رابط تشعبي عنوانه نصي  

3-رابط تشعبي عنوانه صورة