Основні методи, що дозволяють вставити посилання на картинку в текст, необхідні атрибути
Блог> Верстка HTML> Як правильно вставити посилання на картинку
Займаючись розробкою веб-сайту, у багатьох виникає питання - як правильно вставити фотографію в текст. Саме про це і піде мова в даній статті. Дана інформація дуже важлива, так як без певних знань продуктивно працювати з новим сайтом не вдасться. Необхідно знати, як правильно вставити фото в текст, від цього буде залежати дизайн вашого майбутнього сайту.
Тег Img служить для вставки картинок в текст. В даному тезі обов'язково спочатку потрібно вказувати елемент Src. який дозволяє визначити місцезнаходження фотографії. В даному випадку можна вказувати як абсолютну, так і відносну посилання на картинку. Для того щоб правильно поставити шлях, потрібно використовувати символ "/" - це свого роду роздільник між каталогами, в яких зберігаються файли.
Елементи Width і Height для позначення розмірів зображення
За допомогою атрибутів Width і Height можна відрегулювати ширину і висоту фотографії, підсумкова картинка буде така, як вам необхідно. Ці елементи також потрібно вставляти в тег Img. Відзначимо, що дані атрибути не є обов'язковими для вставки в тег.
Атрибути Alt і Title
Дані елементи необхідні для правильної оптимізації сайтів для пошукових систем. Alt - це параметр, завдяки якому вказується альтернативний текст для зображення. Атрибут Title містить інформацію про зображення. Завдяки встановленню даних атрибутів, зображення, яке ви хочете розташувати на сайті, буде виявлено пошуковими системами.
Таким чином, оформлення зображення в режимі html має бути таким:
створення гіперпосилань
Будь-які посилання задаються за допомогою спеціального атрибута "А", тільки елемент Href є обов'язковим при створенні гіперпосилання, з його допомогою вказується шлях до зображення. Сам текст гіперпосилання необхідно розташовувати між відкривається і закривається тегом "А".
Користувач, який вмонтував гіперпосилання в текст, повинен вказувати наступні параметри:
Анкор ключові слова, необхідні для просування статті
Для даного тега є ще один важливий елемент, що дозволяє відкривати зображення в новому вікні. Цей параметр називається Target. зображення буде відкриватися в новому вікні, якщо вказати елемент _BLANK.
Існує ще один параметр - NAME, який дозволяється посилатися не на весь документ, а на певну його частину.