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

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

سلام به خوانندگان عزیز سایت وبلاگ! همانطور که می دانید برای ارتقای موفقیت آمیز یک سایت و افزایش جایگاه آن در نتایج جستجو، بهینه سازی سئوی سایت با کیفیت بالا ضروری است. مفهوم "" که به نوبه خود به داخلی و خارجی تقسیم می شود، با مفاهیمی مانند "لینک های سایت داخلی و خارجی" پیوند ناگسستنی دارد. بنابراین، برای ما بسیار مهم است که بدانیم چند لینک باید در سایت وجود داشته باشد، چگونه تعداد آنها را بررسی کنیم، چگونه پیوندهای غیر ضروری را از سایت حذف کنیم و آنها را از فهرست بندی ببندیم، چگونه حجم پیوند را ایجاد کنیم و غیره. برای پاسخ به همه این سؤالات و سؤالات دیگر در مورد پیوندهای داخلی و خارجی، اجازه دهید ابتدا بفهمیم پیوند (یا هایپرلینک) در HTML چیست.

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

لینک چیست (هایپرلینک).

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

نحوه ایجاد لینک (هایپرلینک) در HTML در وب سایت.

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

در اینجا، URL آدرس سندی است که باید به آن بروید. و متن هایپرلینک که بین تگ ها قرار دارد و، لنگر لینک نامیده می شود و برای بازدید کننده صفحه وب قابل مشاهده است. علاوه بر این واقعیت که متن پیوند (لنگر) به خواننده اطلاع می‌دهد که انتقال در کجا انجام می‌شود، همچنان در بهینه‌سازی موتورهای جستجو (SEO) بسیار مهم است، زیرا به عنوان یکی از عوامل تعیین‌کننده مؤثر بر رتبه‌بندی عمل می‌کند. سایت شما برای کلمات کلیدی موجود در این لنگر. به طور معمول به این نوع رتبه بندی، رتبه بندی لینک می گویند.

لینک مطلق

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

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

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

به عنوان مثال، من به شما نشان خواهم داد که پیوند فایل نسبت به ریشه سایت چگونه به نظر می رسد (فقط همه چیز را در سمت چپ اسلش سوم در همان پیوند مطلق قطع کنید):

پیوند نسبی

به اصلی

متن پیوند (لنگر)

رنگ ها و ظاهر متن پاپ آپ فقط به تنظیمات سیستم عامل و مرورگر بستگی دارد.

نحوه باز کردن لینک در یک پنجره جدید

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

ویژگی هدف تگ به ما کمک می کند تا پیوند را در یک پنجره جدید باز کنیم. ... پیش‌فرض روی _self است که معمولاً نوشته نمی‌شود. برای باز کردن سند در یک پنجره جدید، مقدار مشخصه target را به _blank تغییر دهید:

1 <a href = "http: // site" target = "_blank">پنجره جدید</ a>

پنجره جدید

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

نحوه پیوند دادن به ایمیل (آدرس ایمیل).

با کلیک بر روی این لینک، برنامه پیش فرض ایمیل باز می شود، جایی که فیلد "به" از قبل پر شده است. برای پر کردن خودکار موضوع نامه، باید یک پیوند به ایمیلی از نوع زیر ایجاد کنید:

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

چگونه یک عکس را لینک کنیم.

در اینجا ویژگی title یک راهنمای ابزار است و در صورتی که نمایش تصاویر در مرورگر غیرفعال باشد، متن مشخص شده در ویژگی alt (منبع اطلاعات جایگزین) در صفحه ظاهر می شود. اگر ویژگی عنوان در درجه اول برای راحتی خوانندگان باشد، پس از ویژگی alt توسط موتورهای جستجو برای درک آنچه در تصویر نشان داده شده است استفاده می شود. توصیه می شود در این تگ ها کلمات کلیدی را تجویز کنید که اهمیت زیادی در بهینه سازی موتورهای جستجو خواهند داشت. از این گذشته ، هیچ کس جستجو با تصاویر را لغو نکرد.

چگونه یک هایپرلینک (انکر html) در یک صفحه HTML ایجاد کنیم.

در بالا، ما قبلاً نحوه ایجاد پیوند به یک صفحه سایت را در نظر گرفته ایم، داخلی یا خارجی مهم نیست. اما گاهی اوقات، شما باید در همان صفحه وب، هایپرلینک ایجاد کنید. برای چی؟ خوب، به عنوان مثال، به طوری که هنگام خواندن یک متن بسیار طولانی، ما این فرصت را داشته باشیم که به سرعت به هر قسمت از آن بپریم. یا زمانی که در ابتدای مقاله محتوای آن را نقطه به نقطه منتشر کنید به کارتان می آید. سپس با کلیک بر روی مورد مورد نظر بلافاصله به سراغ مطالب مورد نظرتان می روید. چنین انتقال‌هایی با کمک تگ‌های بوکمارک از پیش نصب‌شده در بدنه مقاله، به نام لنگرهای html (لنگر، که نباید با یک انکر متن اشتباه گرفته شود) و پیوندهای هش ویژه انجام می‌شوند.

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

