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

Включить эффекты
1 из 16
Ваша оценка презентации
Оцените презентацию по шкале от 1 до 5 баллов
  • 1
  • 2
  • 3
  • 4
  • 5

Рецензии

Добавить свою рецензию

Аннотация к презентации

Презентация для школьников на тему "Язык разметки гипертекста HTML" по информатике. pptCloud.ru — удобный каталог с возможностью скачать powerpoint презентацию бесплатно.

Содержание

  • Слайд 1

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

    pptcloud.ru

  • Слайд 2

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

    1. Запустить «Блокнот» (пуск-стандартные-блокнот)

    2. Сохранить в своей папке документ с параметрами:

    - имя файла:index.html

    - тип файла: все файлы

    3. Закрыть сохранённый

    документ.

  • Слайд 3

    2 шаг

    Открыть свою папку.

    Открыть файл с именем index.html

    В открывшемся окне программы Internet Explorer вызвать контекстное меню ( щёлкнуть правой кнопкой мыши в рабочем поле окна)

    Выбрать команду:

    Просмотр html кода

  • Слайд 4

    3 шаг

    В открывшемся окне

    «Блокнота»

    с именем index

    набрать текст

    программы

    на языке HTML.

    Сохранить файл

    (файл - сохранить).

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

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

    начало заголовка

    конец заголовка

    текст заголовка

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

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

  • Слайд 5

    4 шаг

    Перейти в окноInternet Explorer и обновить страницу.

    После этого в строке

    заголовка появится

    название новой

    web-страницы

  • Слайд 6

    5 шаг

    Зададим цвет нашей страницы при помощи тега

    (название цвета по-английски)

    Снова сохраним файл index.

    Снова обновим web-страницу.

    Фон страницы стал серым

    (silver-серый, серебряный).

    Выберите любой цвет

    для вашей странички!

  • Слайд 7

    6 шаг

    Цвет текста

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

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

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


  • Слайд 8

    7 шаг

    Начало нового абзаца

    <р align=left>текст

    <р align=right>текст

    <р align=center>текст

  • Слайд 9

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

    Для вставки изображения используется тег

    Для выравнивания изображения использовать добавление align

    Для вставки фоновой картинки:

  • Слайд 10

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

    Создайте 3 новых файла:

    List1.html

    List2.html

    List3.html

  • Слайд 11

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

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

  • Слайд 12

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


  • Слайд 13

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

    1 2 3

    Одна строка, в ней 3 столбца

    30+30+30=90%

  • Слайд 14

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


  • Слайд 15

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

    text

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

  • Слайд 16

    Задание на ПК

    Папка МЕНЮ – ФОТОГАЛЕРЕЯ

    Создать в файле index.htmlменю из 3-х фотографий школы.

    Скопировать меню на страницы l1.html, l2.html,l3.html.

    На каждой странице сделать фотогалерею в виде таблицы.

    Все фото подписать.

    pptcloud.ru

Посмотреть все слайды
Презентация будет доступна через 15 секунд