campaign-edianeh-98

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



visibility  
mode_comment   ۵۹

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

:: لینک چیست ؟

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

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

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

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

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

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

<a href="http://www.7Learn.com/">7Learn.com</a> 7Learn.com

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

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

<a target="_blank" href="http://www.7Learn.com/">7Learn.com</a> 7Learn.com

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

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

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

<a title="Description" href="http://www.7Learn.com/">7Learn.com</a> 7Learn.com

موفق باشید .

متخصص جاوا اسکریپت
با جاوا اسکریپت جادوگری کنید! آیا می دونید با زبان جاوااسکریپت می تونید، برای فرانت اند و بک اند وبسایت ها برنامه نویسی کنید؟ همینطور اپلیکیشن دسکتاپ و موبایل بسازید؟ اگر دوست داری اینکارها رو انجام بدی و React, ElectronJS, ReactNative, NodeJS,MongoDB و ... رو تو یه دوره یاد بگیری، متخصص جاوااسکریپت سون لرن رو حتما ببین : متخصص جاوا اسکریپت arrow_back
comment دیدگاه کاربران
مجتبی

سلام اقای اوند میشه درباره این منو سمت چپ سایتت با عنوان اشتراک فید توضیح بدی خیلی واسم جالب بود که از این طریق تونستم ار اس اس سایتت رو وارد صفحه ای گوگل خودم بکنم ممنون میشم توضیح بدی
لقمان آوند :
آقا مجتبی این یک افزونه (پلاگین) برای سیستم وردپس هست که یه منو باز شو و لیستی از دکمه های اشتراک فید در اختیار شما قرار میده .

مدیر

با سلام
اگر ما را قابل می دونید با ما تبادل لینکی انجام دهید
خیلی ممنون

کرد پرس

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

مجتبی

یعنی نمیشه با سیستم دیتالایف همچین چیزی داشت؟

sirwanstudio

سلام آقا لقمان خشته نباشید.من یک راه حل خوب و پیشنهادات خوب برای بالابردن امار می خواهم لگه رهنماییم کنید ممنون موفق باشید ارزومند ارزوهات راستی یک قالب جدید رو بلاگم نصب کردم اگه می تونید یک نگاهی بکنید و مشکلات و یا نظر خودتون رو مطرح کنید

یه دوست

سلام
چگونه میتوان روی عکس و فایل فلش لینک گذاشت؟

zagros

چگونه میتوان روی عکس و فایل فلش لینک گذاشت؟

MOHSEN

چطور من در وبلاگم لینک دانلود بگذارم ممنون خیل واجبه ایمیل بزنید اگه زحمت نیست .

لقمان آوند : سلام آقا محسن
این پست که کاملا آموزش لینک دادن رو توضیح داده . حالا شما به عنوان مقدار ویژگی href آدرس فایل دانلودی رو بزارید . مثلا اگر آدرس فایلی که می خواد دانلود بشه url باشه کد به شکل زیر در میاد :

<a href="url">Download</a>

که نمایش این کد به شکل زیره :
Download

البته تو ادیتور و یا همون ویرایشگری که توی وبلاگت پست ها رو توش می نویسی یه دکمه مخصوص لینک دادن وجود داره . از اون استفاده کن . معمولا آیکون این دکمه یه زنجیره یا یه کره ی زمین .

امیر

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

لقمان آوند : سلام
بله ، باید از جاوا اسکریپت استفاده کنی . مثل کد زیر :

<a target="_blank" href="http://www.7learn.com/" onclick="location.replace('http://www.google.com');">LinkName</a>

لینک 7Learn توی صفحه ی جدید باز میشه و گوگل توی همون صفحه !

امین

سلام دوست عزیز.
سایت خوبی داری بهت تبریک میگم.اگه تمایل به تبادل لینک داری بهم خبر بده.یه سر به وبلاگ من بزن.

www.amin10uri.blogsky.com

امیر

واقعا خیلی ممنون .
من شما را با افتخار لینک میکنم اما با چه نامی.
شما هم مرا با نام دانلود بازی سگا لینک کنید.

ایرج

سلام عید شما هم مبارک من می خوام صفحه ای را که لینک می کنم تو خود صفحه سایتم باز بشه یعنی زیر لگوی سایت خودم چکار باید بکنمممنونم از راهنمائیتون