بالا

1 <a href = "javascript: scroll (0,0);" > "aligncenter size-full wp-image-1393"عنوان = "(! LANG: دکمه بالا" src = !} "http: //site/wp-content/uploads/2011/12/Top.jpg" alt = "دکمه بالا"عرض = "100" ارتفاع = "100" />

Dmitry KtoNaNovenkogo روش دیگری را برای تنظیم نشانک ها در متن یک صفحه وب بدون استفاده از لنگرهای html توصیه می کند. برای انجام این کار، از هر تگ HTML موجود در صفحه با اختصاص یک ویژگی id universal به آن، یک نشانک ایجاد می کنیم. به عنوان مثال، بیایید از تگ عنوان h3 نشانک گذاری کنیم:

متن عنوان

مهم است که یک حرف لاتین در ویژگی id به عنوان اولین کاراکتر نام انکر بنویسید، سپس می توانید از هر کاراکتر مجاز دیگری استفاده کنید.

بیایید به عنوان مثال به عنوان "" برگردیم و سپس ادامه دهیم.

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

پیوند متن به html anchor-bookmark

انواع و رنگ هایپرلینک ها در HTML.

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

با استفاده از تگ می توانید رنگ هایپرلینک ها را در یک سند html تغییر دهید و ویژگی های زیر آن:

  • پیوند - رنگ پیوندهای بازدید نشده.
  • Alink - رنگ پیوند فعال.
  • Vlink - رنگ پیوندهای بازدید شده.

تمام ویژگی های فوق را می توان با هم ترکیب کرد:

1 <پیوند بدنه = "# 1122cc" vlink = "# 6611cc" alink = "# d14836">

امیدوارم اکنون روشن شده باشد که چگونه می توان یک هایپرلینک در یک صفحه HTML و به یک ایمیل ایجاد کرد، چگونه یک تصویر را به یک پیوند تبدیل کرد، لنگرهای متنی، لینک های هش و لنگرهای html، تگ های html و ویژگی های پیوند چیست. من تمام تلاشم را کردم تا به تفصیل توضیح دهم که لینک ها در HTML چیست و چیستند. یادآوری می کنم که درج هایپرلینک ها در متن فقط در حالت HTML انجام می شود.

من هرگز چنین مقاله طولانی، بیش از 10000 کاراکتر ننوشته ام. اما این مبحث پیوندها تمام نشده است، ادامه دارد.

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

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

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

روی نماد "زنجیره" کلیک چپ کنید. با این کار پنجره Add / Change Link باز می شود. در اینجا در پنجره "آدرس پیوند" باید آدرس پیوند کپی شده قبلی را که قبلاً در کلیپ بورد است وارد کنید. برای این کار می توانید در منوی کشویی کلیک راست کرده و روی گزینه Paste کلیک کنید. در پنجره "باز کردن در ..." بهتر است "پنجره جدید" را تنظیم کنید.

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

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

پیوند به یک صفحه وب

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

یک لینک لنگر ایجاد کنید

  1. متنی که لینک خواهد بود را انتخاب کنید.
  2. بعدی درج-هایپرلینک

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

مهم! در زمینه ارتباط با:باید نشان داده شود فایل، صفحه وب(تصویر بالا را ببینید).

اگر می‌خواهید وقتی مکان‌نما را روی پیوند می‌کشید، یک نکته توضیحی ظاهر شود، روی دکمه کلیک کنید سرنخو در متن توضیح آدرس انتقال بنویسید. در مثال ما، این می تواند باشد: "موتور جستجوی Yandex".


یک لینک بدون لنگر ایجاد کنید

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

اگر این اتفاق نیفتاد، باید گزینه AutoCorrect را در تنظیمات Word تیک بزنید. برو داخل فایل - گزینه ها - املا - گزینه های تصحیح خودکار... برگه فرمت خودکارهنگام ورود، یک علامت چک در " آدرس های اینترنتی و مسیرهای شبکه"(در تصویر زیر با رنگ قهوه ای مشخص شده است)


هایپرلینک به عنوان تصویر

