illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

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

31348 ۱۴ مهر ۸۷

:: تو پست های اخیر مربوط به آموزش 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

موفق باشید .

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 59 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏
    نیلوفر(۱۷ خرداد ۱۳۹۲)

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

    • ‏‏
      لقمان آوند(۱۷ خرداد ۱۳۹۲)

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

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

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

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram