Связываем 2 страницы html

Шаблоны

Здесь собраны все шаблоны сайтов.

Теги обозначают абзац (т.е. текст отделенный от остальных элементов отступами сверху и снизу).

Наконец, на странице kontact.html укажем наш e-mail. Сделаем это двумя равноправными способами:

Наши контакты

Пишите нам по адресу: admin@mysite.ru

Пишите нам по адресу: admin@mysite.ru

Оставьте тот, который больше понравится (с тегами или без них).

Вот собственно и все. Пощелкайте по ссылкам и убедитесь, что все работает. Аналогичным образом вы можете сделать сколько угодно html-страниц и наполнить их разнообразным контентом. Рабочий пример можно посмотреть здесь.

Наверно, у вас возникло два вопроса:

1. Откуда брать картинки для сайта (все эти шапки и меню)?

Для этого ознакомьтесь с разделами графика для web, и уроки Photoshop

Поэкспериментируйте с тегами и их атрибутами, которые вы узнали из этих уроков. Конечно, это лишь основы HTML, но для начала этого достаточно.

Далее, включайте на свои страницы и другие теги (их полный перечень с описанием и примерами приведен в разделе Уроки html). Экспериментируйте, пока не освоитесь в мире HTML. Затем подключайте другие технологии — CSS, Java script, PHP и т.д.

На этом четвертый урок закончен. В следующем уроке вы научитесь размещать свой сайт в интернете.

Если этот сайт оказался вам полезен, пожалуйста, посмотрите другие наши статьи и разделы.

Источник

Как связать в одном сайте два html файла? Чтобы перекидывало при нажатии кнопки на новую страницу этого сайта

Как связать две страницы html и сделать так, чтобы при нажати на кнопку перекидывало на вторую страничку сайта, которая создана вторым html документом?

Вот пример того, как вы можете использовать элемент для создания ссылки на другую HTML-страницу:

Чтобы создать ссылку на определенное местоположение на той же странице, вы можете использовать атрибут id и символ #:

Кроме того, вы можете использовать JavaScript для создания ссылки и добавления прослушивателя событий к кнопке, которая будет выполнять код для перехода на вторую страницу при нажатии кнопки. Вот пример того, как вы можете это сделать:

Var button = document.getElementById(«link-button»);

// Добавить прослушиватель событий к кнопке

// Перейдите на вторую страницу при нажатии кнопки

Надеюсь, это поможет! Дайте мне знать, если у вас есть какие-либо вопросы.

Для того, чтобы кнопка заработала как ссылка. есть множество способов:
Обернуть кнопку ссылкой:
https://dwweb.ru/knopku_ssyilkoy.html
Либо повесить на кнопку событие с помощью js
https://dwweb.ru/pereyti_po_ssyilke_javascript.html

Не надо делать кнопку, которая работает, как ссылка. Если надо перейти на другую страницу или сайт, то это ссылка, ее можно стилизовать как кнопку, если нужно.
Фотографии экрана осуждаю

Источник

Как связать страницы в Html при написании многостраничного сайта?

Написала одностраниный сайт, а как добавить еще страницы не помню. Напишите пожалуйста подробно.Нужно добавить страниц 10.

Доброго времени суток. Сделайте меню.

Статичные HTML-страницы

Если Вы используете статичный HTML, просто составьте список страниц и сделайте конструкцию, подобную этой:

Здесь, думаю, можно ненадолго остановиться. Тег ul — маркированный список:

a — ссылка. Атрибут href — куда она ведёт. Также могут быть target (как открыть: _self — в родительском окне, _blank — в новом окне и так далее, title (текст для всплывающей подсказки). Внутри тега — выводимый текст.

Своя собственная CMS

Если Вы используете свою собственную CMS с БД MySQL, создайте в базе данных таблицу menu(`itemid` PRIMARY, `text`, `title`, `url`). Столбцы:

• itemid — уникальный id пункта меню, его порядковый номер
• text — название (что писать на кнопке)
• title — текст всплывающей подсказки
• url — ссылка, на которую ведёт пункт меню

В php-файл с функциями вставьте такой код (рассчитывается, что подключение к БД уже установлено):

$query = mysql_query(«SELECT * FROM `menu`», $DB);

$qrows = mysql_num_rows($quer­ y);

В нужном месте выведите меню:

Какая-нибудь система управления контентом

Если же Вы используете какую-либо CMS, читайте хелпы и документацию. Я, ничего о ней не зная, помочь, увы, не смогу.

Вернёмся в эпоху статического HTML.

Насколько я понимаю, требуется добавить к одной-единственной странице ещё несколько страниц. А базой данных там и не пахнет. Следовательно, можно обойтись прямой адресацией. То есть придумать для каждой новой страницы понятное хотя бы вам имя (у основной оно наверняка стандартное — index.html) и прописать в каждой из них ссылки на остальные. С помощью тега :

Где «вид ссылки» — это текст, коли вы желаете видеть текст, либо тег , который покажет картинку, которую и нужно будет нажать для перехода по ссылке.

Фактически у вас появится список всех ссылок на все заготовленные страницы. Можно копипастить этот блок, удаляя ту ссылку, что ведёт на эту самую страницу, которая отображается. Как вы решите оформить этот блок, простым ненумерованным списком, как в примере danil­asar, строкой-меню (на самом деле — таблицей с невидимым бордюром и заданным размером ячеек) или ещё как, и где в вёрстке (у вас же единый дизайн всего сайта, да?) подготовите для него место — дело десятое.

Если вы для создания своего одностраничника пользовались каким-нибудь конструктором типа ucoz, в админке нужно создать те самые страницы и активировать модуль меню, куда и добавить все ссылки. В конструкторах такие вещи интуитивно понятны, потому что интерфейс делается по стандартам, общих для всего современного ПО. А уж код при этом прописывается автоматически.

Источник