Як зробити картинку посиланням, заробіток в інтернет

Як зробити картинку посиланням, заробіток в інтернет
Вітаю вас шановні Новомосковсктелі!

Сьогодні ми дещо повторимо, а дещо буде в новинку (для новачків), бо у тих, хто знайомий з мовою розмітки html, дане питання не повинен викликати труднощів.

А який напрошується висновок? Починати вивчати html, бо без нього важкувато обходитися вебмайстру, необхідні хоча б базові знання мови гіпертекстової розмітки.

Отже, я думаю, що ви зробите правильні висновки і «стрімголов», неодмінно кинеться вивчати мову html, не сьогодні, так завтра, а може наступного тижня. А поки продовжимо.

Як картинку зробити посиланням.

Припустимо, у мене є картинка, скачана на комп'ютер з інтернету. Я вибрав цю.

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

Для того, щоб ваша сторінка при натисканні на зображенні відривалася в новому вікні, потрібно використовувати наступний код:

Можете перевірити, при натисканні на зображення вас перемістить на головну сторінку блогу, тобто я зробив картинку посиланням на свою головну сторінку.

Як зробити на зображенні кілька посилань

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

В даному випадку використовується таблиця, і кнопки використовуються як осередку цієї таблиці.

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

Звичайно ж, вони повинні бути порівнянних розмірів в пікселях, щоб виглядали на фоновому малюнку. Якщо ви не знаєте, як визначати розміри в пікселях, то відкрийте картинку в Paint, вкладку Малюнок - Атрибути і там побачите розміри вашої картинки.

Тепер нам потрібно використовувати код html ось такого виду:

Тут прописаний html код отриманої таблиці, де фоновий малюнок є як би самою таблицею, а осередками цієї таблиці є наші кнопки.

Велике спасибі, справжній друг. Я буду вам дуже виручили і заощадили масу мего сьогоднішнього День рожденьевского часу. Хай живуть небайдужі і здатні поділитися. ) Всіх благ і радості у всьому Вам, друже мій!) Марина, яка стала сьогодні на рік дорослішими і посилання розумнішими. )

@ Марина:
Хай живуть ті, які можуть оцінити скромну працю вебмастера! З днем ​​народження, щастя, здоров'я, успіхів у всьому! І заходите в гості частіше.

@ Сергій Егерев:
Доброї ночі, Серьожа! Дякую за привітання!) Дуже приємно!) Я тепер Ваша постійна шанувальниця!) Не «вилажу))) з Ваших порад. ) Я-новобранець в блозі, але вже хочу запросити друзів до спілкування в щоденнику, думаю, Ваших шанувальників стане значно більше!) Тому, не залишайте нас без рятувального кола корисних порад у Вашому блозі. Дуже доступно, наочно, зрозуміло. Бережіть себе, без Вас нам ніяк!)

@ Марина:
Дякую за добрі слова, гостям завжди раді