- •Содержание
- •1.Интернет технологии
- •Дисциплина информационных технологий
- •Отрасль информационных технологий
- •Основные черты современных ит
- •Технологии
- •Телефонные
- •Широкополосные
- •Связь по лэп
- •Сотовая связь
- •Электросвязь
- •Терминалы
- •Персональный компьютер
- •Сотовый телефон
- •Телевизор
- •Игровая приставка
- •Услуги Электронная почта
- •Поисковая система
- •Технологический потенциал и рост
- •Использование информационных технологий в бизнесе
- •Статистика по России
- •Язык гипертекстовой разметки html
- •Общее представление
- •Браузеры
- •Перспективы
- •Структура html-документа
- •Варианты doctype для html 4.01
- •Варианты doctype для html 5
- •Браузерные войны
- •История развития html
- •Принципы гипертекстовой разметки
- •Группы тегов нтмl
- •Структура html-документа
- •Варианты doctype для html 4.01
- •Основные элементы («теги»)
- •Гиперссылки
- •Текстовые блоки
- •Форматирование текста
- •Объекты
- •Изображения
- •Карта изображений
- •Символы
- •Названия цветов
- •Программы конструкторы ( сайтов )
Структура html-документа
HTML — это теговый язык разметки документов, то есть любой документ на языке HTML представляет собой набор элементов, причем начало и конец каждого элемента обозначается специальными пометками, называемымитегами. Регистр, в котором набрано имя тега, в HTML значения не имеет. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для тега <font>). Атрибуты указываются в открывающем теге. Вот пример части разметки HTML-документа:
<p>Текст между двумя тегами - открывающим и закрывающим.</p>
<a href="http://www.example.com">Здесь элемент содержит атрибут href.</a>
А вот пример пустого элемента: <br>
Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML <!DOCTYPE>, которая обычно выглядит примерно так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Если эта строка не указана, то добиться корректного отображения документа в браузере становится труднее.
Далее обозначается начало и конец документа тегами <html> и </html> соответственно. Внутри этих тегов должны находиться теги заголовка (<head></head>) и тела (<body></body>) документа.
Варианты doctype для html 4.01
Строгий (Strict): не содержит тегов, помеченных как «устаревшие» или «не одобряемые» (deprecated).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Переходный (Transitional): содержит устаревшие теги в целях совместимости и упрощения перехода со старых версий HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
С фреймами (Frameset): аналогичен переходному, но содержит также теги для создания наборов фреймов.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
DOCTYPE для HTML 5
В отличие от предыдущих версий тег всего один
<!DOCTYPE html>
Основные элементы («теги»)
Теги и их параметры нечувствительны к регистру. То есть <A HREF="http://example.com"> и <a href="http://example.com"> означают одно и то же.
В последних версиях HTML практически у каждого тега огромное число необязательных параметров — обычно не меньше 15. Мы приводим только основные параметры тегов.
Гиперссылки
<a href="filename" target="_self">название ссылки</a>
Атрибут href задает значение адреса документа, на который указывает ссылка.
filename — имя файла или адрес Internet, на который необходимо сослаться.
название ссылки — название гипертекстовой ссылки, которое будет отображаться в браузере, то есть показываться тем, кто зашел на страницу.
target — задает значение окна или фрейма, в котором будет открыт документ, на который указывает ссылка. Возможные значения атрибута:
_top — открытие документа в текущем окне;
_blank — открытие документа в новом окне;
_self — открытие документа в текущем фрейме;
_parent — открытие документа в родительском фрейме.
Значение по умолчанию: _self.
Тот же элемент используется для создания так называемых «якорей» (anchor), которые могут потом использоваться в гиперссылках, направленных на какой-то определённый элемент страницы. Например:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Якорь внутри документа</title>
</head>
<body>
<p><a name="top"></a></p>
<p>текст</p>
<p><a href="#top">Наверх</a></p>
</body>
</html>
Аналогичным образом якорь можно сделать на закладку, находящуюся на другой веб-странице или на другом сайте: там, куда направлена ссылка, должен стоять <a name="xxx"></a>, а там, откуда идёт ссылка, к значению href добавляется знак решётки и название якоря.