Презентация для 8 класса «HTML»
«Язык разметки гипертекста HTML» 8 класс Выполнила : учитель информатики и ИКТ Тишкина А.Н. Содержание HTMLWeb – страницаРазмещение страниц на Web-узлеОсновные теги web-страницыТеги форматирования текстаВыравнивание текста абзацаНумерованный списокМаркированный списокМногоуровневый списокЦвет текста и фона Web-страницыВставка изображенияВставка рисункаРекомендацииСоздание web-страницы HTML HTML (Hyper Text Markup Language) – стандартный язык для создания Web-страниц Описательный язык разметки HTML имеет свои команды, которые называются тегами. Содержание ТЕГ Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки <>. Тег является активным элементом, изменяющим представление следующей за ним информации. Обычно используются два тега - открывающий и закрывающий. Содержание Web-страница Это текстовый файл с управляющими дескрипторами языка HTML. Содержание Размещение страниц на Web-узле Index.htm Стр.1 Стр.2 Стр.3 Последовательное размещение страниц на Web-узле Index.htm Стр.1.1 Стр.1.2 Стр.1.3 Стр.2 Стр.2.1 Стр.2.2 Стр.2.3 Стр.3 Стр.3.1 Стр.3.2 Стр.3.3 Таблица Web-страниц Содержание Основные теги web-страницы Заголовок web-страницы
Название страницы Содержимое страницы Содержание Теги форматирования текста
Создает новый абзац
: left, right, justify или center
Создает самый заголовок
Создает жирный текст
Создает наклонный текст
Устанавливает размер текста в пределах от 1 до 6. Содержание Вперед Теги форматирования текста
Устанавливает цвет текста, используя значение цвета в виде RRGGBB. Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет. Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет. Содержание Назад Выравнивание текста абзаца <Р ALIGN="left" >Абзац выровнен влевоР> <Р ALIGN="center" >Абзац выровнен по центруР> <Р ALIGN="right" >Абзац выровнен вправоР> <Р ALIGN="justify" >Абзац выровнен по ширинеР>
Этотoт текст всегда должен оставаться в одной строке
Содержание Цвет текста и фона Web-страницы
- цвет шрифта - цвет фона страницы белый – white белый – whiteбирюзовый – tealжелтый – yellowзеленый – greenзолотой – goldкрасно-коричневый – maroonкрасный – redлимонный – limeморской волны – aqua фуксиновый – fuchsiaчерный – blackпурпурный –purpleсеребряный – silverсерый- grayсиний – blueтемно-голубой - navyоливковый – olive Содержание Нумерованный список ...
устанавливают начало и конец нумерованного списка, ... отмечают отдельные пункты списка. <Н2>Типы списковН2>< LI >Нумерованный< /LI >< LI >Маркированный LI >
Содержание Маркированный список устанавливают начало и конец маркированного списка. ... отмечают отдельные пункты списка. Содержание Многоуровневый список Многоуровневые спискиН2> - Нумерованный
- Пункт 1
- Пункт 2
- Пункт 3
< LI >Маркированный - Первый вариант
- Второй вариант
- Третий вариант
Содержание Вставка изображения Добавляет изображение в HTML документВыравнивает изображение к одной из сторон документа, принимает значения: left, right,center. Содержание Вставка рисунка Ссылка на файл Выравнивание по левой стороне Содержание Рекомендации Время загрузки страницы не должно превышать 5 секунд.Время загрузки зависит от размера страницы и от скорости подключения компьютера пользователя: аналоговый модем за 5 сек – 20 Кбайт, кабельный модем или ISDN – за 5 сек – 60-80 КбайтЧем важнее страница и чем чаще она должна появляться, тем быстрее она должна загружаться. Содержание Создание web-страницы 1 2 3 Выполнить действия 1,2,3,4 4 Содержание WEB-страничка готова! Удалить Содержание Спасибо за внимание