تصویر مورد نظر را وارد کنید، آن را به اندازه مورد نیاز کاهش دهید، آن را با کلیک ماوس انتخاب کنید و تمام اقدامات مشابهی را که در بالا توضیح داده شد برای درج پیوند لنگر، از مرحله 2 انجام دهید. از نظر بصری، تصویر تغییر نخواهد کرد، اما زمانی که ماوس را نگه دارید مکان نما، پیامی ظاهر می شود: "CTRL را فشار دهید و روی پیوند کلیک کنید".


هایپرلینک به عنوان نشانک

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

نشانک ها را قرار دهید

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

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

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

ایجاد لینک به نشانک ها


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

اینها تکنیک هایی هستند که می توانید هنگام ایجاد پیوند در اسناد متنی استفاده کنید. امیدوارم این اطلاعات برای شما مفید بوده باشد. این مقاله را در رسانه های اجتماعی به اشتراک بگذارید تا دوستانتان بتوانند لینک ها را به درستی در Microsoft Word نیز جاسازی کنند.

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

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

در واقع اینجا بسیار ساده است. اگر بخواهیم طوری بسازیم که وقتی روی آدرس سایت کلیک می کنیم به آن برسیم، فقط باید این آدرس را بنویسیم و کلید فاصله را فشار دهیم. به عنوان مثال، اگر آدرس کامل منبع خود را در سایت https: // بنویسم و ​​کلیک کنم، این کلمه به طور خودکار قابل کلیک می شود، زیرا او پروتکل http: // و انتهای ru را دید. این باعث می شود Word بفهمد که ما در حال ورود به سایت هستیم.

