Язык гипертекстовой разметки. Copyright Baltazar and Mirron corp. - презентация

1 Язык гипертекстовой разметки. Copyright Baltazar and Mirron corp

2 Среда HTML-программирования. Блокнот (программирование «руками» в тэгах) Html-редакторы: –Работа с кодом (высвечиваются ошибки и предлагаются возможные тэги и свойства): CoffeeCup HTML Editor HotDog –Работа с дизайном: Macromedia Dreamweaver Microsoft FrontPage Copyright Baltazar and Mirron corp

3 Основные понятия Теги (от англ. «tag»-отметка)-операторы и команды HTML. Все теги заключаются в. Следует заметить, что практически все теги надо закрывать: Теги web-страницы В закрывающем теге ставится / Copyright Baltazar and Mirron corp

4 Задание Web-страниц в среде Блокнот Любая web-страница задается следующими тэгами: Site name Содержимое страницы Copyright Baltazar and Mirron corp

5 Настройка страницы. Кодировка: тег вставляется внутри Св-ва тега : Background=путь- фоновая картинка Bgcolor=#цвет- фон Link=#цвет – цвет ссылок Alink=#цвет – цвет активных ссылок vlink=#цвет – цвет посещенных ссылок Topmargin=число- отступ сверху Text=#цвет – цвет текста Copyright Baltazar and Mirron corp

6 Теги форматирования текста Тег : Size=число от 1 до 7- размер шрифта Face=название - изменение шрифта Color=#номер – цвет шрифта Тег : Align=значение – центровка: Right Left Center Тег, Теги,, Тег Пример: Текст1 Текст2 Copyright Baltazar and Mirron corp

7 Гиперссылки Тег : Href=путь – связь с объектом, на который идет ссылка Target=название – указание того окна, где будет открываться объект: _parent _self _blank Link Copyright Baltazar and Mirron corp

8 Вставка изображений Тег : Src=путь – привязка к объекту Width=число – ширина Height =число – длина Border=число – толщина границ Bordercolor=#цвет – цвет границ Align=значение- расположение объекта: Left Right Пример: Tег закрывать НЕ НАДО Copyright Baltazar and Mirron corp

9 Списки Нумерованный: тег - ввод списка тег текст - пункты списка Пример: text Ненумерованный: тег - ввод списка тег текст - пункты списка Пример: text Copyright Baltazar and Mirron corp

10 «Якоря» Якорь – специальная метка в документе, невидимый объект, на который можно создать ссылку. Вставка якоря: Ссылка на якорь: текст Copyright Baltazar and Mirron corp

11 Таблицы Тег : Width=число – ширина Height =число – длина Border=число – толщина границ Bordercolor=#цвет- цвет границ Bgcolor=#цвет – фон Cellspacing=число- расстояние между ячейками Align=значение- центровка Copyright Baltazar and Mirron corp

12 Строки и ячейки. Вставка строки – тег Вставка ячейки – тег : Width=число – ширина Height =число – длина Border=число – толщина границ Bordercolor=#цвет- цвет границ Bgcolor=#цвет – фон Colspan=число- кол-во столбцов, которое занимает ячейка. Copyright Baltazar and Mirron corp

13 Пример text text text Copyright Baltazar and Mirron corp

14 Фреймы Размещение фреймов – процедура, позволяющая разделить окно броузера на несколько частей. Тег -определение набора фреймов: Cols(число1,число2)- границы фреймов по ширине Rows(число1, число2) - границы фреймов по высоте Тег - задание фрейма: Src=путь- привязка к документу Name=имя – название фрейма Пример: Copyright Baltazar and Mirron corp

15 «Плавающий» фрейм Тег : Width=число – ширина Height =число – длина Src=путь – привязка к объекту Name=значение – название фрейма Scrolling=yes/no/auto – наличие полосы прокрутки Align=значение -- центровка

16 Анимация Тег - бегущая строка: Behavior=значение- вид строки: Alternate- из стороны в сторону Scroll – постоянная прокрутка Slide – прокрутка только один раз Width=число – ширина Scrolldelay=число – задержка scrollamount =число – скорость Пример: txt Copyright Baltazar and Mirron corp

17 Мультимедиа Тег вставки видео или аудио : Src=путь – привязка к объекту Width=число – ширина Height =число – длина Autostart=true or false-автозапуск(или его отсутствие) Тег загрузки фонового звука (тег не надо закрывать): Src=путь – привязка к объекту

18 Выпадающие списки. Тег : текст - элемент списка. Создание панели навигации с выпадающим списком: 1 >2 >3 >4 >5