HTML Links - Create Bookmarks
-
شو يعني Bookmarks: هي عبارة عن أجزاء في الصفحة الحالية يتم تحديدها ويمكن الانتقال اليها باستخدام <a>وهي مفيدة في الصفحات الطويلة بحيث يمكن الانتقال الى الجزء المطلوب بسرعه وسهولة.
انشاء Bookmarks
لإنشاء Bookmarks المطلوب فقط إضافة ID او name للجزء من الصفحة المطلوب عمله Bookmarks
وبعدها في <a> بدل ما نربطها مع صفحة web فقط بكون الربط مع اسم او رقم الجزء من الصفحة
الكود الي بعمل هاذ الكلام:
<a href="#C4">Jump to ADO.Net</a>
طبق الكود التالي في صفحة HTML
<!DOCTYPE html>
<html>
<body>
<h2>Open google using image Link </h2>
<p><b>
<p><a href="#C4">Jump to ADO.Net</a></p>
<p><a href="#C10">Jump to Course 13</a></p>
<hr>
<h2 id="C1">ASP.Net Core</h2>
<Div>ASP.Net Core details</Div>
<br>
<h2 id="C2">HTML 5</h2>
<Div>HTML 5 details</Div>
<br>
<h2 id="C3">CSS 3</h2>
<Div>CSS 3 details</Div>
<br>
<h2 id="C4">ADO.Net</h2>
<Div>ADO.Net details</Div>
<br>
<h2 id="C5">.Net Core API</h2>
<Div>.Net Core API details</Div>
<br>
<h2 id="C6">Graphic Design</h2>
<Div>Graphic Design details</Div>
<br>
<h2 id="C7">Project Management</h2>
<Div>Project Management details</Div>
<br>
<h2 id="C8">C#</h2>
<Div>C# details</Div>
<br>
<h2 id="C9">Course 9</h2>
<Div>Course 9 details</Div>
<br>
<h2 id="C10">Course 10</h2>
<Div>Course 10 details</Div>
<br>
<h2 id="C11">Course 11</h2>
<Div>Course 11 details</Div>
<br>
<h2 id="C12">Course 12</h2>
<Div>Course 12 details</Div>
<br>
<h2 id="C13">Course 13</h2>
<Div>Course 13 details</Div>
<br>
<h2 id="C14">Course 14</h2>
<Div>Course 14 details</Div>
</b></p>
</body>
</html>
شغل الصفحة وشوف النتيجة.
يمكن ربط <a> مع bookmark في صفحة ثانية
الكود المسؤول عن ذلك
<a href="Index.html#C4">Jump to Chapter 4</a>
اترك تعليقك