اما اگر سعی کنم یک وب سایت ساده بدون پروتکل بنویسم ، چنین ترفندی شکست نمی خورد ، زیرا اکنون او چیزی نمی فهمد و همه چیز باید به صورت دستی انجام شود. برای درک این موضوع، باید قسمت های کمکی را مشخص کنید، به عنوان مثال، پروتکل (http: //، https: //، ftp: //)، یا در غیر این صورت باید تعلق به اینترنت را با قرار دادن در مقابل نشان دهید. نشانی Www.

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

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

برای این کار کلمه ای که می خواهیم به آن خاصیت کلیک پذیری بدهیم را انتخاب کرده و روی آن کلیک راست می کنیم. در آنجا باید روی کلمه "Hyperlink" کلیک کنید.

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

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

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

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


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

نحوه هایپرلینک کردن به یک سند دیگر

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

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

با احترام، دیمیتری کوستین.

ویژگی اصلی یک سند HTML وجود در آن است هایپرلینک ها(یا فقط پیوندها) به اسناد، سایت ها، فایل ها، تصاویر و غیره دیگر. این توانایی درج پیوند به اشیاء خارج از آن در صفحاتی است که اینترنت را بسیار محبوب و راحت برای استفاده می کند. بنابراین، هنگام ایجاد سایت خود، همیشه "جادوی" پیوندها را به خاطر بسپارید.

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

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


§ 1. پیوند به فایل، پیوند به سایت، پیوند به صفحه

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

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

در مرورگر شاهد این خواهیم بود:

در مرورگر شاهد این خواهیم بود:

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

§ 2. ایجاد پیوندهای خارجی

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

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

به عنوان مثال، برای ایجاد یک لینک متنی به صفحه اصلی این سایت، باید کد HTML زیر را بنویسید:

http://www.seoded.ru/ "> صفحه اصلی سایت

در مرورگر به شکل زیر خواهد بود:

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

§ 2.1 پیوندهای گرافیکی (پیوندهای تصویری)

همانطور که در بالا گفتم، برای ایجاد یک پیوند-تصویر، باید به جای متن از متن استفاده کنید. نمونه ای از چنین پیوندی به شکل زیر است:

و مرورگر نشان خواهد داد:

به طور پیش فرض، مرورگر تصویر را در پیوند گرافیکی با یک قاب احاطه می کند. اگر این نامطلوب است، پس ویژگی مرزبرچسب زدن IMGشما باید مقدار 0 را اختصاص دهید:

border = "0">

صفحه نخست

§ 3. پیوندهای داخلی

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

name = "anchor name"> متن

و نام لنگر خودسرانه تنظیم می شود. در اینجا باید گفت که همه مرورگرها نام لنگر روسی را نمی فهمند، بنابراین توصیه می کنم از الفبای لاتین استفاده کنید. متن بین تگ ها برای ایجاد لنگر اختیاری است و اغلب مشخص نمی شود.

I meales در آن مکان هایی از صفحه قرار دارد که کاربر پس از کلیک بر روی لینک باید به آن مراجعه کند.

همانطور که در بالا گفتم، در صفت hrefاز یک لینک داخلی، به جای آدرس، نام انکر مورد نظر با نماد هش اجباری نشان داده شده است ( # ) در مقابل او. بیایید یک مثال بزنیم.

من یک لنگر به نام ایجاد کردم زاگولووکو در کنار عنوان این آموزش (Hyperlinks in HTML) قرار داد. کد انکر به شرح زیر است:

name = "zagolovok">

href = "# zagolovok"> به عنوان بروید

و در مرورگر به این صورت:

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


به آدرس اصلی:

http://www..html

http://www..html#zagolovok

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

§ 4. مراجع مطلق و نسبی

صفحه نخست

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

اجازه دهید حذف ما نیاز به پیوند به صفحه klienty.htmlکه دروغ می گوید در یک پوشهبا صفحه اصلی سایت سپس کد پیوند نسبی به شکل زیر در می آید:

/klienty.html">مشتریان

و حالا فرض کنید در همان پوشه با صفحه اصلی وجود دارد پوشه زکازیو در حال حاضر در آنصفحه klienty.html است سپس کد پیوند نسبی به این صورت می شود:

/zakazy/klienty.html"> مشتریان

حال بیایید به ایجاد هایپرلینک نگاه کنیم. نسبت به صفحه اصلی... فرض کنید یک صفحه داریم price.html(صفحه اصلی) و از آن باید به صفحه پیوند دهید klienty.htmlگزینه های معمولی زیر وجود دارد:

    1. صفحات price.html و klienty.html قرار دارند در یک پوشه.

    klienty.html "> مشتریان


    2. در پوشه ریشه سایتصفحه price.html در پوشه زکازی قرار دارد یک سطح بالاتر).

    کد به این صورت خواهد شد:

    ../klienty.html"> مشتریان

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


    3. صفحه klienty.html و پوشه zakazy قرار دارد در پوشه ریشه سایت، پوشه مبل در پوشه زکازی قرار داردصفحه price.html در پوشه mebel قرار دارد(یعنی صفحه klienty.html نسبت به صفحه price.html اصلی است دو سطح بالاتر).

    ../../klienty.html"> مشتریان

    یعنی هر سطح با دو نقطه و یک اسلش مشخص می شود. / ».


    4. در پوشه ریشه سایت، صفحه klienty.html در پوشه زکازی قرار دارد(یعنی اکنون صفحه klienty.html نسبت به صفحه اصلی price.html است یک سطح پایین تر).

    zakazy / klienty.html "> مشتریان

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


    5. صفحه price.html (صفحه منبع) و پوشه زکازی قرار دارد در پوشه ریشه سایت، پوشه مبل در پوشه زکازی قرار دارد، صفحه klienty.html در پوشه mebel قرار دارد(یعنی اکنون صفحه klienty.html نسبت به صفحه اصلی price.html است در دو سطح زیر قرار دارد).

    zakazy / mebel / klienty.html "> مشتریان


    6. در پوشه ریشه سایت دو پوشه وجود دارد: زکازی و اوپلاتا. صفحه Klienty.html در پوشه زکازی قرار دارد، قیمت صفحه اصلی.html در پوشه oplata قرار دارد(یعنی هر دو صفحه دروغ هستند در پوشه های مختلف یک سطح زیراز پوشه ریشه سایت).

    ../zakazy/klienty.html"> مشتریان

§ 5. پیوند به ایمیل

به منظور. واسه اینکه. برای اینکه ایجاد لینک ایمیل، به جای url در مقدار مشخصه نیاز دارید hrefیک آدرس ایمیل بنویسید که پروتکل را نشان دهد ( mailto:). و سپس، هنگامی که روی چنین پیوندی کلیک می کنید، یک پنجره برنامه ایمیل با یک آدرس ایمیل وارد شده در قسمت "To" باز می شود. در کدهای HTML به شکل زیر است:

mailto: [ایمیل محافظت شده]"> نامه من

و در مرورگر به این صورت:

شما همچنین می توانید از ویژگی در تگ استفاده کنید عنوان... با کمک آن، یک راهنمای ابزار ایجاد می شود که زمانی که ماوس را روی پیوند قرار می دهید ظاهر می شود.

title = "(! LANG: به صفحه اصلی بروید">!} صفحه نخست

§ 7. نتیجه گیری

این اطلاعات اولیه در مورد است ایجاد لینک در HTML... در این مرحله می توان این درس را کامل دانست. و این واقعیت نشان می دهد که شما قبلاً بر بیشتر اصول اولیه HTML تسلط دارید.

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

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

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


مقالات مرتبط برتر