Содержание
- 2. Содержание Урок 1. Общие представления о языке HTMLHTML – слайды 3-12 Урок 2. Ввод и форматирование
- 3. Урок 1 Общие представления о языке HTML На содержание
- 4. Общие понятия HTML HTML (Hyper Text Markup Language – язык гипертекстовой разметки) является языком программирования, предназначенным
- 5. Историческая справка Сеть Word Wide Web (WWW) родилась в 1989 году в Женеве, Швейцария. Придумал мировую
- 6. Создание HTML-документа Для создания HTML-документа подойдет любой текстовый редактор (например, Блокнот). Введите в текстовый файл HTML-код,
- 7. Просмотр и изменение HTML-кода Чтобы отобразить исходный код Web-страницы, нужно в контекстном меню выбрать команду Открыть
- 8. Обязательные дескрипторы HTML параметры страницы текст страницы … - устанавливаются в начале и конце документа. …
- 9. Дескрипторы раздела заголовка Перечислим некоторые наиболее часто используемые дескрипторы, устанавливаемые в заголовке (между тегами … )
- 10. Дескрипторы основного раздела В основном разделе Web-страницы содержится текст документа с дескрипторами, которые выполняют форматирование текста
- 11. Практика Откройте Блокнот (Пуск ->Все программы ->Стандартные -> Блокнот) и сохраните документ с расширением .html (Файл
- 12. Откройте HTML-код (правой кнопкой по Web-странице вызовите контекстное меню и выберите команду Просмотр HTML-кода). Внесите изменения
- 13. Урок 2 Ввод и форматирование текста Web-страницы На содержание
- 14. Разметка текста на странице Обозреватели Web-страниц игнорируют все отступы, пробелы и разрывы строк, заданные в текстовом
- 15. Создание нового абзаца Выравнивание по левому краю Выравнивание по центру Выравнивание по правому краю Выравнивание по
- 16. Разрыв строки Если текст нужно начать с новой строки, используется непарный дескриптор . Обозреватель покажет текст
- 17. Практика Задание 1. Введите в документ proba.html между дескрипторами … строфу из стихотворения «Зеленый шум»: Люби,
- 18. Текстовые заголовки Заголовки шести уровней устанавливаются с помощью парных дескрипторов от … до … , причем
- 19. Установка шрифта Дескриптор … позволяет устанавливать параметры текста: шрифт, его размер и цвет. Шрифт выбирается с
- 20. Цвет текста и фона Цвет текста можно установить двумя способами: с помощью параметра COLOR в дескрипторе
- 21. Форматирование текста Для форматирования текста используются следующие дескрипторы: … - полужирный шрифт; … - курсив; …
- 22. Практика Задание 1. Введите в документ proba.html в дескриптор параметры BGCOLOR=‘yellow’ TEXT=‘blue’ текст страницы Измените значения
- 23. Урок 3 Специальный текст и символы На содержание
- 24. Нумерованный список Для создания нумерованного списка используются парные теги … , задающие начало и конец списка
- 25. Маркированный список Для создания маркированного списка вместо тегов … используются теги … , а каждая строка
- 26. Многоуровневый список Многоуровневый список создать легко: нужно просто вложить список внутрь другого. Попробуйте сделать это самостоятельно.
- 27. Бегущая строка Бегущая строка создается с помощью парного дескриптора … . Текст, расположенный между этими тегами,
- 28. Комментарии для разработчиков Код Web-страницы может быть достаточно сложным, и со временем разработчик может забыть назначение
- 29. Урок 4 Графика на Web-страницах На содержание
- 30. Форматы графических файлов В Интернете используется всего три формата графических файлов: JPEG – для высококачественных полноцветных
- 31. Добавление рисунка на Web-страницу Чтобы добавить рисунок, используется непарный тег . Атрибуту SRC присваивается путь к
- 32. Размещение рисунка Размер изображения задается атрибутами WIDTH и HEIGHT в дескрипторе . Значения этих атрибутов могут
- 33. Фоновый рисунок Рисунок можно использовать в качестве фона, установив в дескрипторе атрибут BACKGROUND, указав в его
- 34. Практика Создайте авторскую страницу (см. пример). Измените фон страницы Измените выравнивание фотографии относительно текста. Улучшите внешний
- 35. Урок 5 Гиперссылки на Web-страницах На содержание
- 36. Создание гиперссылки Гиперссылки создаются с помощью тега … . Атрибуту HREF присваивается следующие значения: гиперссылка На
- 37. Оформление гиперссылки Цвет ссылки нужно прописывать: link - цвет ссылки, alink - цвет активной ссылки (нажатой),
- 38. Распределение ссылок по картинке Можно создать графическое меню из одной большой картинки таким образом, чтобы каждый
- 39. Вставка звукового файла Для того, чтобы вставить в вашу страничку звуковой файл, например, midi-файл, используйте следующую
- 40. Ссылка в новом окне По умолчанию, файл по гиперссылке открывается в том же окне, что не
- 41. Практика Вставьте в документ proba.html ссылку на авторскую страницу: имя автора Проверьте, как она работает. Подберите
- 42. Урок 6 Таблицы На содержание
- 43. Простейшая таблица Таблица создается с помощью пары дескрипторов … , строки и ячейки которой добавляются тегами:
- 44. Форматирование текста в ячейке Для выравнивания текста по горизонтали и вертикали используются атрибуты ALIGN и VALIGN,
- 45. Форматирование ячеек таблицы Размеры ячеек устанавливаются с помощью атрибутов WIDTH и HEIGHT, которым присваиваются значения как
- 46. Границы таблицы По умолчанию обозреватели не показывают границы таблицы. Если же границы нужны, то их ширину
- 47. Выборочная прорисовка границ FRAME – внешние границы таблицы: void – нет внешних границ; above – граница
- 48. Объединение ячеек Для объединения ячеек в дескрипторах и устанавливают следующие параметры: COLSPAN – число столбцов, занятых
- 49. Группирование столбцов и строк Для группировки столбцов применяются парные дескрипторы: - разбивка на столбцы разных типов
- 50. Приложения Словарь дескрипторов (тегов) Готовые конструкции Начало страницы Таблица Таблица 1 Таблица 2 Таблица 3 Фрейм
- 52. Скачать презентацию