Создание WEB-страниц с помощью HTML

Содержание

Слайд 2

Структура программы Заголовок html-документа Главная часть документа …….. ……..

Структура программы

Заголовок html-документа

Главная часть документа



……..


……..


Слайд 3

Структура заголовка Заголовок содержит необходимые для работы с документом сведения: название

Структура заголовка

Заголовок содержит необходимые для работы с документом сведения: название документа,

позиция в сети, связи с другими документами и т.д. Например:

Первая страница

Слайд 4

Структура главной части В главной части документа располагается содержимое самой Web-страницы

Структура главной части

В главной части документа располагается содержимое самой Web-страницы с

графикой, текстом и гиперссылками на другие ресурсы Internet.
Слайд 5

Дескрипторы (оливковый цвет фона) Например:

Дескрипторы


(оливковый цвет фона)

Например:

Слайд 6

Работа с текстом в документе Форматирование заголовков всех типов производится посредством

Работа с текстом в документе

Форматирование заголовков всех типов производится посредством дескрипторов

…..


соответствует верхнему уровню в иерархии заголовков,

- нижнему.
Для форматирования заголовков используется атрибут align:
Align=left – располагает заголовок по левому краю текста;
Align=center – центрирует заголовок;
Align=right – смещает заголовок к правому краю.
Например:

Заголовок страницы


Слайд 7

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

Создание абзаца

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

и

, в котором может быть использован атрибут align.
Например:

Это текст выравненный по центру


Слайд 8

Форматирование шрифта Изменение шрифта текста осуществляется с помощью дескриптора . Этот

Форматирование шрифта

Изменение шрифта текста осуществляется с помощью дескриптора .
Этот дескриптор допускает

использование следующих атрибутов:
Color=Цвет – задает цвет шрифта;
Например:

Это текст выравненный по центру


Слайд 9

Форматирование шрифта Face=Шрифт – задает вид шрифта; Например: Это текст выравненный по центру

Форматирование шрифта

Face=Шрифт – задает вид шрифта;
Например:

Это текст

выравненный по центру


Слайд 10

Форматирование шрифта Size=n – задает размер шрифта. Например: Это текст выравненный по центру

Форматирование шрифта

Size=n – задает размер шрифта.
Например:

Это текст

выравненный по центру


Слайд 11

Форматирование шрифта Полужирный шрифт Дескриптор , - позволяет отобразить текст полужирным

Форматирование шрифта

Полужирный шрифт
Дескриптор , - позволяет отобразить текст полужирным шрифтом
Жирный текст
Курсивный

текст
Дескриптор , - позволяет отобразить текст курсивным шрифтом
Курсивный текст
Слайд 12

Создание списков Маркированные списки Создание такого списка производится посредством пары дескрипторов

Создание списков

Маркированные списки
Создание такого списка производится посредством пары дескрипторов

    ,
. Эта

пара дескрипторов автоматически формирует список. Этот дескриптор может использовать атрибут type, для задания маркера:
Type=disc – в качестве маркера используется закрашенный кружок;
Type=circle– в качестве маркера используется незакрашенный кружок;
Type=square– в качестве маркера используется квадратик;
Каждый элемент списка описывается с помощью дескриптора

  • Слайд 13

    Создание списков Например: Списки могут быть Нумерованные Маркированные Многоуровневые

    Создание списков

    Например:

    Списки могут быть


    • Нумерованные
    • Маркированные
    • Многоуровневые

    Слайд 14

    Создание списков Нумерованные списки Создание такого списка производится посредством пары дескрипторов

    Создание списков

    Нумерованные списки
    Создание такого списка производится посредством пары дескрипторов

      ,
    . Дескриптор

      может использоватьатрибут type, для задания способа нумерации:
      Type=1 – нумерация выполняется арабскими цифрами;
      Type=А– нумерация выполняется прописными буквами;
      Type=а– нумерация выполняется строчными буквами;
      Type=I– нумерация выполняется большими римскими цифрами;
      Type=i– нумерация выполняется малыми римскими цифрами;
    Слайд 15

    Создание списков Например: Нумерованные Маркированные Многоуровневые

    Создание списков

    Например:


    1. Нумерованные
    2. Маркированные
    3. Многоуровневые

    Слайд 16

    Создание таблиц Формирование таблицы осуществляется дескрипторами И . В этом дескрипторе задаются глобальные опции таблиц.

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

    Формирование таблицы осуществляется дескрипторами

    И
    .
    В этом дескрипторе

    задаются глобальные опции таблиц.
    Слайд 17

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

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

    Слайд 18

    Создание таблиц Таблицы в html состоят из строк, а строки из

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

    Таблицы в html состоят из строк, а строки из ячеек.


    Дескриптор начинает строку, а заканчивает.
    Между этими дескрипторами располагаются дескрипторы, описывающие ячейки - или .
    Слайд 19

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

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

    Слайд 20

    Создание таблиц В html различают две категории ячеек: ячейки заголовков (

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

    В html различают две категории ячеек: ячейки заголовков ()

    и ячейки данных ().
    Содержимое ячейки данных горизонтально выравнивается по левому краю.
    Содержимое ячейки заголовка горизонтально выравнивается по центру и выделяется полужирным шрифтом.
    Слайд 21

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

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

    Слайд 22

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

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