Основы HTML
презентация к уроку по информатике и икт (8 класс) по теме
Предварительный просмотр:
Подписи к слайдам:
Содержание HTML Web – страница Размещение страниц на 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 -страницы < HEAD > HEAD > Заголовок web -страницы < TITLE > TITLE > Название страницы < BODY > BODY > Содержимое страницы Содержание
Теги форматирования текста
Создает новый абзац : left, right, justify или center Создает самый заголовок Создает жирный текст Создает наклонный текст Устанавливает размер текста в пределах от 1 до 6. Содержание ВпередТеги форматирования текста Устанавливает цвет текста, используя значение цвета в виде RRGGBB.
Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет. Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет. Содержание НазадВыравнивание текста абзаца <Р ALIGN="left" >Абзац выровнен влевоР> <Р ALIGN="center" >Абзац выровнен по центруР> <Р ALIGN="right" >Абзац выровнен вправоР> <Р ALIGN="justify" >Абзац выровнен по ширинеР>
Цвет текста и фона Web- страницы - цвет шрифта - цвет фона страницы белый – white белый – white бирюзовый – teal желтый – yellow зеленый – green золотой – gold красно-коричневый – maroon красный – red лимонный – lime морской волны – aqua фуксиновый – fuchsia черный – black пурпурный – purple серебряный – silver серый- gray синий – blue темно-голубой - navy оливковый – olive Содержание
Нумерованный список < OL >... OL > устанавливают начало и конец нумерованного списка, < LI >... LI > отмечают отдельные пункты списка. <Н2>Типы списковН2> < OL > < LI >Нумерованный< / LI > < LI >Маркированный LI > OL > Содержание
Маркированный список < UL >... UL > устанавливают начало и конец маркированного списка. < LI >... LI > отмечают отдельные пункты списка. Содержание
Многоуровневый список < H2 >Многоуровневые спискиН2> < OL > < LI >Нумерованный LI > < OL > < LI >Пункт 1 LI > < LI >Пункт 2 LI > < LI >Пункт 3 LI > OL > < LI >Маркированный LI > < UL > < LI >Первый вариант LI > < LI >Второй вариант LI > < LI >Третий вариант LI > UL > OL > OL > Содержание
Вставка изображения Добавляет изображение в HTML документ Выравнивает изображение к одной из сторон документа, принимает значения: left, right,center. Содержание
Вставка рисунка Ссылка на файл Выравнивание по левой стороне Содержание
Рекомендации Время загрузки страницы не должно превышать 5 секунд. Время загрузки зависит от размера страницы и от скорости подключения компьютера пользователя: аналоговый модем за 5 сек – 20 Кбайт, кабельный модем или ISDN – за 5 сек – 60-80 Кбайт Чем важнее страница и чем чаще она должна появляться, тем быстрее она должна загружаться. Содержание
Создание web-страницы 1 2 3 Выполнить действия 1,2,3,4 4 Содержание
WEB-страничка готова! Удалить Содержание
Спасибо за внимание