HTML ссылки
Шестой урок нашего обучения повествует о ссылках html. Вы узнаете, как ставить ссылки на другие страницы вашего сайта или на чужие сайты. Обо все по порядку.
Итак, обычно сайт состоит из большого количества страниц (от 10 до нескольких тысяч), и чтобы можно было перейти с одной страницы на другую, необходимо поставить html код ссылки.
Также ссылки html нужны, если нужно перейти с одного сайта на другой. Наверняка, все имели дело с ссылками, поэтому нет смысла останавливаться подробнее. Например, ссылка на главную страницу и вы узнаете, как их ставить.
Теперь о том, как поставить ссылку html. Для этого необходимо разместить на своей странице html код ссылки. Осуществить это возможно при помощи тегов <a> </a>.
Тег <a> должен иметь обязательный параметр href="", в значении этого параметра указывается адрес сайта или страницы.
Например, <a href="http://htmlsait.ru">Создание сайтов HTML</a>. В данном случае, ссылка адресована на сайт htmlsait.ru, а выглядеть она будет как «Создание сайтов HTML».
То есть, между тегами <a> </a> пишется анкор – ссылочное слово или фраза.
Давайте вернемся к нашему сайту, и поставит на него html код ссылки.
<html><head>
<title>Название страницы моего первого сайта</title>
</head>
<body text="#CC0000" bgcolor="#494949">
<center>
Содержимое моего сайта.<br><font color="#00AA00">Я прохожу уроки создания сайта.</font>
<br><br>
<img src="kartinka.jpg" width="184" height="110" title="Эмблема сайта">
<br><br>
<i>учимся выделять html текст курсивом</i>
<br>
<b>изучаем новые html теги текста</b>
<br><br>
<a href="http://htmlsait.ru">Создание сайтов HTML</a>
</center>
</body>
</html>
Теперь при нажатии на фразу «Создание сайтов HTML», вы отправитесь на сайт htmlsait.ru.
Ссылка на страницу html
Теперь о том, как поставить ссылку на страницу html вашего сайта. Для этого нужно вместо адреса сайта htmlsait.ru, указать название второй страницы html.
Например, страница называется poleznoe.html, то ссылка будет выглядеть так:
<a href="poleznoe.html ">Полезное</a>
Но это при условии, что страница poleznoe.html находится в той же папке, что и главная.
Освоим еще одну полезную вещь. Как сделать ссылку на страницу html в виде картинки, то есть, чтобы нажимать не на текстовую фразу, а на картинку.
Для осуществления этой идеи, нужно вместо фразы между тегами <a> </a>, поставить html код картинки. В итоге ссылка html буде в виде картинки.
Давайте добавим html код ссылки в виде картинки. Так как картинка на нашем сайте уже есть, заключим ее в теги <a> </a> и зададим адрес на сайт htmlsait.ru.
После внесения изменений код должен выглядеть так:
<html><head>
<title>Название страницы моего первого сайта</title>
</head>
<body text="#CC0000" bgcolor="#494949">
<center>
Содержимое моего сайта.<br><font color="#00AA00">Я прохожу уроки создания сайта.</font>
<br><br>
<a href="http://htmlsait.ru">
<img src="kartinka.jpg" width="184" height="110" title="Эмблема сайта" border="0">
</a>
<br><br>
<i>учимся выделять html текст курсивом</i>
<br>
<b>изучаем новые html теги текста</b>
<br><br>
<a href="http://htmlsait.ru">Создание сайтов HTML</a>
</center>
</body>
</html>
Обратите внимание на то, что добавлен новый параметр border="" в тег <img>, со значением 0.
Этот параметр необходим для удаления рамки по периметру картинки.
Результат шестого урока должен быть следующим > html кода ссылки
Использовать html код ссылки можно не только для установки ссылки на страницу html или на сайт. Например, вам нужно чтобы посетители вашего сайта могли скачать mp3 файл или архив rar c программой.
Делается это просто, вместо адреса, вы указываете имя скачиваемого файла.
Например, <a href="pesnya.mp3">Скачать эту песню</a> или <a href="proga.rar">Ссылка на скачивание программы</a>.
Но при этом, скачиваемы файлы, должны находиться в одной папке со страницей, на которой стоит ссылка html.
Урок 8: таблицы в html, продолжение.