Слайд 2
HTML
(Hyper Text Markup Language)
язык разметки гипертекста
Web-страницы
Слайд 3
Программы для создания HTML – файлов:
Редакторы (HTML Wirtel,
HTML Assistant, WebEdit, HomeSite, Блокнот и т.д.)
Шаблоны
Программы-преобразователи
Слайд 4
Программы для просмотра Web - страниц
Microsoft Internet Explorer
Netscape
Communicator
The Bat!
Opera и т.д.
создания страницы)
Internet Explorer
(для интерпретации файлов)
Программы для создания HTML – файлов:
Слайд 6
Гипертекст – это текст, содержащий специальные разметочные теги.
Теги
(tag – ярлык, признак) – инструкции браузера, указывающие способ
отображения текста.
Слайд 7
Пример тега
Типы
тегов
Парные (влияет на текст с того места, где употреблён
тег, до того места, где указан признак окончания его действия)
Непарные
Слайд 8
Структурные теги
Теги символов
Теги форматирования абзацев
Теги оформления списков данных
Теги
логического форматирования текста
Теги физического форматирования текста
Категории тегов
Слайд 10
начинает описание HTML - файла
HTML
- документ состоит из двух частей:
Раздел заголовка
Содержательная часть
Слайд 11
Раздел заголовка
Начинается тегом
Заканчивается тегом
Mежду данными тегами
располагается тег (этот тег используется для
задания названия документа)
Слайд 12
Раздел содержательной части
Начинается тегом
Заканчивается тегом
(между которыми
располагается содержимое
HTML - документа)
Слайд 13
Создать файл в Блокноте (сохраните в файле Пример,
указав расширение *. html)
Заголовок HTML – документа
Это тело HTML – документа. Здесь можно разместить всё, что угодно.
Слайд 14
Создать файл в Блокноте (сохраните в файле Пример,
указав расширение *. html)
Слайд 15
Теги символов
Теги логического форматирования
текста
Теги физического
форматирования
текста
Слайд 16
Теги логического форматирования текста
Слайд 17
Теги физического форматирования текста
Слайд 18
используется для отметки аббревиатур, акронимов (акроним – произносимое
слово, состоящее из начальных букв словосочетания); используя тег
- можно указать «расшифровку» акронима, которая появляется на экране, когда курсор располагается на акрониме.
Слайд 19
Пример использования тега :
МКОУ «Глядянская средняя общеобразовательная школа»
Слайд 22
Параметры тега
FACE (задаёт название шрифта, которым
будет выводится
текст)
SIZE (задаёт размеры шрифта в условных
единицах от 1 до 7)
COLOR (устанавливает цвет шрифта,
который может задаваться с
помощью стандартных имён или
набором шестнадцатеричных цифр)
Слайд 23
Задание цвета
на языке HTML
Шестнадцатеричные значения
(цветовая
система базируется на трёх основных цветах – красном, зеленом
и синем – обозначается RGB)
Например: #000000, #0000FF, #FF0000,
#FFFFFF
Мнемонические обозначения
(название цвета)
Например: Red, White, Blue, Green
Слайд 24
Пример использования
параметра Color:
Шрифт размера 6,
цвет зелёный
или
Шрифт размера 6, цвет
зелёный
Слайд 25
Примеры использования
параметров тега :
Название шрифта
Шрифт размера 5
Шрифт размера 6, цвет зелёный
Слайд 26
Тег
используется для указания размера,
типа и
цвета шрифта по умолчанию
Слайд 27
Примеры использования
тега :
Шрифт по умолчанию размера 3
Шрифт размера 2
SIZE=4 COLOR=Olive> Шрифт размера 4, цвет оливковый
Слайд 28
Пример использования параметра
Color c тегом :
Задание
цвета фона
Слайд 29
тег «параграф», отделяет абзац
друг от друга
Тег
Слайд 30
Примеры использования
тега :
Выравнивание по левой границе окна
Выравнивание по
центру окна
Выравнивание по правой границе окна
Выравнивание по ширине окна
Слайд 31
Тег
отображение горизонтальной линии
Слайд 32
Пример использования
тега :
SIZE=30 COLOR=#00FF00>
Слайд 33
Тег
для разметки заголовков (,,
, , ,
)
Слайд 34
Вставка пробелов и специальных символов
"
±
²