Посібники

Як зв’язати веб-сторінки HTML разом

Гіперпосилання - це підкреслений фрагмент тексту, який просто натискає на веб-сайт. Вставити гіперпосилання досить просто завдяки інструментам веб-дизайну, які зараз доступні. Але це також може допомогти знати, як вставити посилання за допомогою HTML.

HTML посилання Різні веб-сторінки

Свого часу, якщо ви хотіли створити веб-сайт, ви повинні були це знати мова розмітки гіпертексту. Для вивчення це досить проста мова програмування, але якщо ви не хочете бути професійним веб-дизайнером, вам не обов’язково бути експертом у галузі HTML. Зараз доступно багато інструментів, включаючи безкоштовні, які допоможуть вам усім цим.

Якщо ви використовуєте WordPress або інструмент для веб-дизайну, існує спосіб створити посилання, натиснувши кнопку "Посилання".

Якщо ви експортуєте файл HTML з документа Office, Control + K - це комбінація клавіш для управління гіперпосиланнями. Просто виділіть текст, який ви хочете вказувати на інший сайт, натисніть Control + K та вставте цільова URL-адреса. Ви також можете видалити та відредагувати гіперпосилання, виділивши зв’язаний текст і вибравши Control + K.

Якщо ви більше користуєтеся мишею, ви також можете вставити та оновити гіперпосилання за допомогою рядка меню у верхній частині документа. Виберіть Вставити та Гіперпосилання. Ви отримаєте те саме поле, яке отримали б, якби використовували комбінації клавіш, що запропонує ввести цільову URL-адресу.

Посилання за допомогою HTML

Можуть бути випадки, коли у вас не є простий спосіб додати посилання. У цьому випадку ви можете легко додати Гіперпосилання HTML. Для вивчення HTML вам не потрібен повний клас. Це досить легко навчитися. Код просто вимагає HREF, посилання, текст, щоб перейти з посиланням і зупинка. Наприклад: Ваш сайт.

Якщо сайт, на який ви посилаєтесь, є частиною вашого власного веб-сайту, вам не потрібно буде вводити повну URL-адресу свого HTML посилання. Якби ви посилалися на свою біографію, наприклад, ви писали б її як: Моя біографія. Якщо ви використовуєте інструмент дизайну, такий як WordPress, і натисніть на Вставити посилання варіант, як правило, ви отримаєте спадне вікно, що включає всі ваші сторінки, щоб дозволити вам просто вибрати та вибрати Додати посилання.

Пов’язання зображення

A текстове посилання це не єдиний варіант для веб-сайтів. Ваші зображення також можуть посилатися. Ви можете легко це зробити в програмі для створення блогу чи веб-сайту, просто вставивши фотографію, виділивши її та скориставшись інструментом посилання на додати гіперпосилання до нього.

Якщо ви посилаєтесь на фотографію за допомогою HTML, ви будете використовувати той самий код, що і для показу тексту, а не фотографії. Однак у цьому випадку ви заміните текст кодом для посилання на свою фотографію. Так би було:.

Налаштування навігації по сайту

Якщо ви створюєте веб-сайт, найголовніше текстове посиланняs на будь-якій вашій сторінці - це ті, що посилаються на інші ваші сторінки. Навігація по сайту часто виконується через випадаюче вікно, розташоване у верхній частині кожної сторінки. Інструменти веб-дизайну роблять це простим, дозволяючи вам просто вибрати, чи потрібно, щоб сторінка, яку ви додаєте, була головною або додатковою, яка відходить від однієї з ваших головних сторінок.

Якщо ви хочете самостійно створити навігацію на своєму сайті, вам знадобиться більш досконала мова, яка називається CSS. Ви можете зробити навігацію веб-сайту вертикальною або горизонтальною, а його спадний список або статичним. Хоча CSS є більш складним ніж HTML, ви можете захопити потрібний код в Інтернеті та вставити його у вихідний код веб-сайту.

Гіперпосилання для закладок

