آموزش کامل لینک دادن (تگ <a>)

دسته بندی: آموزش
زمان مطالعه: 2 دقیقه
۱۴ مهر ۱۳۸۷

:: تو پست‌های اخیر مربوط به آموزش Html ، بیشتر به کلیات پرداختیم . حالا از این به بعد هر پست رو اختصاص می‌دیم به آموزش کامل یک یا چندتا از تگهای Html . امیدوارم که مفید باشه .

:: لینک چیست؟

توی دنیای اینترنت فایل‌ها و صفحات بیشماری از سایت‌های مختلف وجود داره . برای ارتباط بین این صفحات و فایل‌ها ، مسلما یک رابط مورد نیازه . لینک در اینترنت این وظیفه رو بر عهده داره . لینکهای موجود در صفحات مختلف ارتباط بین صفحات و فایل‌های بیشماری رو که در فضای وب موجود هستند برقرار می‌کنن . درست مثل این لینک که با کلیک روی اون به یک صفحه ی دیگه منتقل میشید .

:: تگ لینک دادن

توی ادیتورهای مختلف برای قرار دادن لینک معمولا دکمه ای به شکل زنجیر یا کره زمین ( ) وجود داره ، که با کلیک روی اون و وارد کردن اسم لینک و آدرس اون لینکتون ایجاد میشه . برای اینکه یه کم دقیقتر و عمیقا متوجه بشید که چه چیزی لینک رو بوجود میاره بهتره که با کد لینک دادن آشنا بشید .

ساده‌ترین کد لینک دادن به شکل زیره :

<a href="URL">Link Name</a>

به جای Link Name اسم لینک و به جای URL آدرس لینک رو قرار می‌دید . به طور مثال کد زیر یک لینک با نام 7Learn.com و آدرس www.7Learn.com بوجود میاره . نمایش کد رو در سمت راست کد می‌بینید .

<a href="https://7learn.com/">7Learn.com</a> 7Learn.com

:: باز شدن لینک در پنجره ی جدید :

اگر بخواید که لینکتون در پنجره ی جدیدی باز بشه باید یه میانکد "target="_blank به کد لینکتون اضافه کنید :

<a target="_blank" href="https://7learn.com/">7Learn.com</a> 7Learn.com

البتهمقادیر دیگه ای مثل self ، top  ،  parent برای ویژگی target وجود دارند که مربوط می‌شن به کار با فریم‌ها و زیرپنجره‌ها که سعی می‌کنم در پست‌های آینده توضیح بدم .

:: نمایش توضیح با رفتن موس روی لینک :

:: حتما دیدید که روی بعضی از لینک‌ها که میرید یه توضیحی در مورد لینک ظاهر میشه . برای اینکه وقتی روی لینک میرید یه توضیحی در مورد اون ظاهر بشه باید یه میانکد "title="Description به کد لینک اضافه کنید . که به جای Description باید توضیح لینکتون رو بنویسید . می‌تونید موس رو روی لینک سمت راست کد در زیر نگه دارید تا توضیح لینکو ببینید :

<a title="Description" href="https://7learn.com/">7Learn.com</a> 7Learn.com

موفق باشید .

چه امتیازی به این مقاله می دید؟
نویسنده لقمان آوند
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

نظرات کاربران

نیلوفر

سلام . من کاردانی کامپیوتر دارم و خیلی به طراحی وب علاقه دارم . راهی هست که بشه مستقیما به خود شما ایمیل بدم ؟

لقمان آوند

ایمیل بنده : [email protected]
در عین حال سوالاتتون رو می تونید در انجمن سایت مطرح کنید .

reza

سلام و خسته نباشید
ببخشید یه سوال داشتم
من یه کد دارم اینطوریه :

که داخل یه صفحه پی اچ پی هست که وقتی رووش کلیک میکنم میره به فایل ادمین از همون فولدری که هست ولی من میخوام وقتی رومش کلیک میشه بره به یه سایت دیگه کلا.
چه تغییری باید بدم ؟ هرکاری میکنم فایده نداره انگار 🙁

لقمان آوند

