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

Ваша оценка презентации
Оцените презентацию по шкале от 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 Для вставки фоновой картинки: ggfrtgtgwww.dweb.ru

  • Слайд 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

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