برای ساخت لینک (پیوند) چه چیزی نیاز است؟
برای ساخت پیوند شما باید از ان چیزی استفاده کنید که هنگام کدنویسی HTML استفاده می کردید: یعتی برچسب. یک برچسب ساده با یک مشخصه، شما را قادر خواهد کرد که به هر چیز و در هر کجا پیوند یا ارتباطی دهید. در اینجا مثالی از کد یک لینک است که می توانید مشاهده کنید:
مثال 1:
Here is a link
to this weblog
در مرورگر کد بالا باید شبیه این باشد:
Here is a link to this weblog
این عنصر بر کلمه anchor واقع است. و مشخصه href مخفف hypertext referenc ، به معنای ارجاع فوق پیوند می باشد، که مکانی را که معمولا پیوند، به یک آدرس یا یک فایل بروی اینترنت اشاره می کند، مشخص می کند.
در مثال بالا مشخصه href یک مقدار به نام “http://www.html.persianblog.ir” داشت، که آدرس کامل این وبلاگ است و url نامیده می شود. توجه کنید که http:// همیشه باید همراه آدرس باشد. جمله Here is a link to this weblog هم متنی است که در مرورگر به عنوان پیوند نشان داده می شود. فراموش نکنید که عنصر را با یک ببندید.
به من درباره پیوندها بین صفحات سایت خودم بگو؟
اگر شما می خواهید به ساختن پیوند بروی 1 سایت مبادرت کنید، شما لازم ندارید آدرس (url) کامل را برای سند مقصد املا کنید. برای مثال اگر شما دو صفحه ساختید (اجازه دهید آنها را page1.htm و page2.htm بنامیم) و آنها را درون یک پوشه ذخیره کردید، شما می توانید لینکی از یک صفحه به صفحه دیگر فقط با نوشتن نام فایل در کد پیوند، بسازید. با توجه به این توضیح یک لینک از page1.htm به صفحه page2.htm میتواند به صورت زیر دیده شود:
مثال 2:
Click here to go to page 2
اگر page2.htm در یک زیرپوشه قرار داده شود (به نام subfolder)، لینک می تواند شبیه زیر باشد:
مثال 3:
Click here to go to page 2
در پیرامون شیوه دیگری، یک لینک از page 2 (در پوشه subfolder) به page1 باید مانند این باشد:
مثال4:
A link to page 1
“/..” به یک سطح بالاتر از موقعیت فایل از آنجایی که پیوند ساخته شده است، اشاره می کند. با پیروی کردن از یک سیستم مشابه، شما همچنین می توانید با نوشتن “/../..” به 2 (یا بیشتر) پوشه بالاتر اشاره کنید.
آیا شما متوجه این سیستم شدید؟ در عوض شما می توانید آدرس کامل را برای فایلتان تایپ کنید(URL).
به من درباره پیوند های داخلی درون یک صفحه بگو؟
همچنین شما می توانید لینک های داخلی درون یک صفحه بسازید. برای مثال جدول محتوایی در بالای صفحه که به هر بخش از متون زیر، پیوند خورده است. همه آن چیزی که به استفاده از آن نیاز دارید، یک مشخصه بسیار مفید بنام id (خلاصه identification) و نماد # است.
از مشخصه id برای علامت گذاری عنصری که شما می خواهید به آن پیوند دهید استفاده کنید. برای مثال:
Headig 1
حالا شما می توانید یک پیوندی به آن برچسب، با استفاده از علامت # در مشخصه پیوند، بسازید. علامت # باید با نام id برچسبی که شما میخواهید به آن لینک دهید ادامه داده شود. برای مثال:
Link to heding 1
همه با یک مثال واضح و روشن خواهد شد:
مثال 5:
Link to heading 1
Link to heading 2
heading 1
Text text text text
heading 2
Text text text text
در مرورگر، شبیه این مورد خواهد شد. (برای امتحان کارایی آنها، بروی دو پیوند کلیک کنید.)
Link to heading 1
Link to heading 2
heading 1
Text text text text
heading 2
Text text text text
(نکته: توجه کنید که یک مشخصه id باید با یک حرف شروع شود.)
من می توانم به هر چیر به غیر از اینها پیوند دهم؟
همینطور شما می توانید به یک آدرس ایمیل پیوند دهید. این کار تقریبا به شیوه یکسانی همانند وقتی که به یک سند پیوند می دهید انجام می شود.
مثال 6:
Send an e-mail to Ali
در مرورگر شبیه زیر خواهد شد:
Send an e-mail to Ali
تنها فرق بین پیوند به یک ایمیل و پیوند به یک فایل این است که، در عوض تایپ آدرس سند، شما mailto: را تایپ می کنید که با یک آدرس ایمیل ادامه داده شده است. وقتی که روی پیوند کلیک می شود، برنامه پیش فرض نامه الکترونیکی شما، با یک نامه خالی آدرس دهی شده به یک آدرس ایمیل تعیین شده باز می شود. لطفا توجه کنید که این عمل فقط در صورتی کار می کند که یک برنامه خواندن ایمیل روی رایانه تان نصب شده باشد. می توانید امتحان کنید!
آیا مشخصه دیگری وجود دارد که من باید بدانم؟
برای ساخت پیوند، شما همیشه باید از مشخصه href استفاده کنید. به علاوه شما قادرید یک مشخصه title هم درون پیوند خود جای دهید.
مثال 7:
html.persianblog.ir
در مرورگر به شکل زیر است:
html.persianblog.ir
مشخصه title برای نوشتن یک توضیح کوتاه در مورد پیوند مورد استفاده قرار می گیرد. اگر شما بدون کلیک کردن، اشاره گر موس را روی لینک نگه دارید، شما متنی با عنوان “Visit and lesrn HTML” خواهید دید که نمایان خواهد شد.