Основы Html HTML – HyperText Markup Language – язык разметки гипертекста 234567. - презентация

1 Основы Html HTML – HyperText Markup Language – язык разметки гипертекста

2 Гипертекст Текст на бумажном носителе Страница 1 Страница 2 Страница … Компьютерный гипертекст гиперсвязи гиперссылки

3 Теги – инструкции браузеру, указывающие способ отображения текста в окне программы. ТЕГИ ПарныеНепарные Имеют открывающий не имеют закрывающего флаг флага и закрывающий

4 Структурные теги название страницы содержание страницы

5

6 Цвет фона и текстаЦвет фона и текста: Форматирование заголовковФорматирование заголовков n изменяется от 1 до 6 : 1 – заголовок первого уровня, 6 – заголовок самого низкого уровня.

7

8 Теги форматирования текста выделение абзаца перевод строки горизонтальная линия n = от 2 до 7 m = кол-во пикселей или % от экрана изменение гарнитуры шрифта: размер цвет вид … k= от 1до 7

9 жирный шрифт(bold) … курсивный шрифт (italic) … подчеркнутый шрифт (underline) … верхний индекс … нижний индекс … перечеркнутый текст … вывод текста с сохранением формата …

10 Размещение графики на web-странице картинка в качестве фона страницы размещение изображения в тексте n, m, k = количество пикселей

11 Размещение видео и звука на web-странице вставка звука - вставляется до body отдельным тегом Loop – кол-во повторов (infinite – по умолчанию) вставка видео

12 Бегущая строка текст или графика

13 ОТСТУПЫ И СПИСКИ отступ текста от границы листа … начало нумерованного списка элемент списка текст элемент списка текст элемент списка текст конец нумерованного списка

14 начало маркированного списка элемент списка текст элемент списка текст элемент списка текст конец маркированного списка Атрибуты тэгов для списков установка типов маркеров : TYPE = DISC CIRCLE SQUARE Например:

15 DINGBAT = Text/Form/Audio/Disc drive/Previous Позволяет создавать специальные типографские символы-картинки в качестве маркеров в списках Например: тип нумерации: TYPE=1, A, a, I 1 (1,2,3…)A (A,B,C…)a (a,b,c…)I (I,II,III,IV…) Например:

16 SKIP = значение Позволяет в середине нумерованного списка пропустить заданное число пунктов нумерации. Например: – пропустит четыре следующих пункта START = значение Используется для указания того, с какого места в заданном типе нумерации начать нумерованный список. Например: – нумерация будет начинаться с буквы E и будет продолжаться далее по алфавиту

17 Вставка гиперссылок ссылка на другую html-страницу, сайт или файл (видеоклип, звуковой) активный текст или картинка ссылка на метку в тексте текущего html-документа активный текст или картинка ссылка на метку в тексте другого html-документа активный текст или картинка установка метки в html-документе текст или графика

18 Изменение цвета ссылок в теге body Link=цвет - цвет ссылки, которой еще не пользовались Vlink=цвет- цвет ссылки, на которую уже щелкали Alink=цвет- цвет ссылки в момент щелчка

19 Создание таблицы Текст заголовок1 заголовок2 заголовок3 текст1 текст2 текст3 Текст заголовок1 заголовок2 заголовок3 текст1 текст2 текст3

20 объединение строк объединение столбцов