Як робити посилання

Фото - Як робити посилання

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




Частина 1 з 2: створення посилань в HTML

  1. 1

    Надрукуйте код для посилання. Посилання в HTML визначаються [b] тегом. Теги повинні мати початок і кінець. Посилання починаються з [b] тега і кінчаються [b] тегом. Адресу, на яку ви даєте посилання, знаходиться в першому [b] тезі, що визначається [b]href атрибутом, і відображає текст для посилання між тегами. Закінчена HTML посилання виглядає, як:

    <<span class="kw2">a href="Wikihow.com">wikiHow Home Page<<span class="sy0">/a

    • Остаточно посилання виглядає як Домашня Сторінка wikiHow і повинна бути активизируемого клацанням миші.

  2. 2

    Використовуйте href атрибут для переміщення на конкретні частині сторінки. Ви можете призначити місця на вашій сторінці, на які ви хочете направити браузер, якщо клікнути на відповідне посилання. Ви можете розмістити посилання в нижній частині великої статті, яка поверне вас до верхньої частини сторінки. Щоб зробити це, необхідно створити "Anchor", про який можна прочитати на: 

    <<span class="kw2">a id="Top"><<span class="sy0">/a

    • У цьому прикладі код anchor буде розміщений у верхній частині сторінки, або в заголовку, або на початку сторінки.

    <<span class="kw2">a href="#top">Top of Page<<span class="sy0">/a

    • Посилання на початок сторінки може бути розміщена в кінці сторінки. Клікнувши на посилання, ви перейдете на початок сторінки.

  3. 3

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

    <<span class="kw2">a href= "Index.htm">Text<<span class="sy0">/a

    • Це посилання на файл index.htm, який знаходиться в тому ж каталозі, що і поточна сторінка.

  4. 4

    Створення кнопки з посиланням. Якщо ви віддаєте перевагу, щоб посилання виглядала як кнопка, на яку можна клікнути, а не просто підкреслений текст, можна використовувати [b]
    тег для створення посилання. Це замінить [b] тег для створення посилань. Кнопки не розпізнаються пошуковими системами, тому не індексуються так само ефективно, як традиційні посилання:

    <<span class="kw2">form<<span class="kw2">input type="Button" value="Your Text Here " onclick="Window.location.href=`Http://wikihow.com `"><<span class="sy0">/form

Частина 2 з 2: зміна стилю вашого посилання

  1. 1

    Використовуйте CSS для зміни зовнішнього вигляду посилання. CSS (Cascading Style Sheets) дозволяє урізноманітнити сприйняття HTML посилань. Створення CSS стилю і приміщення його в розділ сторінки змінить все теги на вашій сторінці. Існує чотири селектора, що визначають стиль посилань:
    • [b]a: link - Так виглядають посилання, які не використовувалися.
    • [b]a: visited - Так виглядають посилання, за якими переходили.


    • [b]a: active - Так виглядає посилання, на яку скликали.
    • [b]a: hover - Так виглядає посилання, на яку наведена мишка.

  2. 2

    Регулювання кожного селектора. Ви можете додавати модифікатори для кожного селектора в розділі стилю, щоб змінити стиль посилання. Існує велика кількість елементів стилю, які ви можете змінити розміщенням модифікаторів у фігурні дужки після селектора. Приклади модифікаторів включають:
    • [b]font-family - це шрифт, яким це посилання буде надрукована. Ви можете присвоїти ім`я веб-стандарту шрифту, використовуючи цей модифікатор.
    • [b]font-size - розмір шрифту в точках. Ви можете змінити його так само, як і в текстовому процесорі.
    • [b]color - Це колір посилання. Ви можете або вказати назву кольору ("blue"), або використовувати код кольору ("# 0000FF").
    • [b]text-decoration - Це створює тестові ефекти, такі як підкреслений або закреслений.
    • [b]font-weight - Ви можете використовувати цей модифікатор, щоб зробити шрифт жирним.

  3. 3

    Побудуйте таблицю стилів. Ваш CSS стиль повинен бути належним чином відформатованим і поміщений в заголовок сторінки. Приклад стилю може виглядати так: