Язык HTML

Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.

HTML HyperTextMarkupLanguage(HTML) – язык разметки гипертекста. Гипертекст - структура, связывающая элементы между собой. HTML-документ – документ, выполненный в формате HTML. Гиперссылка - текст-указатель на другой объект.

URL-адрес файла Пример:

Структура Web-страницы Тег – начальный и конечный маркер элемента. Текст Пример: Текст

Атрибут – параметр или свойство элемента. Пример: Текст Структура Web-страницы

Название страницы … Структура Web-страницы Заголовок Тело Программа

Форматирование текста ЭлементТегАтрибуты Абзац Полужирный шрифт Курсив Определение типа, размера и цвета шрифта

Градация красного

Градация зеленого

Градация синего

RGB - Red Green Blue #11 FF A B C d E F # – черный #FF FF FF – белый #FF – красный #00 FF 00 – зеленый #00 00 FF - синий

Цвет шрифта можно задать с помощью атрибута color в теге, например: Это цветной текст 1 Это цветной текст 2

Чтобы задать цвет фона страницы используется атрибут color внутри тега, например:

Гиперссылки - создание гиперссылки Текст Пример: Об авторе

Вид гиперссылок Внутри тега Link – цвет ссылок Vlink – цвет посещенных ссылок Alink – цвет активных ссылок Пример:

Графика на Web-странице - элемент для создания ссылки на графический файл (image). src - указатель на файл графики src="Ссылка на файл" Пример:

Alt – замещающий текст height - высота width – ширина border - задает рамку вокруг объекта Графика на Web-странице

- основной элемент создания таблицы - элемент создания строки - элемент создания ячейки Таблицы в HTML

Свойства таблицы в HTML 1.Ширина таблицы 2. Цвет таблицы 3. Ширина границы таблицы

Свойства таблицы в HTML 4. Выравнивание по горизонтали Align left - выравнивание влево; right - выравнивание вправо; center – центрирование. Пример: align="center"

Свойства таблицы в HTML 5. Выравнивание по вертикали Valign top - выравнивание по верхнему краю ячейки center - выравнивание по центру baseline - выравнивание по первой строке Пример: valign=middle"

Задание 1. Составьте таблицу для расписания ваших уроков. Пусть эта таблица состоит из 8 столбцов и 9 строк. Ширина таблицы - 100%. 2. В первом столбце укажите время начала и конца ваших уроков. Выравнивание данных в ячейках по левому краю. 3. В остальных столбцах школьные предметы по дням недели. 4. Выравнивание дней недели - по центру ячейки и жирным шрифтом. 5. Выравнивание названий предметов - по левому краю. 6. У всех столбцов фон сделайте разным цветом. 7. Между заголовком и таблицей поместите рисунок.