Урок 3-й. Голова.
Сейчас мы начнем изучение «головы». Все теги в этом уроки мы будем вставлять между <head> и</head>.
Взглянув на заголовок страницы за место названия вы увидите путь к файлу, что бы присвоить странице имя используется тег:
<title>Заголовок</title>
Пример целиком:
<html>
<head>
<title>Самый лучший сайт</title>
</head>
<body></body>
</html>
Практически на всех сайтах рядом с заголовком страницы имеется иконка. Что бы вставить иконку используют следующий тэг:
<link>
Он не требует второго закрывающего тэга но, у него есть параметры.
Параметры имеют такой вид:
<тэг параметр="значение">
или два параметра
<тэг параметр 1="значение A" параметр 2="значение B">
Я расскажу о параметрах необходимых для вставления иконки:
rel - указывает как надо использовать файл
для иконки требуется значение
rel="short icon"
Далее прописываем путь к иконке через параметр
href
в значении указываем путь к иконке. Предположим что иконка называется icon.ico
и находится в той же папке что и index.html тогда путь к ней будет выглядить так:
href="icon.ico"
Если иконка находится в папке которая лежит рядом с индексом тогда путь будет выглядить так:
href="papka/icon.ico"
Если иконка находится на уровень выше от индекса то путь пишется так:
href="../icon.ico"
Целиком тэг добавляющий иконку выглядит так:
<link rel="short icon" href="icon.ico">
Если у вас нет иконки, а попробывать хочется я поделюсь парочкой иконок скачать
Весь код выглядит так:
<html>
<head>
<title> Самый лучший сайт </title>
<link rel="short icon" href="icon.ico">
</head>
<body></body>
</html>
Расскажу про еще один тэг:
<base> -инструктирует браузер
Имеется параметр
target
Приписав ему значение
target="_blank"
ваша страница будет открываться в новом окне браузера, а со значением:
target="_self"
страница будет загружаться в текущем окне.
Ну и напоследок приведу полученный в результате урока код:
<html>
<head>
<title> Самый лучший сайт </title>
<link rel="short icon" href="icon.ico">
<base target="_self">
</head>
<body>
</body>
</html>
С этим кодом ваша страница будет иметь название "Самый лучший сайт" и будет иметь иконку.
Боьлше информаций вы можете узнать на моем сайте, просто нажмите на сcылку - Основы HTML