OneLWB Суббота, 27.04.2024, 09:29
Приветствую Вас Гость | RSS
Меню сайта

ПОСТОЯННЫЙ ДОХОД !
start LiQPoweR Хaлявa 5 кoп WMlink.ru - рекламный брокер

Партнеры Сайта

ПРОВЕРЕНО-ПЛАТЯТ !
WMmail.ru - сервис почтовых рассылок

Заработок на Сайте
WMlink.ru - рекламный брокер

Категории раздела
Мои статьи [111]

Главная » Статьи » Мои статьи

Урок 7. Делаем ссылки на другие страницы/сайты.

Как сделать ссылки на другие страницы сайта

Для создания ссылок на другие страницы вашего сайта, или ссылок на другие страницы сайта используется парный тег <a> с параметром, где указывается куда будет произведен переход в случае нажатия на ссылку.

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

Разберем на примерах.

если у вас на сайте есть страничка, рассказывающая о себе, например o-sebe.html, то для того чтобы сделать ссылку на эту страницу, надо написать так :

<a href="o-sebe.html">О себе</a>

В параметре href= мы написали адрес страницы, а между тегами <a> и </a> мы должны написать текст, нажав на который произойдет переход по ссылке.

Вместо текста может быть любая картинка. Тогда нажав на картинку также будет сделан переход по ссылке.

Вернемся к нашему предыдущему примеру и добавим ссылки на этот сайт, вот так

<html>
<head>
<title>Моя первая интернет страница всего лишь за 5 минут</title>
</head>

<body bgcolor="#00CCFF" text="#FFFF00">

<center>

Сегодня замечательный день. <br><i>Я сделал свою первую интернет страничку.</i>

<br><font color="#0000FF" size="4"><b>я буду богатым и свободным человеком !</b></font>

<br><br>

<a href="http://OneLeague-WB.ucoz.com"><img src="money-master.jpg"></a>

<br><br>

<a href="http://OneLeague-WB.ucoz.com">Сайт о том как зарабатывать в интернете</a>

</center>

</body>

</html>

Теперь наша страница будет выглядеть Так ( откройте сохраненный файл ) .

В некоторых Браузерах, например в интернет эксплорере, вокруг картинки будет нарисован бордюр. Чтобы убрать этот эффект, нужно указать что у картинки не должно быть бордюра. Делается это так

<img src="money-master.jpg" border="0">

сли вы хотите чтобы ссылка открывалась в новом окне, то надо дописать еще один параметр в тег <a>

<a href="http://OneLeague-WB.ucoz.com" target="_blank">

 

Итого, код нашей страницы будет вот такой

<html>
<head>
<title>Моя первая интернет страница всего лишь за 5 минут</title>
</head>

<body bgcolor="#00CCFF" text="#FFFF00">

<center>

Сегодня замечательный день. <br><i>Я сделал свою первую интернет страничку.</i>

<br><font color="#0000FF" size="4"><b>я буду богатым и свободным человеком !</b></font>

<br><br>

<a href="http://OneLeague-WB.ucoz.com"><img src="money-master.jpg" border="0"></a>

<br><br>

<a href="http://OneLeague-WB.ucoz.com" target="_blank">Сайт о том как зарабатывать в интернете</a>

</center>

</body>

</html>

А итоговая страница будет выглядеть Так ( откройте сохраненный файл ) .

 

Некоторые спрашивают. А как сделать ссылку на файл? Точно так-же как и другие ссылки, только указывая в назначении имя файла. Например

<a href="popsa.mp3">Скачать песню Киркорова</a>

<a href="arhiv.rar">Скачать программу</a>

при условии, что файлы находятся в той-же папке где и html-файл


Урок 8. Таблицы. Как делать таблицы. Параметры таблиц.

Урок 9. Пример создания 2х-страничного сайта.



Категория: Мои статьи | Добавил: LWB (16.11.2010) | Автор: LWB E
Просмотров: 637 | Рейтинг: 0.0/0
Всего комментариев: 0
Поиск

Теги

Спонсор Сайта

СоциальныеЗакладки

Тут Твои Деньги !
start LiQPoweR Хaлявa 5 кoп Веб-депозит : Вклады от 10 центов! WMmail.ru - сервис почтовых рассылок WMlink.ru - рекламный брокер

Посетители Сайта
Locations of visitors to this page

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Форма входа

Copyright MyCorp © 2024Сделать бесплатный сайт с uCoz