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

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


Презентацию на тему Язык разметки гипертекста HTML можно скачать абсолютно бесплатно на нашем сайте. Предмет презентации : Информатика. Красочные слайды и илюстрации помогут вам заинтересовать своих одноклассников или аудиторию. Для просмотра содержимого презентации воспользуйтесь плеером, или если вы хотите скачать презентацию - нажмите на соответствующий текст под плеером. Презентация содержит 16 слайдов.

Слайды презентации

Слайд 1: Презентация Язык разметки гипертекста HTML
Слайд 1

Язык разметки гипертекста НТМL

Prezentacii.com
Слайд 2: Презентация Язык разметки гипертекста HTML
Слайд 2

С чего начать? 1 шаг

1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами: - имя файла:index.html - тип файла: все файлы 3. Закрыть сохранённый документ.

Слайд 3: Презентация Язык разметки гипертекста HTML
Слайд 3
2 шаг

Открыть свою папку. Открыть файл с именем index.html В открывшемся окне программы Internet Explorer вызвать контекстное меню ( щёлкнуть правой кнопкой мыши в рабочем поле окна) Выбрать команду: Просмотр html кода

Слайд 4: Презентация Язык разметки гипертекста HTML
Слайд 4
3 шаг

В открывшемся окне «Блокнота» с именем index набрать текст программы на языке HTML. Сохранить файл (файл - сохранить).

начало web-документа

конец web-документа

начало заголовка конец заголовка текст заголовка

Структурные парные теги

Тег – инструкция браузеру

Слайд 5: Презентация Язык разметки гипертекста HTML
Слайд 5
4 шаг

Перейти в окно Internet Explorer и обновить страницу. После этого в строке заголовка появится название новой web-страницы

Слайд 6: Презентация Язык разметки гипертекста HTML
Слайд 6
5 шаг

Зададим цвет нашей страницы при помощи тега (название цвета по-английски) Снова сохраним файл index. Снова обновим web-страницу. Фон страницы стал серым (silver-серый, серебряный). Выберите любой цвет для вашей странички!

Слайд 7: Презентация Язык разметки гипертекста HTML
Слайд 7
6 шаг

Цвет текста Наберите текст после этого тега

Перед текстом вставим тег

Для отделения текста горизонтальной чертой используется тег

Слайд 8: Презентация Язык разметки гипертекста HTML
Слайд 8
7 шаг

Начало нового абзаца <р align=left>текст

<р align=right>текст

<р align=center>текст

Слайд 9: Презентация Язык разметки гипертекста HTML
Слайд 9

Вставка рисунков 8 шаг

Для вставки изображения используется тег Для выравнивания изображения использовать добавление align Для вставки фоновой картинки: ggfrtgtg www.dweb.ru

Слайд 10: Презентация Язык разметки гипертекста HTML
Слайд 10

Создание гиперссылок 9 шаг

Создайте 3 новых файла: List1.html List2.html List3.html

[игры] [ истории]  [ новости]

Слайд 11: Презентация Язык разметки гипертекста HTML
Слайд 11

Ссылки по изображению 10 шаг

Меню сайта в виде картинок: “текст" “текст" “текст"

Слайд 12: Презентация Язык разметки гипертекста HTML
Слайд 12

Ссылка на главную страницу 11 шаг

“подпись

Слайд 13: Презентация Язык разметки гипертекста HTML
Слайд 13

Создание таблиц 12 шаг

 
1 2 3

Одна строка, в ней 3 столбца 30+30+30=90%

Слайд 14: Презентация Язык разметки гипертекста HTML
Слайд 14

Вставка рисунка в ячейку таблицы 13 шаг

“подпись

Слайд 15: Презентация Язык разметки гипертекста HTML
Слайд 15

Вставка бегущей строки и звука шаг 14

text !!!!! Между !!!!!

Слайд 16: Презентация Язык разметки гипертекста HTML
Слайд 16
Задание на ПК

Папка МЕНЮ – ФОТОГАЛЕРЕЯ Создать в файле index.html меню из 3-х фотографий школы. Скопировать меню на страницы l1.html, l2.html,l3.html. На каждой странице сделать фотогалерею в виде таблицы. Все фото подписать.


Другие презентации по информатике



  • Яндекс.Метрика
  • Рейтинг@Mail.ru