نحوه راه اندازی گوشی های هوشمند و رایانه های شخصی. پرتال اطلاعاتی
  • خانه
  • ویندوز فون
  • چگونه یک هایپرلینک در HTML وارد کنیم؟ ایجاد و استفاده از هایپرلینک در HTML. هایپرلینک چیست و چگونه آن را در VK، Word، Presentation، Excel، html ایجاد کنیم

چگونه یک هایپرلینک در HTML وارد کنیم؟ ایجاد و استفاده از هایپرلینک در HTML. هایپرلینک چیست و چگونه آن را در VK، Word، Presentation، Excel، html ایجاد کنیم

سلام، بازدیدکنندگان گرامی!

در این مقاله به شما نشان خواهم داد که چگونه می توانید یک لینک به یک وب سایت در قالب یک لینک ساده، یک تصویر و همچنین یک دکمه اضافه کنید که می توانید طراحی خود را با استفاده از سبک های CSS تنظیم کنید. هر 3 گزینه اغلب مورد استفاده قرار می گیرند و هنگام استفاده توسط بازدیدکنندگان تأثیر بسیار خوبی دارند.

بیایید از ساده ترین ها شروع کنیم و به پیچیده برسیم.

پیوند منظم و هایپرلینک

http://site/poleznoe/kak-sdelat-ssylku-na-sait.html

http: //site/poleznoe/kak-sdelat-ssylku-na-sait.html

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

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

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

اینجا کلیک کنید

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

اگر یک وب سایت ساده دارید که با HTML ساخته شده است، باید دقیقاً این کد را در ویرایشگر صفحه بنویسید و آدرس من را به شما تغییر دهید و لنگر خود را مشخص کنید. شبیه این خواهد شد.

داخل تگ لینک همچنین یک ویژگی برای باز کردن صفحه در یک تب جدید وجود دارد.

هدف = "_blank"

این نیز بسیار مهم است، توصیه می شود بازدید کننده را از منبع بیرون ندهید، بلکه او را ترک کنید. با استفاده از این ویژگی، اطمینان حاصل می کنید که بازدیدکننده با کلیک بر روی لینک های زیادی در یک صفحه، لینک فعلی را ترک نمی کند، اما در عین حال بسیاری از صفحات دیگر را باز می کند. این مهم است اگر شما یک وب سایت را تبلیغ می کنید.

می‌توانید یک ویژگی عنوان به پیوند اضافه کنید، که یک برچسب عنوان است و به موتورهای جستجو اجازه می‌دهد بدانند پیوند به کجا منتهی می‌شود. همچنین این تگ (در صورت ثبت نام) زمانی نمایش داده می شود که به لینکی به شکل راهنمای ابزار اشاره کنیم.


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

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

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

  1. ابتدا عبارتی را انتخاب کنید که می خواهید پیوند ایجاد کنید.
  2. روی نماد افزودن اتصال کلیک کنید.
  3. ما پارامترهای پیوند را تنظیم می کنیم (آدرس صفحه ای که می خواهید کاربر را در آن تغییر مسیر دهید، و همچنین عنوان پیوند، یعنی لنگر، در صورت لزوم).

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

URL را می توان در یک سایت خارجی نیز وارد کرد. در صورت لزوم، آدرس کامل (مطلق) صفحه را وارد کنید. برای باز کردن یک صفحه در یک تب جدید، نیازی به وارد کردن دستی ویژگی نیست. موتور این گزینه را با استفاده از یک چک باکس ارائه می دهد (تصویر بالا را ببینید).

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

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

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

لینک عکس

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

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

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

در عمل به این شکل خواهد بود.

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

در اینجا به شکلی است که در حالت html به نظر می رسد. من کد را به 3 قسمت تقسیم کردم تا ساختار پیوند قابل درک تر باشد (تصویر قابل کلیک).

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

دکمه پیوند با استفاده از سبک های CSS

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

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

به عنوان مثال، من یک دکمه ساده ایجاد کردم که به صفحه اصلی سایت منتهی می شود. می توانید عملکرد آن را بررسی کنید.

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

در اینجا خود ساختار دکمه است.

ما بلافاصله پس از باز کردن برچسب پیوند مشاهده می کنیم id="button" مشخص شده است که سبک های طراحی خود را به آن اختصاص می دهد. بقیه ساختار مشابه هایپرلینک است.

