Основы Html HTML Hyper Text Markup Language

Скачать презентацию Основы Html HTML Hyper Text Markup Language

0b14461785e51eb664019a29140987d2.ppt

Количество слайдов: 20

Основы Html HTML – Hyper. Text Markup Language – язык разметки гипертекста 2 3 4 5 6 7

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

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

Структурные теги <html> <head><title>название страницы</title> </head> <body> содержание страницы </body> </html> Структурные теги название страницы содержание страницы

• Цвет фона и текста: текста <body bgcolor= … text=…> • Форматирование заголовков • Цвет фона и текста: текста • Форматирование заголовков n изменяется от 1 до 6 : 1 – заголовок первого уровня, 6 – заголовок самого низкого уровня.

Теги форматирования текста • выделение абзаца

• перевод строки • горизонтальная линия

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

• жирный шрифт (bold) <b> … </b> • курсивный шрифт (italic) <i> … • жирный шрифт (bold) … • курсивный шрифт (italic) … • подчеркнутый шрифт (underline) … • верхний индекс ^… • нижний индекс _… • перечеркнутый текст … • вывод текста с сохранением формата

…

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

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

Бегущая строка <MARQUEE align=top/middle/bottom behavior=scroll/slide/alternate bgcolor=…. direction=left/right loop=число/infinite width=…% hspace=число vspace=число scrollamount= число (1 Бегущая строка текст или графика < /MARQUEE> height=…%

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

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

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, III, IV…)

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

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

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

Создание таблицы <TABLE border=число bordercolor=цвет width=…% bgcolor=цвет cellspacing=число cellpadding=число> <caption align=top/bottom> Текст </caption> <tr Создание таблицы
Текст
заголовок 1 заголовок 2 заголовок 3
текст1 текст2 текст3

• объединение строк <td rowspan=число> • объединение столбцов <td colspan=число> • объединение строк • объединение столбцов

заголовок 1	заголовок 2	заголовок 3
текст1	текст2	текст3