لطفا سوالتون رو دقیقتر در انجمن سایت مطرح کنید .
متشکرم

hammermate

ببخشید می خواستم بدونم که چرا تگ a در وردپرس کار نمی کنه؟

ولی این که در php کار می کند.

لقمان آوند

سلام
یعنی چی در وردپرس کار نمی کنه ؟ چطور استفاه می کنید ؟

مهرشاد

سلام .سایت خوبی دارین
مثلا من بخوام با کلیک بر روی یک حرف مثلا —اینجا—- برم تو این لینک چیکار کنم ؟
http://wdl.persiangig.com/pages/download/?dl=http://mehrshad111.persiangig.com/C_Aliens%20Colonial%20Marines.rar

لقمان آوند

این کدشه :

 &lt;a href=&quot;http://wdl.persiangig.com/pages/download/?dl=http://mehrshad111.persiangig.com/C_Aliens%20Colonial%20Marines.rar&quot;&gt;اینجا&lt;/a&gt;
punisherhadi

سلام … من 5 تا عکس رو بهشون لینک دادم و دقیقا هم زیر هم قرار دارن … میخام رو این عکسا وقتی کلیک میشه هر کدوم تو یه صفحع جدا باز شه … از target blank برا همشون استفاده کردم و در صفحه جدا باز میشه … اما نمیشه همزمان همه رو دید ینی مثلا یکیشو که کلیک میکنیم تو صفحه جدید باز میشه اما بعدی رو که کلیک میکنیم روی همون “صفحه ی جدیدقبلی” باز میشه … ینی نمیشه همزمان 5 تا رو باز کنم و ببینم … مشکل کجاس؟؟؟ چه کنم ؟؟؟ ❓ 😳 😳 😳

لقمان آوند

آقا هادی لطفا سوالاتت رو توی انجمن مطرح کن . اونجا مشکلتو کامل توضیح بده کدت رو هم بده جواب میدیم .
ممنون و موفق باشی

مهدی

سلام خسته نباشید چطور میشه درHTML یک لینک گذاشت که به صورت PDF باز بشه یا دانلود بشه ممنون میشم اگه جوابمو بدید پروژه فوری

سجاد دریس

سلام.
این آموزشو بخون

معظمي افشار

باسلام
احتراما به استحضار میرساند، اینجانب دارای وبلاگی با نام :
http://piping-pipe.blogfa.com میباشم ولی نمیتوانم کد لینک بسازم
2- اگرمیتوانید یکسری کد لینک برایم ارسال کنید
3- ممکن است برایتان مرا راهنمائی کنید چگونه میتوانم مانند شما عکس خود را در هنگام سرچ گوگل کنار آدرسم بیاورم؟
با سپاس فراوان مؤید باشید.
[email protected]

معظمي افشار

سلام
منظورم اینست که در زمانی که در گوگل سرچ میکنیم هنگامی که نام سایت می آید عکس هم در کنارش باشد.
مانند همین سایت که عکس شما در هنگام سرچ گوگل کنارش است.
ممنونم

لقمان آوند

خوب لینک دومی که دادم همینو آموزش می داد . من خودم از اون استفاده کردم .

معظمي افشار

لقمان آوند‏ ? (۱۹ مهر ۱۳۹۱ ساعت ۱۰:۴۸ ب.ظ )
خوب لینک دومی که دادم همینو آموزش می داد . من خودم از اون استفاده کردم .
با سلام
با تشکر از توضیحات مفیدتان
اگر ممکن است لینک دوم را به آدرسم ایمیل کنید.
بسیار سپاسگذارم مؤید باشید
[email protected]

لقمان آوند

ای بابا … خوب روش کلیک کن دیگه .
اینم آدرسش :
http://www.mybloggertricks.com/2012/02/solution-to-why-your-profile-picture.html

jafar1374

البته فکر کنم برا وقتی که بخوایم تبلیغات انجام بدیم لازم باشه درسته ؟

لقمان آوند

سلام
خیر ضروری نیست . فقط باعث میشه روبوت های جستجو اون لینک رو دنبال نکنند . برش دارید .

ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :