آموزش کامل قرار دادن لینک ( تگ a
یک شنبه 23 آبان 1389 4:34 PM
چند نفر از دوستان در خواست لینک دادن را داده بودند که در این پست به آموزش لينک دادن و تگ <a> می پردازیم .
اول ساختار کد لينک دادن رو براتون معرفي مي کنم و بعد مي گم که چطور تو اينترنت و فرونت پيج راحتتر لينک بديم .
لينک چيست ؟
معني لغوي لينک " زنجير ، اتصال و متصل کردن " هست . و همونطور که از معنيش پيداست کارش هم همينه . يعني در اينترنت بين صفحات و فايل ها ي مختلف يک ارتباط ايجاد مي کنه و اونا رو به هم وصل ميکنه . لينک همونه که شما با کليک بر روي اون به يه صفحه ي ديگه منتقل ميشيد يا يک فايل رو دانلود مي کنيد .
ساختار لينک
همه ي لينک هايي که در اينترنت وجود دارن از يک تگ ساده ساخته مي شن . تگ لينک دادن به صورت زير معرفي ميشه .
<a href="Link Adress">Link Name</a>
که شما در قسمت href بايد نشانی لينک رو وارد کنيد و نام لينک رو پس از بسته شدن تک اوليه ي لينک وارد کنيد و در آخر تگ پاياني<a/> رو بکار ببريد . مثلا به نحوه ي نمايش اين لينک زير توجه کنيد :
<a href="http://www.learnt.ir">آموزش پارسیان</a>
خوب ، شايد بپرسيد چکار بايد کنيم که وقتي روي يک لينک کليک مي کنيم توي يه صفحه ي جديد باز بشه ؟
شما مي تونيد با اضافه کردن يه ميان کد به صورت "target="_blank در تگ اوليه ی لینک دادن اين امکان رو به اون لينک بديد که در صفحه ي جديد باز بشه . به نحوه ي قرار گرفتن اين ميان کد در کد لينک دادن توجه کنيد :
<a target="_blank" href="Link Adress">Link Name</a>
توجه کنيد که بايد قبل و بعد از اين ميان کد و هر ميان کد ديگه اي يک اسپيس بزنيد که به کدهاي بغلي خودش چسبيده نباشه .
<a target="_blank" href="http://www.learnt.ir">آموزش پارسیان</a>
چکار کنيم که وقتي موس رو رو لينک مي بريم يه توضيحي در مورد اون لينک ظاهر بشه ؟
برا اينکار هم بايد از يک ميان به صورت "title="tozih استفاده کنيد . که بايد به جاي tozih ، توضيحي از لينک رو قرار بديد. اين ميان کد هم به صورت زير در کد لينک دادن قرار ميگيره :
<a target="_blank" title="tozih" href="http://www.learnt.ir">آموزش پارسیان</a>
مثلا شما نشانگر موس رو روي لينک زير نگه داريد تا کاربرد اين ميان کد رو ببينيد:
<a title="طراحی قالب اختصاصی برای شما"href="http://www.learnt.ir">آموزش پارسیان</a>
حالا اون کساني که مي خوان تو فرونت پيج يا تو پست هاي وبلاگشون لينک قرار بدن به شکل زير عمل کنن :
در بالاي اديتوري که مي خوايد پست بديد يا در بالاي فرونت پيج يه دکمه به شکل زنجير يا به شکل کره زمین با یک حلقه زنجیر وجود داره که با کليک بر روي اون ، يه پنجره باز ميشه که شما بايد در اون نام لينک و نشانی لينک رو وارد کنيد و Ok بزنيد . نشانی لينک مي تونه نشانی يه صفحه يا يه فايل برا دانلود باشه .
حالا دوستانی که می خواهند به عکس خود لینک دهند باید به جای نوشتن متن از تگ img به صورت زیر استفاده کنند .
<a target="_blank" title="tozih"href="Link Adress"><imgborder="0"src="Picture Adress" width="450"height="320"></a>
شما باید نشمانی عکس را به جایPicture Adress قرار دهید
میان کد border اندازه حاشیه اطراف عکس را مشخص می کند . width عرض عکس و height طول عکس را بر حسب پیکسل را مشخص میکنند .
<a target="_blank" title="طراحی قالب اختصاصی برای شما" href="http://www.learnt.ir"><imgborder="0"src="http://www.learnt.ir/logo.gif"width="100"height="75"></a>
فقط توجه کنید که تمام مطالب که با رنگ آبی مشخص شده اند باید داخل علامت "نقل قول" باشد زیرا این توضیحات به صورت رشته میباشند