Ваші гіперпосилання не завжди повинні вказувати на окремий веб-сайт або навіть окрему сторінку на вашому власному веб-сайті. Вони також можуть використовуватися для перенаправлення відвідувачів на інший розділ тієї ж сторінки. Це часто можна побачити у довгих статтях чи публікаціях у блогах, де вгорі є зміст, і користувачі натискають кожен пункт, щоб перейти безпосередньо до відповідного розділу.

Ці гіперпосилання працюють подібно до закладок у документі Word. Ви можете створити їх за допомогою будь-якого інструменту веб-дизайну, який вам більше подобається, або кодувати HTML посилання як ви робили, коли посилали на інші сторінки. Щоб створити посилання, які спрямовують відвідувачів на інші розділи сторінки, спочатку вам потрібно встановити закладку у вашій копії за допомогою атрибута “id”. Тож було б

Перша закладка

.

Після налаштування закладки ви перейдете вгору сторінки та додасте це посилання. Код для цього буде: Перейти до першої закладки. Коли хтось натискає текст Перейти до першої закладки, це посилання переходить прямо до розділу, де ви розмістили свою закладку.

Використання цільового атрибута

Одна проблема з налаштуванням Гіперпосилання HTML на вашому сайті полягає в тому, що він забирає ваших відвідувачів. Шанси на те, що вони повернуться на ваш сайт після того, як їх перенаправлять в інше місце, не є великими, а це означає, що ви можете втратити людей у ​​«кролячій дірі», яку може швидко стати Інтернет.

Використовуючи щось, що називається цільовий атрибутоднак ви можете контролювати, як відкриватиметься сторінка, коли хтось натискає одне з ваших посилань. Зазвичай це можна зробити за допомогою інструменту веб-сайту, лише клацнувши поле. Якщо ви кодуєте свій веб-сайт за допомогою HTML, атрибут йде безпосередньо після вашої URL-адреси, тож це буде: ваш сайт. Атрибут _blank відкриває документ у новому вікні.

Створення якірних посилань

Що робити, якщо ви хочете спрямувати відвідувачів свого веб-сайту до певного місця посередині тієї самої сторінки? Цей тип Гіперпосилання HTML це здійсненно, але трохи складніше, ніж просто зв’язування. Спочатку потрібно налаштувати ціль, а це означає, що ви перейдете в область сторінки, на яку вас цікавить посилання. Створіть для нього ім’я та введіть код «Об’єкт, який ви пов'язуєте». Замініть “name” у цьому прикладі на будь-яке вибране вами ім’я.

Тепер, коли на сторінці налаштовано вашу закладку, ви це зробите створити своє гіперпосилання. Для цього перейдіть до розділу, де ви хочете встановити пункт призначення, і використовуйте символ фунта перед іменем, яке ви вибрали нижче сторінки. Тож ви набрали Click, щоб побачити об’єкт, який я пов’язую.

Посилання на документи та PDF-файли

Ви можете створити HTML посилання поза веб-сайтами. Ви можете легко завантажувати PDF-файли та .docs на свій веб-сайт і посилатись на них в іншому місці вашого сайту. Це ідеально підходить для додатків, флаєрів та інших документів, які ви не хочете змінювати спеціально для свого веб-сайту. Однак, роблячи це, важливо зазначити, що посилання спрямовується на документ, а не на веб-сайт. Це часто робиться шляхом введення дужок “pdf” або “doc” після посилання.

До посилання на документ Word або PDF, ви спочатку завантажите документ за допомогою того самого інструменту, який використовуєте для розробки веб-сайту. Тоді ви зможете зв’язати його, як із будь-яким іншим текстове посилання на вашому сайті. Ви б ввели код як такий: Мій файл [DOC]. Не забувайте завантажувати нову версію кожного разу, коли ви оновите файл у своєму кінці, оскільки ці зміни не будуть автоматично відтворені.

$config[zx-auto] not found$config[zx-overlay] not found