Как создать гиперссылку в html для несколько страниц сразу

@1231231230 · Регистрация: 25.03.2016

Студворк — интернет-сервис помощи студентам

Здравствуйте, скажите, пожалуйста, как создать гиперссылку на картинку в html для несколько страниц сразу (картинка находится в шапке сайта)?
Т.е. можно ли как-то сделать так, чтоб гиперссылку можно было добавить только на странице Index.html, а на станице к примеру contacts.html картинка автоматически стала с гиперссылкой...

@Mrak19901124 · 26.03.2016, 00:05

Судя по посту то сайт у тебя на пару страниц не морочь голову сделай все в ручную. если заморочится над етим то самый простой вариант ет написать джава скрипт и подягивать его к каждому документу.

@1231231230 · 26.03.2016, 10:45 **[ТС]**

Ну страниц не две, а более 10, просто сайт находится в html вёрстке. Если бы он был полностью статичным - т.е. один раз залил и забыл - я бы так и сделал. Если я прошу помочь - значит мне не подходит вариант в ручную для каждой страницы...

@usrash · 26.03.2016, 13:39

Делай php и вставку

Добавлено через 3 минуты
те лучше бы картинку подгружать по надобности чем всякими скриптами захломлять

Добавлено через 7 минут

PHP
1
<?php include 'название.php'; ?>

@Padimanskas · 26.03.2016, 13:52

Сообщение от 1231231230

Т.е. можно ли как-то сделать так, чтоб гиперссылку можно было добавить только на странице Index.html, а на станице к примеру contacts.html картинка автоматически стала с гиперссылкой...

Эта хрень называется partials(частичный повторяющийся контент). А движок который генерирует страницы, должен вставлять куски разметки самостоятельно. Верстка здесь ни причем.

@1231231230 · 27.03.2016, 19:42 **[ТС]**

Может кто по подробнее напишет как именно это сделать или ссылки даст по этой теме?

@Noiro · 27.03.2016, 19:53

А что на счет iframe? Создай отдельный документ с шапкой, и подгрузи его с помощью тега iframe, и атрибута seamless="seamless". Убрать полосу прокрутки, маргины, паддинги, и все будет не в index.html, а в отдельном файле.

@1231231230 · 27.03.2016, 20:15 **[ТС]**

Если я сброшу код для примера - можно будет на нем показать как нужно сделать... Боюсь пока сам разберусь - пройдет больше времени. Спасибо если поможете...

@usrash · 27.03.2016, 22:47

хостинг точно php не поддерживает ?

@Noiro · 28.03.2016, 10:45

Сообщение от 1231231230

Может кто по подробнее напишет как именно это сделать или ссылки даст по этой теме?

Создаешь основной документ. В нем, вместо шапки с ссылками пишешь:

HTML5
1
<iframe src="head.html" name="head-frame" sandbox="allow-top-navigation">Ваш браузер не поддерживает фреймы</iframe>

В CSS пишешь что-то вроде:

CSS
1
2
3
4
5
6
7
8
iframe{
  padding:0px;
  margin:0px;
  width:100%;
  height:200px; /*в зависимости от менюхи*/
  border: 0px;
  overflow: hidden;
}

И создаешь еще один html документ с именем head.html, в котором пишешь код менюхи.
Серьезный минус данного способа - он будет статичным (то есть размеры желательно сразу просчитать). iframe не слишком резиновый.

@1231231230 · 28.03.2016, 18:16 **[ТС]**

Хостинг поддерживает работу и на php. просто думаю как лучше сделать теперь имея html. Вроде понятно - попробую отпишу...

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@1231231230 0 / 0 / 0 Регистрация: 25.03.2016 Сообщений: 5

	Как создать гиперссылку в html для несколько страниц сразу 25.03.2016, 23:41. Показов 2081. Ответов 10 Метки нет (Все метки) Здравствуйте, скажите, пожалуйста, как создать гиперссылку на картинку в html для несколько страниц сразу (картинка находится в шапке сайта)? Т.е. можно ли как-то сделать так, чтоб гиперссылку можно было добавить только на странице Index.html, а на станице к примеру contacts.html картинка автоматически стала с гиперссылкой... 0

@Mrak19901124 47 / 12 / 4 Регистрация: 25.02.2010 Сообщений: 259
	26.03.2016, 00:05
	Судя по посту то сайт у тебя на пару страниц не морочь голову сделай все в ручную. если заморочится над етим то самый простой вариант ет написать джава скрипт и подягивать его к каждому документу. 0

@1231231230 0 / 0 / 0 Регистрация: 25.03.2016 Сообщений: 5
	26.03.2016, 10:45 [ТС]
	Ну страниц не две, а более 10, просто сайт находится в html вёрстке. Если бы он был полностью статичным - т.е. один раз залил и забыл - я бы так и сделал. Если я прошу помочь - значит мне не подходит вариант в ручную для каждой страницы... 0

@1231231230 0 / 0 / 0 Регистрация: 25.03.2016 Сообщений: 5
	27.03.2016, 19:42 [ТС]
	Может кто по подробнее напишет как именно это сделать или ссылки даст по этой теме? 0

@Noiro 6 / 6 / 6 Регистрация: 16.03.2016 Сообщений: 38
	27.03.2016, 19:53
	А что на счет iframe? Создай отдельный документ с шапкой, и подгрузи его с помощью тега iframe, и атрибута seamless="seamless". Убрать полосу прокрутки, маргины, паддинги, и все будет не в index.html, а в отдельном файле. 0

@1231231230 0 / 0 / 0 Регистрация: 25.03.2016 Сообщений: 5
	27.03.2016, 20:15 [ТС]
	Если я сброшу код для примера - можно будет на нем показать как нужно сделать... Боюсь пока сам разберусь - пройдет больше времени. Спасибо если поможете... 0

@usrash -24 / 3 / 0 Регистрация: 15.07.2011 Сообщений: 229
	27.03.2016, 22:47
	хостинг точно php не поддерживает ? 0

@1231231230 0 / 0 / 0 Регистрация: 25.03.2016 Сообщений: 5
	28.03.2016, 18:16 [ТС]
	Хостинг поддерживает работу и на php. просто думаю как лучше сделать теперь имея html. Вроде понятно - попробую отпишу... 0