في هذا الدرس ستتعلم كيف تقوم بإنشاء رابط بين صفحتين.
ما الذي أحتاجه لإنشاء رابط؟
لإنشاء رابط ستستخدم ما تستخدمه دائماً عندم كتابة HTML: عنصر، عنصر بسيط مع خاصية واحدة وستتمكن من إنشاء رابط لأي شيء وكل شيء، إليك هذا المثال لرابط لموقع HTML.net وكيف سيكون شكله: مثال 1:
كود:
<a href="https://www.html.net/">Here is a link to HTML.net</a>
سيظهر في المتصفح بهذا الشكل:
كود:
[مشاهدة الروابط متاحة فقط لأعضاء المنتدى .. ]
العنصر a هو اختصار "anchor" والخاصية href هي اختصار "hypertext reference"، وهي التي تحدد إلى أين سيذهب الرابط، غالباً عنوان في الإنترنت أو اسم ملف ما. في المثال أعلاه الخاصية href تحوي القيمة "https://www.html.net"، وهي العنوان الكامل لموقع HTML.net ويسمى العنوان URL وهي اختصار "Uniform Resource Locator"، لاحظ أن "https://" يجب أن تضاف في أي عنوان، أما الجملة "Here is a link to HTML.net" فهي النص الذي سيظهر في المتصفح على شكل رابط، تذكر أن تقوم بإغلاق العنصر بوسم الإعلاق </a>. ماذا عن الروابط بين الصفحات في موقعي؟
إذا أردت إنشاء رابط بين صفحتين في نفس الموقع فلا تحتاج إلى أن تضع كامل العنوان للصفحة، فمثلاً إذا قمت بإنشاء صفحتين ولنسمهما page1.htm وpage2.htm وقمت بحفظهما في نفس المجلد فيمكنك أن تربط من صفحة إلى أخرى بكتابة اسم الملف في الرابط، فمثلاً رابط من صفحة page1.htm يشير إلى page2.htm سيظهر بهذا الشكل: مثال 2:
كود:
<a href="page2.htm">Click here to go to page 2</a>
إذا كانت الصفحة 2 وضعت في مجلد فرعي ولنسمه "subfolder" فالرابط سيظهر بهذا الشكل: مثال 3:
كود:
<a href="subfolder/page2.htm">Click here to go to page 2</a>
لو أردنا أن نضع رابطاً معاكساً من الصفحة 2 في المجلد الفرعي إلى الصفحة 1 سيكون شكل الرابط هكذا: مثال 4:
كود:
<a href="../page1.htm">A link to page 1</a>
"../../". هل فهمت هذا النظام؟ بإمكانك دائماً أن تكتب العنوان الكامل للملف إذا وجدت هذا النظام معقداً. ماذا عن الروابط الداخلية في نفس الصفحة؟
بإمكانك إنشاء روابط داخلية ضمن الصفحة، فمثلاً يمكنك إنشاء جدول بالمحتويات اعلى الصفحة ويحوي روابط تشير إلى كل فصل في الصفحة، كل ما تحتاجه هي خاصية تسمى id أو "identification" والعلامة "#". استخدم خاصية id لتضع إشارة للعنصر الذي تريد وضع رابط له، مثال:
كود:
<h1 id="heading1">heading 1</h1>
بإمكانك الآن إنشاء رابط لهذا العنصر باستخدام علامة "#" في خاصية الرابط، العلامة "#" يجب أن تتبع بقيمة id للعنصر الذي تريد الربط له، مثال:
كود:
<a href="#heading1">Link to heading 1</a>
كل هذا سيتضح مع هذا المثال: مثال 5:
كود:
<html> <head> </head> <body> <p><a href="#heading1">Link to heading 1</a></p> <p><a href="#heading2">Link to heading 2</a></p> <h1 id="heading1">heading 1</h1> <p>Text text text text</p> <h1 id="heading2">heading 2</h1> <p>Text text text text</p> </body> </html>
كود:
سيظهر بهذا الشكل في المتصفح (جرب أن تضغط على الرابطين):
كود:
[مشاهدة الروابط متاحة فقط لأعضاء المنتدى .. ][مشاهدة الروابط متاحة فقط لأعضاء المنتدى .. ] Heading 1 Text text text text Heading 2 Text text text text
ملاحظة: قيمة الخاصية id يجب أن تبدأ بحرف وليس برقم.
هل يمكن أن أضع رابطاً لأي شيء آخر؟
بإمكانك أيضاً أن تضع روابط لعناوين بريد إلكتروني، يمكنك فعل ذلك بطريقة مشابهة لطريقة وضع رابط لصفحة أخرى: مثال 6:
كود:
<a href="mailtoتم حذف الإيميل لأن عرضه مخالف لشروط المنتدى)">Send an e-mail to nobody at HTML.net</a>
سيظهر بهذا الشكل في متصفحك
كود:
Send an e-mail to nobody at HTML.net
الاختلاف الوحيد بين الرابط لبريد إلكتروني ورابط لملف هو كتابة [مشاهدة الروابط متاحة فقط لأعضاء المنتدى .. ]<تبوعاً بعنوان البريد، عندما يضغط أحدهم على الرابط سيعمل برنامج البريد الإلكتروني ويعرض رسالة جديدة فارغة تحوي عنوان البريد الإلكتروني الذي وضعته في الرابط، سيحدث هذا في حال وجد برنامج بريد إلكتروني مثبت على الحاسوب، جرب ذلك الآن!
هل هناك خصائص أخرى يجب علي أن أعرفها؟
لإنشاء رابط استخدام دائماً الخاصية href بالإضافة إلى ذلك بإمكانك أن تضع خاصية title للرابط: مثال 7:
كود:
<a href="https://www.html.net/" title="Visit HTML.net and learn HTML">HTML.net</a>
سيظهر بهذا الشكل في المتصفح:
كود:
[مشاهدة الروابط متاحة فقط لأعضاء المنتدى .. ]
خاصية title تستخدم لوضع شرح قصير عن الرابط، إذا وضعت مؤشر الفأرة على الرابط دون أن تضغط عليه سترى النص الذي كتبته في خاصية title يظهر لك.
السلام عليكم ورحمة الله وبركاته
:)
الأخوة الكرام أعضاء المنتدى
في البداية اقدم تحية خاصة لكل من الأخ فارس النفيعي والأخ تامر شراكي على المجهود الرائع الذي بذلوه لتطوير منتدى الصحة والسلامة... (مشاركات: 4)
السلام عليكم
ارجو مساعدتى فى عمل خطة عمل ( *business plan) لمركز تدريب جديد متخصص فى دورات الكمبيوتر فى مدينة من المدن الجديدة
وجزاكم الله خير (مشاركات: 2)
تتقدم " اكاديمية ايجابيون" بالاعتذار عن العطل التقني الذي حدث في الموقع و تشير ان دورة اليوم ( فن التعامل مع الاخرين ) ستقام في موعدها ان شاء الله اليوم الساعة التاسعة مساءا بتوقيت مكة المكرمة على... (مشاركات: 0)
السلام عليكم ..
سنتعرف هنا سويا على معنى البحث وكيفية إعداده ..
1. تعريف البحث :-
هو محاولة لاكتشاف المعرفة ، والتنقيب عنها ، وتطويرها وفحصها ، وتحقيقها بتقص دقيق ، ونقد... (مشاركات: 2)
برنامج تدريبي يشرح استخدامات الذكاء الاصطناعي في تحليل المخاطر ويشرح أساسيات التحليل الإحصائي واستخدامه في تحليل البيانات المتعلقة بالمخاطر و كيفية بناء وتدريب الشبكات العصبية الاصطناعية لتطبيقات تحليل المخاطر وتنبؤ المخاطر المحتملة ويستعرض دراسات الحالة والتطبيقات العملية لتحليل المخاطر باستخدام الذكاء الاصطناعي في مجالات متنوعة و كيفية استخدام نتائج تحليل المخاطر لاتخاذ قرارات استراتيجية واقتصادية مناسبة
صممت تلك الدورة لإعداد موظفي خدمة العملاء المحترفين. فأياً كانت خبراتك السابقة أو مؤهلك العلمي فأنت مدعو للالتحاق بهذه الدورة الشاملة التي تساعدك على النجاح والتميز في وظائف خدمة العملاء. حيث ستتمكن من ممارسة المهارات التي يحتاجها موظف خدمة العملاء في تدريب عملي ممتع.
يتناول كورس إعداد مدرب كرة القدم كافة الموضوعات التي يجب على مدرب كرة القدم المحترف معرفتها والإلمام بها مثل؛ الإعداد البدني والقدرات البدنية، وكيفية تصميم البرامج التدريبية. بالإضافة إلى تعلم مهارة قيادة التدريب والمباريات بأنواعها، وطرق الإعداد الخططي، واللعب الجماعي، وأساليب التوجيه العملي لمباريات كرة القدم، ومعرفة تكنولوجيا التدريب التي عليك استخدامها كمدرب كرة قدم.
برنامج تدريبي صمم لتأهيل المشاركين على فهم طرق وأساليب مكافحة الفساد والاحتيال وتمويل الارهاب يمكن المشاركين من الالمام بالأدوات المستخدمة في هذا المجال على مستوى العالم كما يخلق ليدهم الوعي بأهمية التدقيق في أعمال الشركات حتى لا تقع تحت طائلة عقوبات القوانين الدولية لمكافحة الفساد والاحتيال وتمويل الإرهاب
برنامج تدريبي متقدم يهدف إلى تأهيل المحاسب تأهيلا علميا شاملا، حيث يغطي البرنامج موضوعات المبادئ والفروض المحاسبية والدورة المحاسبية وتصميم نظام محاسبي متكامل بداية من شجرة الحسابات وحتي اعداد الحسابات الختامية وإعداد القوائم المالية للشركات التجارية والصناعية وتحليل وتفسير القوائم المالية وضريبة القيمة المضافة وضريبة الأرباح التجارية والصناعية ثم الدورة المستندية في الشركات الصناعية والتجارية بالتطبيق علي برنامج الاكسل وورشة العمل التطبيقية في المحاسبة وبرنامج المحاسبة المتخصصة والمحاسبة في شركات المقاولات والمحاسبة في المستشفيات والمراكز الطبية والمحاسبة في الجمعيات الأهلية وبرنامج المحاسبة الإلكترونية حيث شرح استخدام برنامجي الاكسل والبيتش تري في المحاسبة.