ایرج

سلام برای سوال قبلی منو راهنمایی نکردین ؟منظورم اینه که مثلا فرمی که در یک سایت دیگه هست و بازدید کننده من می خواد اون فرم پر کنه می خوام که اون فرم تو صفحه سایت خودم با شه نه بره تو سایت طرف

arwen

سلام از مطالب خوبتون ممنون. یه سوالی داشتم. آیا ممکنه یه وبلاگ دو تا مدیر داشته باشه؟ میشه کدش رو برامون بذارید؟یا برای ساختن یه کاربر توی وبلاگ با کلمه و رمز عبور مخصوص کدی وجود داره؟لطفا راهنمایی کنید.بازم ممنون.
————————————————
پاسخ نویسنده(حمزه فیضیان):
درود دوست عزیز. برای اینکه وبلاگ گروهی داشته باشید خیلی راحت میشه انجامش داد. نیاز به کد خاصی نداره چون خود سرویس دهنده ها مثل بلاگفا و پرشین گیگ و … این سیستم رو براحتی در اختیار کاربرا قرار دادن. کافیه که شما به سیستم وبلاگ دهی سر بزنید و در قسمت راهنمای اون سایت آموزش این کار رو مطالعه کنید.
موفق باشید

رضا

با سلام
چگونه اسکریپتهارا برای نمایش به دیگران در وبلاگم بگزارم صفحه آنها را قبول نمیکند

طراحی وب سایت

با سلام
از مطالب خوبتون واقعآ ممنونم:)
موفق باشید…

a.s

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

جواد

سلام سایت خیلی آموزنده ای دارید،میشه بگید چه طوری در وبلاگم یک فایلrarرا برای دانود بگذارم؟
ازتون خیلی ممنون میشم.
————————————
پاسخ نویسنده(حمزه فیضیان):
درود بر شما دوست عزیز فایلتون رو در پرشین گیگ که بهترین میزبان اپلود رایگان هست میتونید آپلود کنید برای اینکار به آدرس:
http://www.persiangig.com
مراجعه کنید و اگه میخواید در سایتهای راپیدشر و دیگر سایتها مثل ما و دیگر سایتها آپلود کنید به این لینک مراجعه کنید:
به این آدرسها مراجعه کنید:
www.rapidshare.com
www.mediafire.com
و….
سایتهای دیگر…
موفق باشید…

adelina

sسلام.مطالبتون خیلی خوبه..امیدوارم همیشه موفق باشین

akbar

salam ostade gerami man to web logam moshkeli daram . moghe ke mikhaye linke downloado bezaree ye gozine be esmi onwan hast ye gozine bara linke doroste man faghat mikham be jayee onwan aks bezaram yani moghe dar weblog negah mikoni be jayee naweshte dL aksesh bashe mamnon

لقمان آوند : سلام
باید از تگ عکس دادن به جای نوشته ی عنوان استفاده کنی .
یعنی تگ img .

اکبر

salam ostade arjmand man taze karam khodayesh aslan nafahmidam khaili dombale matlab gashtam to webloghaye aamozeshi wali nafahmidam baadesh tasmim gerftam dobare mozahem besham soalam ine ostade aziz hamonjayee ke naweshte onwan hamonja tago wared konam ya dar ghaleb age zahmat nist on tago baram ersal konid ya towzeh daheed
jahane sepas ostade gerami

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

محمد

سلام.در بعضی سایتها اگر توجه کرده باشید عکس قرار میدن وقتی ماوس روی عکس میره اون عکس مثل توضیح لینک که فرمودید در یک کادر بزرگتر نمایش داده میشه.این به چه شکل انجام میشه.یعنی یک عکس کوچیک قرار بدی ماوس که روی عکس اومد بدون اینکه کلیک کنی روی عکس یک کادری باز بشه وعکس رو یک مقدار بزرگتر نمایش بده حالا یک توضیحی هم بشه به این کادر اضافه کرد که چه بهتر .ممنون از راهنمائیتون

اکبر

