учебник. Учебник. Методические указания по выполнению лабораторнопрактического цикла для студентов очной и заочной формы обучения направления Прикладная информатика
 Скачать 1.91 Mb.
|
ЗаголовокПервый абзац Второй абзац 6 … текст документа … Заголовок документа В заголовке (его еще называют «шапкой») HTML – документа содер- жаться сведения о документе: название (тема документа), ключевые слова (используемые поисковыми машинами), а также ряд других данных, кото- рые не являются содержимым документа. Определение заголовка должно содержаться внутри тэга : … текст документа … В разделе описания заголовка можно указать заглавие документа, для этого используется тэг . Когда браузер встречает этот тэг, он отображает все, что находится внутри него как заглавие. Упражнение 1 1. Создайте папку HTML, в которой вы будете сохранять сконструи- рованные Web-страницы. 2. Запустите программу Блокнот. 3. Наберите в окне редактора простейший текст файла HTML: … текст документа….. Сохраните файл под именем «Упражнение 1.html». Загрузите свой документ. Убедитесь, что название Web-страницы от- разилось в верхней, статусной, строке браузера. 7 4. На экране вы увидите результат своей работы, изображенный на рис. 1. Рис. 1. Простейший HTML-документ Определение тела документа Весь остальной HTML-документ, включая весь текст, содержится внутри тэга ... … текст документа … 8 Все атрибуты, позволяющие задать цвет, имеют тип %Color. Значения таких атрибутов могут задаваться шестнадцатеричными числами с симво- лом # в начале каждого числа, например: bgcolor = “#FF0005” Также атрибутам задания цвета можно присваивать предопределен- ные идентификаторы некоторых наиболее часто употребляемых цветов. Список этих названий приведен в табл. 1. Таблица 1 Идентификаторы и значения цветов Название Значение Цвет black #000000 Черный silver #808080 Темно-серый gray #C0C0C0 Серый white #FFFFFF Белый maroon #800000 Бордовый red #FF0000 Красный purple #800080 Фиолетовый fuchsia #FF00FF Лиловый green #00F000 Зеленый lime #00FF00 Ярко-зеленый olive #808000 Оливковый yellow #FFFF00 Желтый navy #000080 Темно-синий blue #0000FF Синий teal #008080 Сине-зеленый aqua #00FFFF бирюзовый ОСОБЕННОСТИ ВВОДА ТЕКСТА Для того чтобы поместить простой текст на страницу, его достаточно ввести в тело документа. При этом браузер отобразит текст со шрифтом по умолчанию и цветом, заданным для текста тела страницы. Чтобы чтение информации, содержащейся в HTML-документе, стало приятным занятием, применяется форматирование текста. Существуют специальные команды, выполняющие перевод строки и задающие начало нового абзаца. Кроме того, имеется команда, которая за- прещает программе браузера каким-либо образом изменять форматирова- ние текста и позволяет точно воспроизвести на экране заданный фрагмент текстового файла. Тэг перевода строки отделяет строку от последующего текста или графики. Тэг абзаца <Р> тоже отделяет строку, но добавляет еще пус- тую строку, которая зрительно выделяет абзац. Оба тэга являются одно- элементными. 9 Задание начертания текста является, возможно, самым простым сред- ством форматирования содержимого документа, которое доступно в HTML. Для изменения начертания текста в HTML-код вводятся элементы, обозначающие текст, написанный с соответствующим начертанием. В табл. 2 приведен список элементов, которые применяются при задании начертания текста. Таблица 2 Элементы задания начертания текста Элемент Описание B Полужирное начертание I Курсивное начертание U Подчеркнутый текст STRIKE,S Перечеркнутый текст BIG Текст с увеличенным размером шрифта SMALL Текст с уменьшенным размером шрифта SUP Верхний индекс SUB Нижний индекс TT Текст, записанный моноширинным шрифтом (все символы имеют одинаковую ширину) BLINK Мерцающий текст (редко поддерживается браузерами). Задание шрифта текста Если нужно отобразить некоторый текст с использованием определен- ного шрифта, а не применяемого браузером по умолчанию, то в HTML предусмотрен элемент FONT. Он вводится при помощи парных тегов и . Параметры шрифта для элемента FONT устанавливаются заданием значений следующих его атрибутов: - face — задает название шрифта, например Arial или System; - size — задает размер шрифта (значение от 1 до 7, по умолчанию ис- пользуется значение 3; для атрибута size могут использоваться только семь значений); - color — задает цвет шрифта. Упражнение 2 1. Запустите программу Блокнот. 2. Наберите в окне редактора простейший текст файла HTML: 10 Шрифт 1-го размера Шрифт 2-го размера Шрифт 3-го размера Шрифт 4-го размера Шрифт 5-го размера Шрифт 6-го размера Шрифт 7-го размера Размер по умолчанию 1. Сохраните файл под именем «Упражнение 2.html». 2. Загрузите свой документ. 3. На экране вы увидите результат своей работы, изображенный на рис. 2. Рис. 2. Задание шрифта текста ЗАПРЕТ РАЗРЫВА СТРОКИ Иногда бывает нужно разорвать в определенных местах строки в тек- сте документа, а наоборот, не допустить разделения некоторых слов в строках. Для этого HTML позволяет использовать неразрывные пробелы и элементы NOBR. Если текст, слова которого разделены неразрывными пробелами, не помещается в окне браузера, то появится горизонтальная полоса прокрутки. Когда необходимо выделить большой участок текста, для которого недопустим автоматический перенос слов, то целесообразнее использовать элемент NOBR. 11 Ему соответствуют парные теги <NOBR> и NOBR>. Весь текст, на- ходящийся между этими тегами, будет отображаться браузером в одной строке. Остерегайтесь создания слишком длинных неразрывных строк, по- скольку необходимость горизонтальной прокрутки для прочтения таких строк только ухудшает чтение HTML-документа. Для вставки разрывов строк в тексте, заключенном между <NOBR> и NOBR>, можно исполь- зовать рассмотренный ранее элемент BR. Упражнение 3 1. Запустите программу Блокнот. 2. Наберите в окне редактора текст файла HTML: Абзац выровнен влево Абзац выровнен по центру Абзац выровнен вправо Абзац выровнен по ширине 12 ЗАГОЛОВКИ Важным этапом в структурировании HTML-документа является ис- пользование заголовков (в их обычном понимании) для обозначения нача- ла больших фрагментов текста. В HTML поддерживаются шесть видов заголовков. Им соответствуют элементы H1, H2, H3, H4, H5, H6. Элементы H1 - H6 задаются при по- мощи соответствующих парных тэгов. Упражнение 4 1. Запустите программу Блокнот. 2. Наберите в окне редактора текст файла HTML: |