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

Презентация:



Advertisements
Похожие презентации
Тема 10. ОСНОВЫ ЯЗЫКА HTML. ОСНОВЫ ЯЗЫКА HTML HTML (HyperText Manipulation Language) язык, предназначенный для создания форматированного текста, который.
Advertisements

С ИСПОЛЬЗОВАНИЕМ ЯЗЫКА ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТА HTML Создание Web - страницы.
11 класс. №026. Вставка таблиц в HTML-документ.
(HyperText Markup Language) – язык гипертекстовой разметки.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Разбиение Web-страницы на независимые окна. Кадры (frames) (позволяют разбивать страницу на независемые окна) Позволяет задавать кадровую структуру (страница.
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
HTML – ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА. СТРУКТУРНЫЕ ТЕГИ.
Название страницы содержание страницы Структура любого HTML файла.
Какой тег является тегом перевода строки? 1.BR 2.TR 3.HR 4.I.
© Пивоваров Я.А., 2005 г. Появление HTML пришлось на начало 90-х годов благодаря двум протоколам, которые являются базовыми для Internet – TCP (Transmission.
Таблицы Минимальный набор тегов и их параметров для создания таблицы. Документ может содержать произвольное число таблиц, причём допускается вложенность.
Основы Html HTML – HyperText Markup Language – язык разметки гипертекста
Фреймы в HTML. Фреймы Фрейм (англ. frame кадр, рамка) в самом общем случае данное слово обозначает структуру, содержащую некоторую информацию. Фрейм (в.
Тэг - создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными в него. Допускается также вложение таблиц одна в.
Тема : Использование различных приемов форматирования. Таблицы в HTML.
Язык разметки гипертекста. Терминология HTML. Методика использования. Основные конструкции. Лаборатория информатизации образования ИДППО Институт дополнительного.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
Транксрипт:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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