در این قسمت از آموزش می خواهیم ببینم که به چه شکل می توان نه تنها به یک صفحه دیگر در اچ تی ام ال (html) لینک داد، بلکه پس از ورود به صفحه مقصد به بخشی خاصی از آن صفحه هم رفت.
همانطور که در کد فوق مشخص است پس از تگ <h1> پاراگرافی را قرار داده ایم که حاوی عبارت Part 1 است. سپس با چندین بار استفاده از تگ <br/> مجدد یک تگ پاراگراف دیگر حاوی عبارت Part 2 ایجاد کرده اما این بار برای آن یک id با مقدار partTwo در نظر گرفته ایم.
اکنون بایستی کدهای فایل index.html را بنویسیم. برای این منظور کدهای زیر را وارد ویرایشگر متن خود می کنیم:
در کد فوق پاراگرافی تحت عنوان Go to second page | Part 2 ایجاد کرده ایم. سپس با استفاده از تگ های <a></a> این متن را لینک کرده ایم به فایل second-page.html که در فولدر pages قرار دارد. پس از اجرای این صفحه در مرورگر با تصویر زیر مواجه خواهیم شد:
با کلیک روی متن به صفحه دوم خواهیم رفت:
می بینیم که به صفحه دوم رفته ایم اما مرورگر ما را به ابتدای این صفحه ارجاع داده است. اگر خاطرمان باشد پاراگرافی ایجاد کردیم حاوی عبارت Part 2 که یک id هم برای آن تحت عنوان partTwo در نظر گرفتیم. حال اگر بخواهیم مستقیماً به این پاراگراف ارجاع داده شویم می بایست کد مربوط به فایل index.html را به صورت زیر تکمیل کنیم:
می بینیم که پس از آدرس pages/second-page.html یک علامت # قرار داده سپس id مرتبط با پاراگراف Part 2 که برابر است با partTwo را قرار می دهیم.
مجدد مرورگر را به روز رسانی کرده و پس از کلیک کردن روی عبارت Go to second page | Part 2 به بخش Part 2 از فایل second-page.html خواهیم رفت:
http://www.netshahr.com/%D8%A2%D9%85%D9%88%D8%B2%D8%B4/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA/3909-%D9%84%DB%8C%D9%86%DA%A9-%D8%AF%D8%A7%D8%AF%D9%86-%D8%A8%D9%87-%D8%A8%D8%AE%D8%B4%DB%8C-%D8%AE%D8%A7%D8%B5%DB%8C-%D8%A7%D8%B2-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D8%AF%DB%8C%DA%AF%D8%B1-%D8%AF%D8%B1-%D8%A7%DA%86-%D8%AA%DB%8C-%D8%A7%D9%85-%D8%A7%D9%84-html