salam ostade gerami bebakhshid mozahem misham man 2 ta weblog behet midam negah konid ghesmate downloado negah konid az man sade hast az in weblog akse ro akse clik konim mire download ……. faghat man mikham mesli in beshe wa shoma dar towzih ghabli goftin az tage img estefade konam az tage img dar kojaye weblogam estefade konam dar ghesmate naweshte onwan ya dar ghaleb wa on tagro age zahmat nist baram bedin …. ostad bebakhshid taze karm khaili bebakhshid… rastee in adressara negah konid in webloge mane http://13ist.blogfa.com inam ye webloge ke ghesmate downloadesho migam male manm injoree beshe http://iranianoldmusics.blogfa.com

لقمان آوند : سلام
ببین آقا اکبر . این کد لینک دادن به یک عکس هست :

<a href="LinkAddress" ><img src="ImageAddress"></a>

به جای LinkAddress آدرس فایل دانلودی و به جای ImageَAddress آدرس عکس رو بزار .
این کد رو در قسمت کد یا Html جایی که می خوای پست بفرستی باید بزاری اگه می خوای توی پست هات چنین لینکی داشته باشی .
ولی معمولا تو همون ویرایشگری که می خوای پست بفرستی گزینه هایی برای قرار دادن عکس و تصویر هست که می تونی از اونها استفاده کنی !

اکبر

salam ostad gerami aghayee loghman aziz babate tage ke baram zahmat keshidin yadam dadin yak donya sepasgozaram dast bos shoma akbar heydare

ایرج 2

سلام دوست عزیز خوشحال میشم باهاتون تبادل لینک کنم اگه دوست داشتین لطفا به من خبر بدید

akbar

salam ostade gerami omdvaram haleton khob bashe man mikhastam bedonam chi jor mishe zire har post bar chasb gozasht mesle hamin ke shoma zire har poste ton barchasb gozashtin .. migan barchasb zadan amaare weblogo mibare bala mamnon wa tashakor az zahamate bi nahayate shoma

baviran

با سلام و خسته نباشید و دستتان درد نکند به خاطر مطالب آموزنده ، بنده یک سوالی داشتم، آیا در صفحات html می توان این امکان را قرار داد که فقط با یک کد هر صفحه به صفحه قبلی خودش برگشت داده شود. تا مجبور نشیم تمامی صفحات را یکی یکی به صفحات قبلی خودشان لینک بدهیم . در حالت آفلاین . (فقط با کدهای html و یا css) ممنون میشم اگر راهنمایی بکنید .

مهدی

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

sina

سلام
دستتون درد نکنه
سایت بسیار زیبایی دارین

محمد جواد

سلام.می خواستم بدونم اون کدی رو که آخر این مطلب گذاشتی رو باید کجای کد یه مطلب بزارم.

رهرا

سلام
دستتون درد نکنه مطالب سایتتون خیلی مفیده!

سفیر

ممنون دوست عزیز / مشکلم رو حل کردید

بهار

سلام و خسته نباشید

سوالم اینه…چطوری میتونم لینکی رو بذارم در صفحه وبلاگ یا انجمن که دیگران بتونن من رو در یاهو مسنجر اد کنند.( و آنلاین بودن و افلاین بودنم را نشان بده )

لقمان آوند

سلام
این مطلب رو بخونید .

جعفر

سلام

چطوری به عکس در سایدبار ، لینک بدیم؟ 🙄

میلاد حیدری

از این کد استفاده نمائید :

در Your Address آدرس جائی را وارد کنید که میخواهید لینک شود و در بخش address name یک نام بنویسد (دلخوه) و در قسمت your image آدرس تصویر خود را وارد نمائید همه مقادیر برای داخل دابل کوتیشن باشند.

جعفر

ببخشید من اینجا کدی نمی بینم 💡

لقمان آوند

کد در نظر قبلی اضافه شد

جعفر

ممنون

nofollow حتما لازمه که اضافه بشه؟

لقمان آوند

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

jafar1374

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

معظمي افشار

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

لقمان آوند
معظمي افشار

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

لقمان آوند

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

معظمي افشار

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

لقمان آوند

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

مهدی

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

سجاد دریس

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

punisherhadi

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

لقمان آوند

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

مهرشاد

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

لقمان آوند

این کدشه :

hammermate

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

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

لقمان آوند

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

reza

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

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

لقمان آوند

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

نیلوفر

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

لقمان آوند

ایمیل بنده : avand.loghman@gmail.com
در عین حال سوالاتتون رو می تونید در انجمن سایت مطرح کنید .

add_circle ارسال دیدگاه

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