Учимся HTML/Глава 1
Добавлено: 11 февраля 2013
Просмотров: 1884 |
Комментарии: 20
Понравилось: 7 пользователям
Глава первая "Знакомство"
HTML (HyperText Markup Language) документ- это обычный текстовый документ созданный в любом текстовом редакторе и оформленный в соответствии с правилами языка HTML или HTM.
Элемент- конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отредактировать их определенным образом.
Тег- начальный или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют их.
Атрибут- параметр или свойство элемента. Это, по сути, переменная, которая имеет имя и может к ней присваиваться набор значений.
Гиперссылка- фрагмент текста, который является указателем на другой фаил или объект.
Фрейм- Первое значение- область документа со своими полосами прокрутки. Второе значение- одиночное изображение в сложном графическом файле.
URL (Uniform Resourse Locator)- универсальный указатель ресурса, адрес объекта в Интернете
Браузер- программа для просмотра Web-страниц
WWW (World Wide Web)- всемирная паутина, распределенная система доступа к гипертекстовым документам(HTML).
Скрипт(Сценарий)- программа, включенная в состав web-страницы и расширяющая её возможности.
CGI(Common Gateway Interface)- общее название для программ, которые, работая на сервере, расширяют возможности Web-страниц.
Текстовые редакторы.
В наше время существуют множество текстовых редакторов способных редактировать HTML страницы. Можно пользоваться обычным блокнотом, но я пользуюсь PSPad редактором с подсветкой кода. Он способен искать ошибки и включать предварительный просмотр прямо из редактора. Поддерживает проверку орфографии разных языков.
Каждый HTML документ(далее страница) начинается с тега <html> и заканчивается тегом </html>
Пример:
--------------------------------------------------------------------------------------------------------
<html>
<head>
<title>Пример</title>
</head>
<body>
<p> Текст страницы
</body>
</html>
--------------------------------------------------------------------------------------------------------
Тег HEAD отвечает за "голову" сайта( заголовок, иконку и т.п.). Этот тег двоичный(т.е. имеет конец). В нутри него размещаются такие теги:
title- заголовок сайта(то что находится на самом верху)
base- базовый URL. Одиночный тег.(Пример <base href="http://mysite.ru">). Чтобы не было на сайте оно будет открываться на нем mysite.ru/имя_фйла.html
Метаданные- данные для поисковиков и браузеров, они не показываются пользователю, задается одиночным тегом <meta> и имеет следующие атрибуты:
Name- имя переменной
content- значение переменной
lang- код языка, для которого действует значение переменной
http-equiv- принимается для указания браузеру дополнительных параметров по обработке страницы
Значения для атрибутов name и content:
Значение name- значение content
Author- Информация об авторе(произвольный текст)
Copyright- Информация об авторских правах на документ(произвольная форма)
Description- Описание сайта выводимое в строке поиска(для поисковиков)
Keywords- Список ключевых слов(для поисковиков)
Значения атрибута http-equiv и его содержимого
Значения http-equiv-значения content
Expires- задает дату и время, на наступлении которого браузер обновит страницу
Content-Language- указывает язык HTML документа, анологично lang
Content-Type- указывает тип документа
Refresh- задает интервал в секундах, по истечение которого браузер должен обновить страницу. Можно задать URL который загрузится при обновлении(content="5; url="страница")
Примеры:
--------------------------------------------------------------------------------------------------------
<title>Текст</title>
<base href="http://mysite.ru">
<meta name="Author" content="Текст">
<meta name="Copyright" content="Текст">
<meta name="Description" lang="ru" content="Описание">
<meta name="Keywords" lang="ru" content="Ключевые слова">
<meta http-equiv="Expires" content="Mon, 2013 Feb 12 15:15:15 GMT">
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-type" content="text/html">
<meta http-equiv="Refresh" content="5; url="http://mysite.ru/index.html">
--------------------------------------------------------------------------------------------------------
Следующая глава- Элемент BODY
|
Информация
Для того, чтобы оставлять комментарии к данной публикации необходимо
зарегистрироваться .
Мы Вконтакте
