About earnings on the Internet.

  • Главная
  • Ссылки
  • Учебники и пособия
  • Чёрный список
  • Форум
  • Контакты
  • Партнёрка
  • Супер партнёрка


Findme.Ru

Изучаем ссылки.

С помощью ссылок мы можем переходить со своей основной страницы index.html на другие страницы сайта, переходить на другие сайты и даже попадать в определённое место какой- либо страницы.

Ссылками могут быть как текст, так и изображение.

Любая ссылка создаётся с помощью парного тега <a> и </a>.

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

Например, Вы создали страницу "О себе" и обозначили её как about.html, тогда, чтобы попасть на эту страницу пишем ссылку
<a href="about.html">О себе</a>, где пользователь видит только текст О себе, который и является ссылкой, и при нажатии на него, переведёт пользователя на страницу about.html.

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

Для того, чтобы попасть на какой - либо сайт нужно между кавычек указать название этого сайта вместе с протколом http:// или https://, после адреса указывается страница на которую вы хотите попасть, например about.html, если не укажите страницу, то по умолчанию Вы попадёте на index.html или на index.php, смотря на каком языке написан сайт.

Например, напишем ссылку<a href=" http://www.cyberzarobotok.ru/index.php">http://www.cyberzarobotok.ru/index.php</a>.

Вы попадёте на главную страницу сайта http://www.cyberzarobotok.ru/, ссылка является абсолютной ссылкой, т.к. Вы указываете протокол соединения и страницу на которую хотите попасть.

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

Ваша ссылка на страницу "О себе" будет выглядеть так <a href="about.html" target="_blank">О себе<a> и будет открываться в новом окне.

Если Вы хотите дать ссылку на скачивание архива с сайта, то ссылка будет выглядеть так:
<a href="http://адрес сайта/имя архива">скачать</a>.

Можно сделать ссылку, чтобы Вы попали в какое - то определённое место страницы, для этого в этом месте нужно создать метку для этого места. Метка создаёття атрибутом id="", который можно присваивать практически к любому тегу, в нашем тексте мы сделаем метку id="middle".

Для того, чтобы перейти к этому месту, пишем ссылку <a href="#middle">перейти</a> и мы попадём в место страницы, где поставили ссылку.

   Вы можете также в ссылке поставить атрибут title="", где между кавычек пишется название страницы, тогда при наведении курсора мышки на ссылку, будет высвечиваться название страницы.

Теперь рассмотрим ссылки на электронную почту.

Ссылка пишется так: <a href="mailto:Ваш e-mail">Ваш e-mail<a>, теперь при нажатии на ссылку запустится почтовый клиент с Вашим e-mail адресом, если Вы хотите, чтобы в почтовом клиенте отобразилась тема письма, то ссылка будет выглядеть так: <a href="mailto:Ваш e-mail?subject=Ваша_тема">Ваш e-mail<a>

   Теперь поговорим о цвете ссылок. Цвет ссылок задаётся в теге <body> следующими атрибутами: атрибут link="цвет ссылки", задаёт цвет ссылки до её нажатия, атрибут alink="цвет ссылки", задаёт цвет ссылки в момент нажатия и атрибут vlink="цвет ссылки", задаёт цвет ссылки после её нажатия.

Как я уже говорилЮ ссылкой может быть и изображение, ссылка пишется, как мы уже и говорили, только вместо текста вставляется картинка, если Вы откроете Вашу страницу с исправленным кодом в браузере, то Вы увидите, что при нажатии на изображение попадаете на сайт http://www.cyberzarobotok.ru/.

Теперь допишем и исправим наш код, чтобы увидеть всё вышеописанное в действии.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Моя первая страница</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="Description" content="На этой странице Вы найдёте создание моей первой web-страницы ">
<meta name="Keywords" content="страница,первая">
</head>
<body link="#0000FF" alink="#000000" vlink="#FF0000">
<font face="Verdana" size="2" color="#000000" >
<h1 align="center"><font color="#FF0000">ДЕНЬГИ БУДУТ ИДТИ НА АВТОПИЛОТЕ !</font></h1>
<hr width="700" color="#FF0000">
<a href=" http://www.cyberzarobotok.ru/"><img src="images/book.jpg" width="193" height="250" align="left" hspace="30" vspace="10" alt="Изображение книги Заработок на автопилоте" border="0"></a>
<p><strong>Я буду изучать язык HTML потому,что он основа всех языков и на каком бы из языков не написан
сайт, его код отображается на языке HTML.</strong></p>
<p>Также я буду изучать его, потому, что ни один другой язык, без знания HTML не будет понятен.</p>
<p>Я буду изучать его, чтобы делать свои сайты и зарабатывать на них в интернет.</p>
<h2 align="center" id="middle"><em>Для того, чтобы зарабатывать на электронной коммерции нужно:</em></h2>
<ol>
<li>создать свой цифровой товар;</li>
<li>уметь писать продающий текст (копирайтинг);</li>
<li>вести рассылку;</li>
<li>проводить вирусный маркетинг;</li>
<li>нужно защищать свой товар от пиратов;</li>
<li>нужно уметь делать обложки;</li>
<li>нужно иметь свою партнёрскую программу и многое другое.</li>
</ol>
<p>Я пока этого не имею и не умею, изучив основы HTML, буду наполнять сайт интересным контентом
и зарабатывать на рекламе.</p>
<p>Если Вы всё же хотите зарабатывать на электронной коммерции: зайдите не сайт
<a href=" http://www.cyberzarobotok.ru/zar.php" target="_blank" title="Заработок на автопилоте"> http://www.cyberzarobotok.ru/zar.php</a>
или скачайте книгу "Заработок на автопилоте" по ссылке
<a href="http://www.cyberzarobotok.ru/book.rar">http://www.cyberzarobotok.ru/book.rar</a>
и Вы получите конкретные пошаговые инструкции по организации Вашего бизнеса таким образом, чтобы он круглосуточно приносил Вам доход, не требуя никакого участия с Вашей стороны.</p>
<p> Для того чтобы зарабатывать на электронной коммерции требуется: <a href="#middle">узнать</a>.</p>
<p>Связь с админом: <a href="mailto:admin@cyberzarobotok.ru?subject=Отзыв_о_сайте">admin@cyberzarobotok.ru<a></p>
</font>
</body>
<html>

Теперь наш текст будет выглядеть так.

В следующем уроке будем учиться делать таблицы. Перейти к изучению таблиц.

Содержание уроков по основам HTML.

Урок 1. Что такое тег? Определение основных тегов.

Урок 2. Форматирование текста.

Урок 3. Создание списков.

Урок 4. Форматирование шрифтов.

Урок 5. Вставляем изображения.

Урок 6. Изучаем ссылки.

Урок 7. Изучаем таблицы.

Урок 8. Создаём каркас сайта.

Урок 9. Создаём страницу сайта.


Реклама

Protected by Copyscape Unique Content Checker




Copiright © http://www.cyberzarobotok.ru/