Презентация - Оформление текста в HTML

1,279
просмотров
Презентации / Информатика / Оформление текста в HTML

Текст этой презентации

Слайд 1

Оформление текста в HTML, слайд 1

Оформление текста в HTML
Выполнила учитель технологии МАОУ г.Рязани «Лицей №4» Мирохина Ольга Игоревна

Слайд 2

Оформление текста в HTML, слайд 2

Выделение текста жирным шрифтом жирный текст
Тэг STRONG
Тэг EM
Выделение текста курсивом текст курсивом
Тэг U
Подчёркивание текста подчёркнутый текст

Слайд 3

Оформление текста в HTML, слайд 3

Перечёркивание текста перечёркнутый текст
Тэг  S
Тэг  SUP
Создание верхнего индекса. 22=4 22=4
Тэг  SUB
Создание нижнего индекса. H2O H2O

Слайд 4

Оформление текста в HTML, слайд 4

Списки в HTML

Слайд 5

Оформление текста в HTML, слайд 5

Слайд 6

Оформление текста в HTML, слайд 6

Слайд 7

Оформление текста в HTML, слайд 7

НЕпронумерованный список. Внутри контейнера обязательно должен быть хотя бы один пункт   (тэг

  • ). для переноса на следующую строку
    Тег UL (контейнер)
    • Аквариумы и оборудование
    • Пресноводные рыбки
    • Морские рыбки
    • Аквариумные растения
    • Другие обитатели

  • Слайд 8

    Оформление текста в HTML, слайд 8

    Пронумерованый список. Также внутри контейнера должен находиться хотя бы один пункт списка.
    Тег OL (контейнер)
    Атрибуты тэга

      : Атрибут type задаёт стиль нумерации списка. type="1" арабские числа 1,2,3 и т.д. type="I" римские числа I,II,III и т.д. type="A" заглавные буквы type="a" строчные буквы. start определяет с какой цифры начинается список. Например для значения start="3" список начнётся с цифры 3 и пойдёт по порядку 4, 5, 6 и т.д.
      1. Аквариумы и оборудование
      2. Пресноводные рыбки
      3. Морские рыбки
      4. Аквариумные растения
      5. Другие обитатели

    Слайд 9

    Оформление текста в HTML, слайд 9

    Ссылки в HTML

    Слайд 10

    Оформление текста в HTML, слайд 10

    Переход на сайт лицея
    Ссылки в HTML документе это переходы с одной страницы на другую или на какой либо файл.
    <а hrеf="aquarium.html">Аквариумы
    <а hrеf="folder/aquarium.html">Аквариумы - ссылка на страницу в другой папке.

    Слайд 11

    Оформление текста в HTML, слайд 11

    Ввернуться к разделу о Золотых рыбках - ссылка на начало страницы

    Золотые рыбки

    .... далее текст раздела... ........   .....
    <а hrеf="music.mp3"> Скачать файл - скачивание файлов
    <а hrеf="mailto:xxx@xxxxx.ru"> Написать письмо - на электронную почту

    Слайд 12

    Оформление текста в HTML, слайд 12

    title="заголовок" показывает заголовок ссылки при наведении на неё мышкой. Ссылка на сайт лицея


    Атрибуты html ссылки
    target="_blank" открывает ссылку в новом окне, по умолчанию ссылка открывается в том же окне. Ссылка на сайт лицея откроется в новом окне

    Слайд 13

    Оформление текста в HTML, слайд 13

    Чтобы назначить цвета ссылкам на всей странице используется контейнер . Его дополняют атрибутами. link - цвет ссылки alink - цвет ссылки при нажатии на неё мышкой vlink - цвет посещёной ссылки
    Цвет ссылки в html
    ...тело документа...
    Здесь будут ссылки зелёного цвета, при нажатии будут синего, а посещённые будут серого
    Цвета отдельным ссылкам Красная ссылка

    Слайд 14

    Оформление текста в HTML, слайд 14

    Создать список на вашей странице Создать столько страниц – сколько есть в вашем списке Прописать ссылки из списка на страницы со всеми атрибутами.
    Задание