X

Код презентации скопируйте его

Ширина px

Вы можете изменить размер презентации, указав свою ширину плеера!

Язык разметки гипертекста HTML

Скачать эту презентацию

Презентация на тему Язык разметки гипертекста HTML

Скачать эту презентацию

Cлайд 1
Язык разметки гипертекста НТМL Язык разметки гипертекста НТМL
Cлайд 2
С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сох... С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами: - имя файла:index.html - тип файла: все файлы 3. Закрыть сохранённый документ.
Cлайд 3
2 шаг Открыть свою папку. Открыть файл с именем index.html В открывшемся окне... 2 шаг Открыть свою папку. Открыть файл с именем index.html В открывшемся окне программы Internet Explorer вызвать контекстное меню ( щёлкнуть правой кнопкой мыши в рабочем поле окна) Выбрать команду: Просмотр html кода
Cлайд 4
3 шаг В открывшемся окне «Блокнота» с именем index набрать текст программы на... 3 шаг В открывшемся окне «Блокнота» с именем index набрать текст программы на языке HTML. Сохранить файл (файл - сохранить). начало web-документа конец web-документа начало заголовка конец заголовка текст заголовка Структурные парные теги Тег – инструкция браузеру
Cлайд 5
4 шаг Перейти в окно Internet Explorer и обновить страницу. После этого в стр... 4 шаг Перейти в окно Internet Explorer и обновить страницу. После этого в строке заголовка появится название новой web-страницы
Cлайд 6
5 шаг Зададим цвет нашей страницы при помощи тега (название цвета по-английск... 5 шаг Зададим цвет нашей страницы при помощи тега (название цвета по-английски) Снова сохраним файл index. Снова обновим web-страницу. Фон страницы стал серым (silver-серый, серебряный). Выберите любой цвет для вашей странички!
Cлайд 7
6 шаг Цвет текста Наберите текст после этого тега Перед текстом вставим тег Д... 6 шаг Цвет текста Наберите текст после этого тега Перед текстом вставим тег Для отделения текста горизонтальной чертой используется тег
Cлайд 8
7 шаг Начало нового абзаца текст текст текст 7 шаг Начало нового абзаца текст текст текст
Cлайд 9
Вставка рисунков 8 шаг Для вставки изображения используется тег Для выравнива... Вставка рисунков 8 шаг Для вставки изображения используется тег Для выравнивания изображения использовать добавление align Для вставки фоновой картинки: ggfrtgtg www.dweb.ru
Cлайд 10
Создание гиперссылок 9 шаг Создайте 3 новых файла: List1.html List2.html List... Создание гиперссылок 9 шаг Создайте 3 новых файла: List1.html List2.html List3.html [игры]&nbsp[ истории] &nbsp[ новости]
Cлайд 11
Ссылки по изображению 10 шаг Меню сайта в виде картинок: Ссылки по изображению 10 шаг Меню сайта в виде картинок:
Cлайд 12
Ссылка на главную страницу 11 шаг Ссылка на главную страницу 11 шаг
Cлайд 13
Создание таблиц 12 шаг 1 2 3   Одна строка, в ней 3 столбца 30+30+30=90% 1 2 3 Создание таблиц 12 шаг 1 2 3   Одна строка, в ней 3 столбца 30+30+30=90% 1 2 3
Cлайд 14
Вставка рисунка в ячейку таблицы 13 шаг Вставка рисунка в ячейку таблицы 13 шаг
Cлайд 15
Вставка бегущей строки и звука шаг 14 text !!!!! Между !!!!! Вставка бегущей строки и звука шаг 14 text !!!!! Между !!!!!
Cлайд 16
Задание на ПК Папка МЕНЮ – ФОТОГАЛЕРЕЯ Создать в файле index.html меню из 3-х... Задание на ПК Папка МЕНЮ – ФОТОГАЛЕРЕЯ Создать в файле index.html меню из 3-х фотографий школы. Скопировать меню на страницы l1.html, l2.html,l3.html. На каждой странице сделать фотогалерею в виде таблицы. Все фото подписать.
Скачать эту презентацию
Наверх