اصل واضح است، بنابراین من سبک هایی را که به این دکمه پیوند اضافه کرده ام ارائه می کنم.

/* سبک های دکمه در حالت عادی */#button ( نمایش: بلوک؛ عرض: 550 پیکسل؛ /* عرض دکمه */ارتفاع: 60 پیکسل؛ /* ارتفاع */رنگ پس زمینه: #ff4343؛ /* رنگ پس زمینه */متن- سایه: 1 پیکسل 1 پیکسل #800909؛ /* سایه متن */رنگ: #fff؛ /* رنگ متن */سبک حاشیه: جامد؛ /* حاشیه دکمه (فریم) نوع خط */عرض حاشیه: 1 پیکسل؛ /* ضخامت خط مرزی (قاب) دکمه */border-color: #db3a3a؛ /* رنگ خط مرزی (قاب) دکمه */font-size: 18px؛ /* اندازه متن */line-height: 60px; /* ارتفاع متن خطی * /وزن فونت: عادی؛ /* وزن متن */خانواده قلم: آریال؛ /* نوع قلم */تراز متن: مرکز؛ /* تراز متن */تزیین متن: هیچکدام؛ / * زیر خط متن */margin : 40px خودکار؛ /* دکمه را از عناصر دیگر در صفحه فرورفته */text-transform: بزرگ؛ /* به طوری که همه حروف بزرگ شوند. اگر لازم نیست، خط */) /* را حذف کنید. سبک‌های دکمه هنگام نگه‌داشتن مکان‌نمای ماوس */# دکمه: شناور (رنگ پس‌زمینه: #f23333؛ اندازه قلم: 19 پیکسل؛ )

هایپرلینک ها مدت هاست که برای متن راحت و آموزنده اختراع شده اند. به این ترتیب، گیرنده سند شما می تواند بلافاصله به بخش مورد نظر، به یک وب سایت یا دایرکتوری رایانه خاص برود. حتی می‌توانید سند دیگری را در یک هایپرلینک قرار دهید، اگر مکان دقیق آن را بدانید. این مقاله نگاهی دقیق به درج لینک ها در ویرایشگر متن Microsoft Office Word خواهد داشت.

چگونه یک هایپرلینک در Word به سرعت ایجاد کنیم

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

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


نحوه ویرایش هایپرلینک در Word

  • برای اینکه به یک هایپرلینک ظاهر متفاوتی بدهید، باید روی آن کلیک راست کرده و «Edit hyperlink» را انتخاب کنید.


  • یک پنجره ویرایشگر در مقابل شما باز می شود. در بالا، در ستون "متن"، نام لینک نمایش داده می شود که برای هر کسی که می خواند قابل مشاهده است، و در ستون "آدرس" پایین، باید سایتی را که هایپرلینک به آن منتهی می شود مشخص کنید.
  • پس از تغییر، روی "ok" کلیک کنید.



نحوه ایجاد هایپرلینک به فایل ها و پوشه ها در Word

با این حال، لازم نیست وارد سایت شوید، بلکه دایرکتوری مورد نظر را در ستون "Folder" که در بالا قرار دارد انتخاب کنید. پس از آن، می توانید تغییراتی را اعمال کنید تا با کلیک بر روی یک لینک، کل پوشه باز شود یا می توانید روی فایل ها و اجزای آن کلیک کنید تا آنها فراخوانی شوند.

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


نحوه ایجاد یک لینک در Word: یک گزینه جایگزین

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


پس از آن، به بخش "Insert" در هدر برنامه بروید و مورد "Hyperlink" را در آن پیدا کنید. روی آن کلیک کنید.


منویی که قبلاً با آن آشنا هستید را مشاهده خواهید کرد. تنها چیزی که باقی می ماند این است که تنظیمات سایت یا مسیر پوشه ها و فایل ها را پیکربندی کنید.

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


  • لینک را برجسته کنید،
  • برای نمایش منو کلیک راست کنید
  • و سپس در منوی ظاهر شده روی «Copy» کلیک چپ کنید:

ما در گروه "سواد رایانه" به Subscribe.ru برمی گردیم. در اینجا در نظرات باید متن بنویسید یا پیوندی مانند http://..... درج کنید که در این صورت به عنوان متن معمولی تلقی می شود. این متن را انتخاب کنید (همانطور که در زیر نشان داده شده است)، و نماد "زنجیره" (که به رنگ قرمز در تصویر مشخص شده است) "فعال" می شود:

