Як зробити картинку посиланням, заробіток в інтернет
Сьогодні ми дещо повторимо, а дещо буде в новинку (для новачків), бо у тих, хто знайомий з мовою розмітки html, дане питання не повинен викликати труднощів.
А який напрошується висновок? Починати вивчати html, бо без нього важкувато обходитися вебмайстру, необхідні хоча б базові знання мови гіпертекстової розмітки.
Отже, я думаю, що ви зробите правильні висновки і «стрімголов», неодмінно кинеться вивчати мову html, не сьогодні, так завтра, а може наступного тижня. А поки продовжимо.
Як картинку зробити посиланням.
Припустимо, у мене є картинка, скачана на комп'ютер з інтернету. Я вибрав цю.
Для того, щоб ваша сторінка при натисканні на зображенні відривалася в новому вікні, потрібно використовувати наступний код:
Можете перевірити, при натисканні на зображення вас перемістить на головну сторінку блогу, тобто я зробив картинку посиланням на свою головну сторінку.
Як зробити на зображенні кілька посилань
Дане зображення не претендує на зразок художньої майстерності і витончених графічних прибамбасів, так як робилося на швидку руку і не має на меті заворожити вас вишуканістю і красою форм. Мета одна - показати, як на одній картинці можна розмістити кілька графічних посилань.
В даному випадку використовується таблиця, і кнопки використовуються як осередку цієї таблиці.
Попередньо я приготував ці чотири зображення і завантажив їх на свій хостинг, де у кожної картинки своє місце. Ви можете також використовувати дисковий простір свого хостера або скористатися безкоштовним хостингом зображень.
Звичайно ж, вони повинні бути порівнянних розмірів в пікселях, щоб виглядали на фоновому малюнку. Якщо ви не знаєте, як визначати розміри в пікселях, то відкрийте картинку в Paint, вкладку Малюнок - Атрибути і там побачите розміри вашої картинки.
Тепер нам потрібно використовувати код html ось такого виду:
Тут прописаний html код отриманої таблиці, де фоновий малюнок є як би самою таблицею, а осередками цієї таблиці є наші кнопки.
Велике спасибі, справжній друг. Я буду вам дуже виручили і заощадили масу мего сьогоднішнього День рожденьевского часу. Хай живуть небайдужі і здатні поділитися. ) Всіх благ і радості у всьому Вам, друже мій!) Марина, яка стала сьогодні на рік дорослішими і посилання розумнішими. )
@ Марина:
Хай живуть ті, які можуть оцінити скромну працю вебмастера! З днем народження, щастя, здоров'я, успіхів у всьому! І заходите в гості частіше.
@ Сергій Егерев:
Доброї ночі, Серьожа! Дякую за привітання!) Дуже приємно!) Я тепер Ваша постійна шанувальниця!) Не «вилажу))) з Ваших порад. ) Я-новобранець в блозі, але вже хочу запросити друзів до спілкування в щоденнику, думаю, Ваших шанувальників стане значно більше!) Тому, не залишайте нас без рятувального кола корисних порад у Вашому блозі. Дуже доступно, наочно, зрозуміло. Бережіть себе, без Вас нам ніяк!)
@ Марина:
Дякую за добрі слова, гостям завжди раді