HTML – ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА. СТРУКТУРНЫЕ ТЕГИ. - презентация

1 HTML – ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА

2 СТРУКТУРНЫЕ ТЕГИ

3 - - начало и конец страницы - содержит теги со служебной информацией, например, тег - содержит теги со служебной информацией, например, тег - заголовок - непосредственное содержание документа.

4 ТЕГИ МОГУТ БЫТЬ: ПАРНЫЕ ПАРНЫЕ (ПРИМЕР, ) (ПРИМЕР, ) НЕПАРНЫЕ НЕПАРНЫЕ (ПРИМЕР, )

5 текст - цвет текста - цвет основного текста -цвет фона - цвет основного текста и цвет фона

6 текст - размер шрифта текст - гарнитура (тип шрифта) текст - переход на новую строчку

7 параграфы текст - выравнивание текста (center, left, right) (по умолчанию по левому краю) текст - выравнивание по ширине текст - по центру

8 заголовки текст

9 Полужирный текст Наклонный текст (курсив) Подчеркнутый текст

10 - текст, шрифт которого с символами одинаковой ширины (фиксированный шрифт) - фиксированный шрифт, но еще и выводится с точностью до пробела текст текст

11 - вставка картинки - вставка картинки вставка картинки с указанием пути. вставка картинки с указанием пути.

12 параметры картинки (middle, top, right, left, center)

13 параметры картинки

14 - фоновая картинка - фоновая картинка

15 гиперссылки мои фото - в роли ссылки текст на файл 123.html мои фото - ссылка на файл 123.html с указанием пути. img src= - в роли ссылки картинка

16 гиперссылки Link - цвет ссылки Alink - цвет активной ссылки (нажатой) Vlink - цвет уже посещенной ссылки

17 Ссылка на почтовый ящик - пишите письма Замечание: ссылка может быть не только на документ с расширением *.html, но и на многие другие (*.doc, *.mp3, *.jpg, *.gif, *.txt, *.zip, *.exe и т.д.)

18 гиперссылки мои фото target ="_blank" - указывает на то, что документ 123.html, на который ведет ссылка, откроется в новом окне браузера

19 списки Текст один Текст один Текст другой Текст другой Пример маркированного типа списка

20 Табуляция в списке Сдвиг один Сдвиг один Сдвиг два Сдвиг два Сдвиг три Сдвиг три

21 Горизонтальный разделитель (center или left) (center или left) (ширина линии в процентах/пикселях) (ширина линии в процентах/пикселях) (толщина линии) (толщина линии) (отмена объемности) (отмена объемности) (цвет линии) (цвет линии)

22 таблицы - таблица - строчка таблицы - столбец (ячейка) таблицы

23 Пример таблицы

24 1x1 1x1 1x2 1x2

25 2x1 2x1 2x2 2x2 2x3 2x3

26 увеличить пространство между ячейками

27 таблицы colspan=2 объединение столбцов rowspan=2 объединение строк

28 фреймы

29 Пример 1 Хождение по фреймам Хождение по фреймам

30 Пример 3 на рисунке Хождение по фреймам Хождение по фреймам

31 Пример 2 на рисунке Хождение по фреймам Хождение по фреймам

32 Пример 4 на рисунке Хождение по фреймам