روی نماد "زنجیره" کلیک چپ کنید. این پنجره "افزودن/ویرایش پیوند" را باز می کند. در اینجا، در پنجره «آدرس پیوند»، باید آدرس پیوند کپی شده قبلی را که از قبل در کلیپ بورد وجود دارد، وارد کنید. برای این کار می توانید کلیک راست کرده و در منوی ظاهر شده روی گزینه Paste کلیک کنید. در پنجره "باز کردن در ..." بهتر است آن را روی "پنجره جدید" تنظیم کنید.

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

  • لینک را برجسته کنید،
  • برای نمایش منو کلیک راست کنید
  • و سپس در منوی ظاهر شده روی «Copy» کلیک چپ کنید:

ما در گروه "سواد رایانه" به Subscribe.ru برمی گردیم. در اینجا در نظرات باید متن بنویسید یا پیوندی مانند http://..... درج کنید که در این صورت به عنوان متن معمولی تلقی می شود. این متن را انتخاب کنید (همانطور که در زیر نشان داده شده است)، و نماد "زنجیره" (که به رنگ قرمز در تصویر مشخص شده است) "فعال" می شود:

روی نماد "زنجیره" کلیک چپ کنید. این پنجره "افزودن/ویرایش پیوند" را باز می کند. در اینجا، در پنجره «آدرس پیوند»، باید آدرس پیوند کپی شده قبلی را که از قبل در کلیپ بورد وجود دارد، وارد کنید. برای این کار می توانید کلیک راست کرده و در منوی ظاهر شده روی گزینه Paste کلیک کنید. در پنجره "باز کردن در ..." بهتر است آن را روی "پنجره جدید" تنظیم کنید.

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

سلام به همه. هر یک از ما با پیوندهایی در صفحات وب سایت در اینترنت مواجه شده ایم. آیا می دانید چگونه یک هایپرلینک در یک سند Word ایجاد کنید؟ در واقع، لینک ها را می توان در هر برنامه مایکروسافت آفیس ایجاد کرد: PowerPoint، Excel و Word.

هایپرلینک چیست؟

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

نحوه ایجاد لینک به عنوان نشانک

  1. سند خود را باز کنید و جمله ای را که می خواهید نشانه گذاری کنید پیدا کنید.
  2. مکان نما را در سمت چپ ابتدای خط قرار دهید.
  3. تب Insert را باز کنید. مورد "پیوندها" را پیدا کنید. روی فلش رو به پایین کلیک کنید و Bookmark را انتخاب کنید.
  4. اکنون تنظیمات زیر را در پنجره نشانک ها انجام دهید.
    • نام نشانک را بنویسید. نشانک به جایی که مکان نما در سند است منتهی می شود. اگر نیاز به علامت گذاری خط دیگری دارید، روی دکمه "لغو" کلیک کنید و مکان نما را در محل مورد نظر قرار دهید.
    • اگر می‌خواهید نشانک‌هایتان پنهان شوند، کادر مربوطه را علامت بزنید.
    • روی دکمه "افزودن" کلیک کنید و نشانک به این مکان پیوند می یابد.
    • سند را ذخیره کنید؛ اگر این کار را نکنید، Word نمی‌داند نشانک‌های شما در کجا قرار دارند.
  5. بیایید یک پیوند به نشانک ایجاد کنیم.
    • در ابتدای سند، مکان نما را در جایی قرار دهید که محتوا ساخته می شود.
    • یک نام بگذارید و با نگه داشتن دکمه سمت چپ ماوس آن را انتخاب کنید.
    • اکنون تب "Insert" را باز کنید، آیتم "Links" را پیدا کنید و آیتم "Hyperlink" را انتخاب کنید.
    • در قسمت Link To، Location in Document را انتخاب کنید. لیستی از تمام نشانک ها را در سند فعلی خواهید دید.
    • پس از انتخاب نشانک مورد نظر، تنها کاری که باید انجام دهید این است که روی OK کلیک کنید و کلمات برجسته شده به یک لینک تبدیل می شوند.

چگونه یک لینک به یک سند در رایانه خود ایجاد کنید

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

با کلیک بر روی دکمه "Hint" می توانید متنی را وارد کنید که وقتی مکان نما روی هایپرلینک قرار دارد نمایش داده می شود.

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


ویدئو: چگونه در Word یک لینک ایجاد کنیم؟

بهترین مقالات در این زمینه