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

  • СПЕЦИАЛЬНЫЕ СИМВОЛЫ

  • ЛАБОРАТОРНАЯ РАБОТА № 1

  • Маркированные списки


  • ГИПЕРССЫЛКИ

  • Простой переход к ресурсам Для создания гиперссылки в тексте HTML-документа используется элемент А, который задается при помощи парных тегов

  • Навигация между HTML–документами

  • учебник. Учебник. Методические указания по выполнению лабораторнопрактического цикла для студентов очной и заочной формы обучения направления Прикладная информатика


    Скачать 1.91 Mb.
    НазваниеМетодические указания по выполнению лабораторнопрактического цикла для студентов очной и заочной формы обучения направления Прикладная информатика
    Анкоручебник
    Дата02.02.2023
    Размер1.91 Mb.
    Формат файлаpdf
    Имя файлаУчебник.pdf
    ТипМетодические указания
    #916722
    страница3 из 5
    1   2   3   4   5

    Так выглядит заголовок 1-го уровня


    Так выглядит заголовок 2-го уровня


    Так выглядит заголовок 3-го уровня


    Так выглядит заголовок 4-го уровня


    Так выглядит заголовок 5-го уровня

    Так выглядит заголовок 6-го уровня


    3. Сохраните файл под именем «Упражнение 4.html».
    4. Загрузите свой документ. На экране вы увидите результат своей ра- боты, изображенный на рис. 4.
    Рис. 4. Использование различных типов заголовков

    13
    СПЕЦИАЛЬНЫЕ СИМВОЛЫ
    Для добавления в текст специальных символов используется числовой или именной код. В обоих случаях код символа начинается с символа амперсанда (&), за которым следует номер символа (числовой код) или со- кращенное имя (именной код).
    "(числовой код) " (именной код) - прямые двойные кавычки
    <
    <
    - меньше
    >
    >
    - больше
    ±
    ±
    - плюс-минус.
    ЛАБОРАТОРНАЯ РАБОТА № 1
    Цель работы: изучение основных концепций HTML, необходимых для создания простейших файлов HTML, содержащий форматированный текст
    1. Запустите программу Блокнот.
    2. Наберите в окне редактора простейший текст файла HTML:


    Электронная почта

    14 6. Откройте «Учебный файл» с помощью программы Блокнот.
    7. Внесите изменения в текст файла HTML.


    Электронная почта

    15
    нумерованного списка, а дескрипторы
  • отмечают отдельные пункты списка. Тип нумерованного списка устанавливается с помощью ат- рибута TYPE дескриптора
      .
      TYPE=’1’
      1,2,3,4 … (задан по умолчанию)
      TYPE=’i’ i,ii,iii,iv,…
      TYPE=’I’
      I,II,III,IV,…
      TYPE=’a’ a,b,c,d,…
      TYPE=’A’
      A,B,C,D.
      Упражнение 5
      1. Запустите программу Блокнот.
      2. Наберите в окне редактора текст файла HTML:


      Типы списков



      1. Нумерованный

      2. Маркированный

      3. Многоуровневый



      16
      Маркированные списки
      Маркированные списки применяются для перечисления неупорядо- ченной информации. Для создания маркированного списка используется комбинация двух пар дескрипторов. Дескрипторы
      устанав- ливают начало и конец маркированного списка, а дескрипторы
    1. отмечают отдельные пункты списка.
      Элементы
        и
      • имеют ряд атрибутов.Специфичными атри- бутами элемнта
          являются следущие: compact – заставляет браузер показывает список более компактно; type – позволяет задать тип маркера списка, может принимать значе- ния: circle (круг без заливки), dict (круг с заливкой) и square (квадрат).
          Упражнение 6
          1. Запустите программу Блокнот.
          2. Наберите в окне редактора текст файла HTML:


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



          • Яблоко

          • Груша

          • Слива

          • Вишня

          • Черешня



          17
          Рис.8. Маркированный список
          Упражнение 7
          1. Запустите программу Блокнот.
          2. Наберите в окне редактора текст файла HTML:


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



          1. Нумерованный


            1. Пункт 1

            2. Пункт 2

            3. Пункт 3


          2. Маркированный


            • Первый вариант

            • Второй вариант

            • Третий вариант


          3. Смешанный


          18

          1. Пункт a

          2. Пункт b

          3. Пункт c




    19 4. Внесите изменения в текст файла HTML, таким образом, в резуль- тате которых должен получиться документ, приведенный на рис. 10.
    ГИПЕРССЫЛКИ
    Гиперссылки – ключевой, практически самый главный элемент гипер- текста (текста, обладающего возможностями навигации). Гиперссылки позволяют быстро переходить к другим Web-страницам. Гиперссылки исключают необходимость ввода URL необходимой страницы, к которой обращается пользователь. Гиперссылки, как правило, выделяются цветом и подчеркиванием. В качестве гиперссылки может выступать и графическое изображение, в таком случае оно обычно выделяется рамкой.
    Простой переход к ресурсам
    Для создания гиперссылки в тексте HTML-документа используется элемент А, который задается при помощи парных тегов <A> иA>. Текст, изображение или другой элемент HTML-документа, заключенный между этими тегами, становится представлением гиперссылки в тексте.
    Навигация между HTML–документами
    Для создания простейшей гиперссылки, обеспечивающей переход к нужному HTML-документу, достаточно задать в качестве значения атрибу- та href элемента А URI нужного ресурса (файла HTML-документа). Допус- тим, что сайт, по которому нужно реализовать навигацию, состоит из пяти страниц. Файлы имеют свои имена. У сайта есть главная страница
    (index.html), на которой помещено оглавление. Элементы оглавления позволяют перейти к соответствующим страницам, то есть являются гиперссылками.
    Упражнение 8
    1. Запустите программу Блокнот.
    2. Наберите в окне редактора текст файла HTML:


    1   2   3   4   5


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