Для перехода на другие страницы вашего сайта, применяется тег <a> с параметром herf, в котором указывается, куда будет произведен переход в случае нажатия на ссылку.
В параметре может быть указан переход, как на отдельную страницу вашего сайта, так и на страницу стороннего сайта.
Если обозначена только страница – то она должна находиться на вашем сайте.
Пример: <a href=”o_sebe.html”>О себе</a>
Текст можно заменить картинкой и тогда написание будет выглядеть вот таким образом:
<a href=”o_sebe.html”><img src=”images/viktor_novikov” width=”200” height=”200”></a>
Если вам нужна рамка (бордюр) вокруг картинки, то прописываем параметр border=”1”
<a href=”o_sebe.html”><img src=”images/viktor_novikov” border=”1”
width=”200” height=”200”></a>
Если вы хотите чтобы ссылка открывалась в новом окне, то надо в тег <a> дописать еще один параметр target=”_blank”
<a href=”http://www.novikovv.com” target=”_blank”><img src=”images/viktor_novikov” border=”1” width=”200” height=”200”></a>
Элемент <!DOCTYPE>
Давайте рассмотрим такой элемент как <!DOCTYPE>. Элемент <!DOCTYPE> предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует представить текущую веб-страницу, поскольку HTML существует в нескольких версиях.
Кроме того, имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису.
Я не затрагивал эту тему с самого начала, для того, чтобы вы изначально привыкли к коду.
Поэтому.
Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб — страницу и необходимо в первой строке кода задавать <!DOCTYPE>. Существует несколько видов <!DOCTYPE>, они различаются в зависимости от версии языка, на которого ориентированы. Но мы не полезем в такие дебри. Если кому интересно, то можете посмотреть подробную информацию по ссылке:
http://htmlbook.ru/html/!doctype
В нашем случае мы рассматриваем версию HTML-4.1 с переходный синтаксисом HTML.
<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”>
Синтаксис (разбор) этой строки будет такой:
<!DOCTYPE [Элемент верхнего уровня] [Публичность]” [Регистрация]//[Организация]//[Тип] [Имя]//[Язык]” ”[URL]”>
[Имя] – Transitional, это переходная подверсия, позволяющая использовать как все появившиеся новые теги, так и устаревшие.
Прописанный адрес [URL] — http://www.w3.org/TR/html4/loose.dtd как раз и отправляет браузер на спецификацию данной версии.
<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<title>Online обучение: HTML</title>
</head>
<body bgcolor=”#00CCFF” text=”#FFFF00”>
<center>
<table border=”1” width=”300” height=”250” >
<tr>
<td>
<center>
<font size=”4”> <P>Я изучаю язык разметки (маркировки) гипертекста – HTML. Он мне нужен для создания персонального сайта.</P><font>
<br><br>
<img src=”http://ваш домен/dopmat/images/dollars.gif ” width=”200” height=”200”>
<font size=”3”> <P>Это мой первый опыт по созданию интернет странички. Я хочу создавать свои сайты и получать пассивный доход в интернете. </P><font>
</center>
</td>
</tr>
</table>
</center>
</body>
</html>
