Главная страница
Навигация по странице:

  • 2.Создание списков в HTML 9

  • 4.Связывание web – страниц при помощи гиперссылок 17

  • 5.Разметка web – страниц при помощи таблиц 20

  • 6.Разметка web – страниц при помощи фреймов 26

  • 7.Использование форм, сценариев и встроенных объектов мультимедиа 33

  • 9.CSS Блочная модель 65

    		•

    Методичка по Веб. Методичка 2курсWEB. 1. Ввод и форматирование текста Webстраницы 4


    Скачать 0.95 Mb.
    Название1. Ввод и форматирование текста Webстраницы 4
    АнкорМетодичка по Веб
    Дата25.12.2022
    Размер0.95 Mb.
    Формат файлаdocx
    Имя файлаМетодичка 2курсWEB.docx
    ТипКонтрольная работа
    #862540
    страница1 из 9
      1   2   3   4   5   6   7   8   9



    1.1 Структура Web-страницы 3

    1.2 Тэги раздела заголовка 3

    1.3 Установка размеров полей 3

    1.Ввод и форматирование текста Web-страницы 4

    2.1 Управление пробелами и отступами текста 4

    2.2 Разметка текста на странице 5

    2.3 Разрыв строки 5

    2.4 Текстовые заголовки 5

    2.5 Установка шрифта 6

    2.5.1 Изменение размера шрифта 6

    2.5.2 Цвет текста и фон Web-страницы 7

    2.6 Форматирование текста 8

    Практические задания 8

    2.Создание списков в HTML 9

    Нумерованные списки 9

    Маркированный список 10

    Многоуровневый список 10

    Практические задания 12

    3.Графика на Web – страницах 13

    Добавление рисунка на web – страницу 13

    Атрибуты тэга 14

    Выравнивание рисунка в тексте документа 15

    Фоновый рисунок Web-страницы 15

    Практические задания 16

    4.Связывание web – страниц при помощи гиперссылок 17

    Гиперссылки на закладки в тексте web – страницы (Якоря). 18

    Гиперссылки на графические объекты 18

    Карты ссылок 19

    Практические задания 20

    5.Разметка web – страниц при помощи таблиц 20

    Создание таблиц в коде HTML 21

    Практические задания 22

    Разметка макета страницы с помощью таблицы 23

    Практические задания 24

    6.Разметка web – страниц при помощи фреймов 26

    Пример фреймовой верстки 27

    Установка параметров фреймов 28

    Добавление полос прокрутки 29

    Фиксированный размер фреймов 29

    Границы фреймов 29

    Поля фреймов 29

    Практические задания 29

    Создание плавающих фреймов 30

    Практические задания 31

    Контрольная работа по фреймам 32

    7.Использование форм, сценариев и встроенных объектов мультимедиа 33

    Элементы управления формы 33

    Поля ввода 33

    Флажки и переключатели 34

    Списки 35

    Командные кнопки 37

    Кнопки с графическими образами 38

    Текстовые поля 40

    Практические задания 40

    8.CSS 43

    Что такое таблицы стилей 43

    Методы и синтаксис 43

    Правила CSS 44

    Цвет и фон в CSS 46

    Практические задания 50

    Шрифты в CSS 51

    Практические задания 54

    Текст в CSS 55

    Практические задания 57

    Рамки в CSS 57

    Практические задания 61

    Оформление списков в CSS 61

    Оформление Ссылок 64

    Практические задания 65

    9.CSS Блочная модель 65

    Поля и отступы в CSS 66

    Ширина и высота элементов в CSS 68

    Тэг
    68

    Практические задания 69

    10.CSS: Позиционирование элементов 70

    Позиционирование в нормальном потоке 70

    Абсолютное позиционирование 71

    Практическое задание 73

    Относительное позиционирование 73

    Практические задания 75

    Фиксированное позиционирование 75

    Свойство z-index 76

    Плавающие блоки 76

    Отмена обтекания элементов 77

    Практические задания 78

    Выпадающие меню 78

    Практические задания 80

    HTML – это язык маркировки гипертекста. Как в любом языке, в HTML есть свои конструкции, которые называются Тэги. Каждый тэг представляет собой следующее:

    < имя тэга список возможных атрибутов>

    Тэги бывают парными и непарными. Парные подразделяются на открывающие и закрывающие. Признаком конца тэга является символ «/» перед его именем. Между открывающимся и закрывающимся тэгами пишется то, к чему данный тэг применяется. В качестве списка возможных атрибутов, выступают различные свойства и параметры, которые позволяют разработчику проводить изменения на странице (например, выравнивания текста, положение объектов, размеры элементов, цвета и прочее).

    1.1 Структура Web-страницы


    Документы html состоят из двух разделов: заголовка, содержащего установки глобальных параметров страницы и основного раздела, содержащего текст и элементы страницы, отображаемые в окне обозревателя. Эти разделы создаются при помощи пары специальных открывающихся и закрывающихся тэгов.







    Текст страницы





    Тэги … устанавливаются в начале и в конце документа HTML. Заголовок web-страницы задается тэгами , а основной раздел тэгами ... Эти тэги называются обязательными, так как присутствуют во всех документах HTML. Другие тэги используются по необходимости для установки параметров страницы, форматирования текста или добавления прочих элементов.

    1.2 Тэги раздела заголовка


    - заголовок страницы, отображаемый в строке заголовка обозревателя, например:

    1.3 Установка размеров полей


    По умолчанию обозреватель выравнивает текст по ширине окна. Для установки размеров полей во всем документе используются параметры тэга основного раздела . Атрибуты для установки размеров полей перечислены в таблице.

    Параметр
    Описание

    BOTTOMMARGIN
    Нижнее поле

    LEFTMARGIN
    Левое поле

    RIGHTMARGIN
    Правое поле

    TOPMARGIN
    Верхнее поле

    Размеры полей указываются в пикселях:

    У данного текста отступ слева и справа равен 100 пикселям



    Данные атрибуты не работают в netscape, для него используют альтернативные атрибуты marginwidth(установка левого и правого полей) и marginheight( установка верхнего и нижнего полей).

    1. Ввод и форматирование текста Web-страницы

    2.1 Управление пробелами и отступами текста


    По умолчанию все обозреватели игнорируют дополнительные символы пробелов в тексте, включая символы табуляции. Для того чтобы обойти эту проблему используется тэг 
    …
    . В текс заключенный между этими тэгами можно добавлять сколько угодно пробелов и знаков табуляции они игнорироваться не будут.

    Пример:



    Эта таблица создана при помощи знака табуляции

    Фамилия Имя Отчество Год рождения

    Иванов Иван Иванович 1985

    Петров Петр Петрович 1878



    В текст web- страницы можно ввести дополнительный пробел при помощи символа  .

        Этот абзац начинается с красной строки



    Для визуального выделения абзаца используется тэг …, для абзаца выделенного данными тэгами обозреватель автоматически создаст отступ справа и слева.

    2.2 Разметка текста на странице


    …

    - создание абзаца на странице

    …- блокирует автоматический перенос слов

    Для выравнивания абзацев в тэг

    добавляется атрибут align с необходимым значением:

    Абзац выровнен влево



    Абзац выровнен по центру



    Абзац выровнен вправо



    Абзац выровнен по ширине



    Этот текст всегда должен оставаться на одной строке



    Для выравнивания текста горизонтально по центру окна обозревателя используется также специальный тэг
    …
    . Этот тэг автоматически переносит текст на новую строку и выравнивает его по центру окна.

    2.3 Разрыв строки


    Если текст нужно начать с новой строки, но не с нового абзаца используется непарный тэг
    . Текст, следующий за тэгом
    ,обозреватель покажет с новой строки, но не добавит пустую строку как в случае нового абзаца. С помощью тэга
    можно увеличить отступ между абзацами до требуемой величины.

    2.4 Текстовые заголовки


    В HTML используются тэги, устанавливающие заголовки шести уровней, от

      1   2   3   4   5   6   7   8   9

    написать администратору сайта