آموزش لینک کردن عکس در html

در برخی از مواقع، ممکن است بخواهید پیوندها را درون پاراگراف‌ها جای دهید یا یک تصویر را به یک پیوند تبدیل کنید. اما چگونه می‌توانید این کارها را در HTML انجام دهید؟

در این مقاله، به شما نشان خواهم داد چگونه پیوندها را درون پاراگراف‌ها جای داده و چگونه یک تصویر را با استفاده از نمونه‌های کد به یک پیوند تبدیل کنید.

چگونگی جای دادن تگ‌های لینک داخل تگ‌های پاراگراف

اگر بخواهید لینک‌ها را درون پاراگراف‌های خود قرار دهید، می‌توانید تگ‌های انکور (anchor) را درون تگ‌های پاراگراف قرار دهید.

در این مثال اول، متن "I love freeCodeCamp" را داریم.

<p>I love freeCodeCamp</p>

اگر بخواهم کلمه freeCodeCamp را به یک لینک تبدیل کنم، آن را درون یک ست آنکور قرار می‌دهم.

<p>I love <a href=&quothttps://www.freecodecamp.org/&quot>freeCodeCamp</a></p>

همچنین می‌توانیم ویژگی target="_blank" را اضافه کنیم تا این لینک در یک تب جدید باز شود.

<p>I love <a target=&quot_blank&quot href=&quothttps://www.freecodecamp.org/&quot>freeCodeCamp</a></p>

زمانی که ماوس خود را روی کلمه freeCodeCamp حرکت دهید، متوجه می‌شوید که این یک لینک است که اکنون می‌توانید بر روی آن کلیک کنید و به وب‌سایت منتقل شوید.

منبع: وم پاور - آموزش لینک کردن عکس‌ در HTML