Як написати на сайті посилання

Як написати на сайті посилання

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

Інструкція

  1. Будь-яке посилання створюється з використанням тега, який необхідно закривати за допомогою. Адреса сторінки вказується в лапках після атрибуту href. У результаті повинно вийти щось подібне:

    <html>

    <head>

    <title> Сайт </ title>

    </ Head>

    <body>

    <a href= «foto.html»> Перейти в фотогалерею </ a>

    </ Body>

    </ Html>

    Щоб перехід здійснювався на присутню в інтернет-просторі сторінку, вкажіть її адресу, наприклад, KakProsto.ru. Для з’єднання з html-файлом, що знаходяться на вашому комп’ютері, пропишіть шлях до нього. В ідеалі бажано перейти на англійську мову, щоб усунути довгі записи, що виникають при копіюванні російськомовного тексту з наступним його перекладом в необхідний формат. Наприклад,
  2. Посилання може бути задана у вигляді картинки. Для цього складіть зображення між тегами і:. Щоб при наведенні на маленьку іконку відкривалося повноцінна ілюстрація більшого розміру, потрібно використовувати зв’язку.

    Для організації почергової зміни картинок, кожна з яких буде представлена ​​у вигляді заслання і вести на різні сторінки, використовуйте код:

    <html>

    <head>

    <title> Сайт </ title>

    <style type=»text/css»>

    div # rotator {position: relative; height: 150px; margin-left: 15px;}

    div # rotator ul li {float: left; position: absolute; list-style: none;}

    div # rotator ul li.show {z-index: 500;}

    </ Style>

    <script type=»text/javascript» src=»http://code.jquery.com/jquery-latest.min.js»> </ script>

    <script type=»text/javascript»>

     function theRotator () {

    $ (‘Div # rotator ul li’). Css ({opacity: 0.0});

     $ (‘Div # rotator ul li: first’). Css ({opacity: 1.0});

     setInterval (‘rotate ()’, 5000);

    }

    function rotate () {

    var current = ($ (‘div # rotator ul li.show’)? $ (‘div # rotator ul li.show’): $ (‘div # rotator ul li: first’));

     var next = ((current.next (). length)? ((current.next (). hasClass (‘show’))? $ (‘div # rotator ul li: first’): current.next ()): $ (‘div # rotator ul li: first’));

     / / Var sibs = current.siblings ();

    / / Var rndNum = Math.floor (Math.random () * sibs.length);

    / / Var next = $ (sibs [rndNum]);

     next.css ({opacity: 0.0})

    . AddClass (‘show’)

    . Animate ({opacity: 1.0}, 1000);

     current.animate ({opacity: 0.0}, 1000)

    . RemoveClass (‘show’);

    };

    $ (Document). Ready (function () {

    theRotator ();

    });

    </ Script>

    </ Head>

    <body>

    <div id=»rotator»>

    <ul>

      <li class=»show»> <a href=»адрес_страніци_1″> <img src=»images/1.gif» width=»500″ height=»313″ alt=»pic1″ /> </ a> </ li>

       <li> <a href=» адрес_страніци_2″> <img src=»images/2.gif» width=»500″ height=»313″ alt=»pic2″ /> </ a> < ; / li>

      <li> <a href=» адрес_страніци_3″> <img src=»images/3.gif» width=»500″ height=»313″ alt=»pic3″ /> </ a> < ; / li>

     </ Ul>

    </ Div>

    </ Body>

    </ Html>
  3. Щоб сторінка, на яку веде посилання, відкривалася в окремому вікні, необхідно додати атрибут target = «_blank»: Перейти.
  4. Якщо html-документ занадто довгий, то можна проставити посилання всередині нього. Наприклад, на самому початку можна зробити зміст, а при натисненні на певний заголовок користувач буде переміщатися в потрібну частину сторінки. Для цього необхідно прописати посилання зі значком #: Перейти на розділ і до посилань створити закладку: Розділ.

    Виглядати це буде так:

    <html>

    <head>

    <title> Сайт </ title>

    </ Head>

    <body>

    <a href=»#путь до закладке»> Посилання на розділ </ a>

    <a name=»путь до закладке»> Розділ </ a>

    </ Body>

    </ Html>