№1 Создание документов в стандарте HTML

There is still time to download: 30 sec.



Thank you for downloading from us :)

If anything:

  • Share this document:
  • Document found in the public.
  • Downloading this document for you is completely free.
  • If your rights are violated, please contact us.
Type of: pdf
Founded: 21.04.2020
Added: 02.05.2020
Size: 0.51 Мб
Медколледж Киров

1

«Создание документов в стандарте HTML.
Форматирование текста при написании Web – документа»
Цель работы: познакомиться с языком HTML и создать простейший документ; приобрести навыки
форматирования текста в формате HTML.
1. Создание шаблона Web -страницы
1.1 . Запустите текстовый редактор «Блокнот».
1.2. Наберите или создайте шаблон Web -страницы:


Моя Web -страница


ТЕКСТ СТРАНИЦЫ


1.3. Сохраните этот файл под именем lab1 _ваша фамилия с расширением . html.
1.4. Просмотрите результат. Для этого запустите имеющийся Web -браузер. Выберите команду Файл -> Открыть ->
Найдите ваш файл. В окне браузера должен появиться текст страницы, а сама страница иметь заголовок.
!!!!!!!!!! Далее все задания делайте по пор ядку, располагая их внутри тэга … !!!!!!!!!
2. Заголовки
2.1 . Откройте ваш текстовый файл. Используя тэг

, создайте заголовок для вашего текста.
Текст заголовка: Основные сведения о языке HTML
Сохраните изменения.
2.2 . Чтобы браузер отобразил модифицированный документ, перезагрузите его в браузере. Для этого достаточно
щелкнуть на кнопке «Обновить».
2.3. Используя атрибут ALIGN, выровняйте заголовок по центру. Формат заголовка должен выглядеть следующим
образом:

Заголовок

.
3. Форматирование текста с помощью символов разрыва абзаца и строк.
3.1 . Тэги

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

используется для вставки символа разрыва а бзаца, а
- символа разрыва строки. Вставляя символ
разрыва абзаца, вы тем самым даете браузеру команду завершить текущий абзац и вставить пустую строку перед
следующим абзацем. Вставляя символ разрыва строки, вы даете браузеру команду завершить текущу ю строку и
перейти на следующую.
3.2. В качестве примера использования этих тэгов, добавьте на вашу страницу следующий текст:
1. Хранение и представление информации (Используйте заголовок 3 -его уровня)

2

При хранении вся информация может быть представлена либо в виде одного цельного блока (как один большой
текстовый документ) или в виде нескольких независимых блоков, связанных между собой только специально
оформленными ссылками.
Хранение и представление информации в виде независимых частей (страниц), связан ных между собой
ссылками, называется гипертекстом или гипертекстовым документом. Ссылки между частями называются
гипертекстовыми ссылками или просто ссылками.
Страницы, хранящиеся на web -серверах, выполнены в формате HTML – Hypertext Markup Language (язык
гипертекстовой разметки) – или, другими словами, в виде HTML -файлов.(Пропустите строку, для этого нужно
вставить тэг перехода на новую строку)
2. Общие понятия о тэгах (Используйте заголовок 3 -его уровня)
HTML документ внутри — обычный текстовый документ, в котором кроме простого текста присутствуют
специальные элементы, называемые тэгами.
HTML документ можно создавать и редактировать либо с помощью простого текстового редактора (например
входящего в состав Windows программы «Блокнот»), либо с помощью спец иальных визуальных редакторов
(например Microsoft FrontPage или Macromedia Dreamweaver).
HTML документ состоит из тэгов и HTML -элементов. Тэг HTML состоит из следующих друг за другом в
определенном порядке элементов: (Вставьте тэг перехода на новую строку)
а) левой угловой скобки < (такого же, как "меньше чем" символа) (Вставьте тэг перехода на новую строку)
б) необязательной наклонной черты /, которая означает, что тэг является конечным (закрывающим) тэгом
(Вставьте тэг перехода на новую строку)
в) имени т эга (например TITLE или PRE) (Вставьте тэг перехода на новую строку)
г) необязательных атрибутов. Тэг может быть без атрибутов или сопровождаться одним или несколькими
атрибутами, например: ALIGN=”CENTER” (Вставьте тэг перехода на новую строку)
д) правой у гловой скобки > (такой же, как символа "больше чем").
4. Создание линий
4.1 . Тэг


интерпретируется и отображается браузером как горизонтальная линия, протянувшаяся вдоль всего
окна браузера.
4.2. Добавьте этот тэг перед заголовками текста.
4.3. В конц е документа, используя дополнительные атрибуты SIZE, WIDTH, ALIGN, COLOR создайте линию с
такими параметрами: толщина = 30 пикселей, длин а = 70% от ширины окна браузера , расположенную по
середине экрана , цвет синий.
5. Создание списков
Используя конспект лекции по HTML создать ниже маркированный список по
образцу :
6. Создание таблиц.
Самостоятельно изучить как создаются таблицы в web -документах.
Создать ниже таблицу по образцу: