Россия, Санкт-Петербург
СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ
Благодаря готовым учебным материалам для работы в классе и дистанционно
Скидки до 50 % на комплекты
только до
Готовые ключевые этапы урока всегда будут у вас под рукой
Организационный момент
Проверка знаний
Объяснение материала
Закрепление изученного
Итоги урока
Была в сети 17.08.2023 15:17
Деменко Полина Дмитриевна
Учитель информатики
32 года
8 559
4 112 
Местоположение
Специализация
Теория Основы Html
Категория:
Информатика
02.04.2017 22:00
Просмотр содержимого документа
«Теория Основы Html»
ОСНОВЫ ЯЗЫКА HTML
HTML (Hyper Text Manipulation Language)
- язык, предназначенный для создания форматированного текста, который насыщен изображениями, звуком, анимацией и ссылками на другие объекты, например, гипертекстовые документы, графические файлы и т.д.,
ОСНОВЫ ЯЗЫКА HTML
Тег (Tag)
- команда HTML
ОСНОВЫ ЯЗЫКА HTML
ОСНОВЫ ЯЗЫКА HTML " width="640"
Тег состоит из следующих элементов:
- левой угловой скобки
- необязательного слэша / , который означает, что тег является конечным тегом, закрывающим некоторую структуру
- имени тега
- необязательных атрибутов
- правой угловой скобки
ОСНОВЫ ЯЗЫКА HTML
Парный тег
- имеет открывающий тег
- закрывающий тег с тем же именем
- В таких случаях два тега и часть документа, отделенная ими, образуют блок, называемый HTML элементом
ОСНОВЫ ЯЗЫКА HTML
Атрибут тега
- относящиеся к тегу уточнения
ОСНОВЫ ЯЗЫКА HTML
Спецификация атрибута
- имя атрибута, например WIDTH ;
- знак равенства = ;
- значение атрибута, которое задается строкой символов, например, " 80 ".
ОСНОВЫ ЯЗЫКА HTML
HEAD I Т L ЕКомпьютер I Т L Е HEAD HTML " width="640"
- HTML -код страницы помещается внутрь контейнера
- Заголовок Web -страницы заключается в контейнер
- Название Web -страницы содержится в контейнере
HTML
HEAD
I Т L ЕКомпьютер I Т L Е
HEAD
HTML
ОБЩИЙ ВИД ДОКУМЕНТА HTML
ОСНОВЫ ЯЗЫКА HTML
Это заглавие
Здесь титул
Это тело страницы
ОСНОВЫ ЯЗЫКА HTML
РАЗБИЕНИЕ ТЕКСТА НА СТРОКИ И АБЗАЦЫ
ОСНОВЫ ЯЗЫКА HTML
Это заглавие
Здесь титул
Это тело страницы
Предварительно
отформатированный
текст
ОСНОВЫ ЯЗЫКА HTML
ЗАГОЛОВКИ
ОСНОВЫ ЯЗЫКА HTML
Заголовок
Это тело страницы
Предварительно
отформатированный
текст
ОСНОВЫ ЯЗЫКА HTML
ВЫРАВНИВАНИЕ ТЕКСТА
2. Атрибут ALIGN=LEFT
2. Атрибут ALIGN=RIGHT
2. Атрибут ALIGN=CENTER
ОСНОВЫ ЯЗЫКА HTML
Влево
По центру
ОСНОВЫ ЯЗЫКА HTML
ФОРМАТИРОВАНИЕ ШРИФТОВ
ОСНОВЫ ЯЗЫКА HTML
Пример работы с текстом
Пишущая машинка
Что-то Верхний индекс
Что-то Нижний индекс
ОСНОВЫ ЯЗЫКА HTML
РАЗМЕР ШРИФТА
…
ОСНОВЫ ЯЗЫКА HTML
ГАРНИТУРА И ЦВЕТ ШРИФТА
ОСНОВЫ ЯЗЫКА HTML
Жёлтый текст на синем фоне
ОСНОВЫ ЯЗЫКА HTML
Синиий Arial
ОСНОВЫ ЯЗЫКА HTML
Работа с цветом
- “ #RRGGBB ”, где RR, GG, BB соответственно интенсивность красного, зеленого или синего цветов. Интенсивность задается в виде двузначного шестнадцатеричного числа (от 00 до FF).
- атрибут COLOR =”НАЗВАНИЕ ЦВЕТА”
ОСНОВЫ ЯЗЫКА HTML
Стандартные цвета
Silver (Серебро) = "#C0C0C0"
Gray (Серый) = "#808080"
Fuchsia (Фуксия) = "#FF00FF"
ОСНОВЫ ЯЗЫКА HTML
Стандартные цвета
Green (Зеленый) = "#008000"
Navy (Темно-синий) = "#000080"
Blue ( Синий ) = "#0000FF"
Teal ( Чирок ) = "#008080"
Aqua ( Аква ) = "#00FFFF"
ОСНОВЫ ЯЗЫКА HTML
СОЗДАНИЕ СПИСКОВ
ОСНОВЫ ЯЗЫКА HTML
Нумерованный список
- Первый
- Второй
- ...
Маркированный список
- Первый
- Второй
- ...
ОСНОВЫ ЯЗЫКА HTML
Список определений
Первый термин
Первое определение
Второй термин
Второе определение
ОСНОВЫ ЯЗЫКА HTML
РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ
ОСНОВЫ ЯЗЫКА HTML
РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ
ОСНОВЫ ЯЗЫКА HTML
РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ
ОСНОВЫ ЯЗЫКА HTML
РАБОТА С ТАБЛИЦАМИ
Атрибуты COLSPAN, ROWSPAN тега
ОСНОВЫ ЯЗЫКА HTML
СОЗДАНИЕ ССЫЛОК
ОСНОВЫ ЯЗЫКА HTML
Гроднеский государственный университет
ОСНОВЫ ЯЗЫКА HTML
СОЗДАНИЕ ССЫЛОК
ОСНОВЫ ЯЗЫКА HTML
ОСНОВЫ ЯЗЫКА HTML
БЕГУЩАЯ СТРОКА
…
ОСНОВЫ ЯЗЫКА HTML
БЕГУЩАЯ СТРОКА (продолжение)
ОСНОВЫ ЯЗЫКА HTML
БЕГУЩАЯ СТРОКА (окончание)
LOOP ( для BEHAVIOR=SCROLL)
ОСНОВЫ ЯЗЫКА HTML
СОЗДАНИЕ ФРЕЙМОВ
между тегами и
Атрибуты COLS (для расположенных в ряд фреймов) и ROWS (для фреймов, расположенных друг под другом)
внутри фреймов …
ОСНОВЫ ЯЗЫКА HTML
Атрибуты фрейма
ОСНОВЫ ЯЗЫКА HTML
Атрибуты фрейма (окончание)
текст сообщения
ОСНОВЫ ЯЗЫКА HTML
Вебинар для учителей
Свидетельство об участии БЕСПЛАТНО!
Полезное для учителя
Реализация образовательных программ осуществляется с применением исключительно электронного обучения и ДОТ
