11587

Форматирование текста в HTML-документах

Лабораторная работа

Информатика, кибернетика и программирование

ЛАБОРАТОРНАЯ РАБОТА № 21 Тема: Форматирование текста в HTMLдокументах Цель: ознакомить студентов с HTML основными понятиями структурой документа. Задание Подготовьте бланк для HTMLкода Вашего резюме. Для этого следует: выполнить команду Пуск Програм

Русский

2013-04-10

66 KB

21 чел.

ЛАБОРАТОРНАЯ РАБОТА № 21

Тема: Форматирование текста в HTML-документах

Цель: ознакомить студентов с HTML – основными понятиями, структурой документа.

Задание

  1.  Подготовьте бланк для HTML-кода Вашего резюме. Для этого следует: 
  •  выполнить команду Пуск Программы Стандартные Блокнот Файл Сохранить как…;
  •  в окне Сохранение документа открыть папку своей группы. В поле Имя ввести Резюме Фамилия.html (вместо Фамилия должна стоять Ваша фамилия), нажать Сохранить.

2. Введите в созданный документ стандартные теги:

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>

3. вставить в контейнер <HEAD> …</HEAD> контейнер

<TITLE> Резюме ФИО </TITLE> 

(вместо ФИО,  должна стоять Ваша фамилия);

  1.  После тега <BODY> введите текст в скобках вставить свои данные:

5. После раздела «ФИО, где и когда родился», поставить тег абзаца <P>.

  1.  После раздела «какую школу кончил, средний балл аттестата» – тег разрыва строки <BR>.
  2.  После раздела «какую школу кончил, средний балл аттестата» – тег разрыва строки <BR>.
  3.  Оформите линию нестандартным способом. Для этого следует внести в тег <HR> атрибуты длины, толщины,  цвета и выравнивания   линии. Задайте длину 20 % – 50 % от ширины окна, выравнивание по центру, толщину 4 – 10 пикселей.

Параметры тега <hr>

Align (выравнивание по краю или по центру, имеет значения left center right).

Width - (устанавливает длину линии в пикселях, в процентах от ширины).

Size – (устанавливает толщину линии в пикселях).

Noshade (отменяет рельефность линии).

Color (указывает цвет линии).

  1.  Измените вид шрифтов в разных частях резюме. Для этого следует контейнером <H1>  выделить свою фамилию, контейнером <I> – город, где Вы родились, контейнером <H6> – информацию о школе, контейнером <FONT> с атрибутами SIZE=7  COLOR=RED – информацию о факультете, контейнером <FONT> с атрибутами SIZE=1  COLOR=GREEN – информацию о приятелях, контейнером <В> выделить какое-нибудь увлечение.

Параметры шрифта:

Тег <Font> указывает параметры шрифта

Параметр SIZE имеет значение размера шрифта в условных единицах от 1 до 7 (нормальный - 3). <Font Size=4>

Параметр Color устанавливает цвет шрифта (с помощью стандартных имён или в формате RGB

<Font color= "#ff00ff"> - малиновый

<Font color= "#FF0000"> - красный

<Font color= "#0000FF"> - синий

<Font color= "#FFFF00"> - желтый

<Font color= "#ff7000"> - оранжевый

<Font color= "#dc8f00"> -коричневый

. <Font color= “green”>

Параметр Face -  указание типа шрифта.  <font face=”Arial”>

10. Оформите часть текста в виде списка. Для этого следует контейнером <OL> выделить блок об увлечениях, разбить его на пункты тегами <LI>. Аналогично контейнером <UL> и тегами <LI> оформить в виде маркированного списка перечень Ваших приятелей.

Например:

<UL>

<LI> Москва

<LI> Санкт-Петербург

</UL>

<OL>  

<LI> Крупные города России:

<LI> Крупные города Украины:

<LI>hgfhfthfgh

</OL>  

11. Измените нумерацию в списке. Для этого с помощью атрибутов TYPE  и  START   (<OL Start=5> )поменяйте нумерацию  в  списке  увлечений

 Type=A  - прописные латинские буквы

Type=а - строчные латинские буквы

Type=I - большие римские цифры

Type=i - маленькие римские цифры

Type=l - арабские цифры (используется по умолчанию)

Контрольные вопросы:

  1.  Что такое гипертекстовый документ?
  2.  Какие теги используются в заголовке Веб документа?
  3.  Какова структура HTML документа?
  4.  С помощью каких тегов можно задать или изменить шрифт?
  5.  Какие Вы знаете параметры тегов?


 

А также другие работы, которые могут Вас заинтересовать

70906. Формирование оптимального ассортимента товаров продовольственных на предприятии розничной торговли на примере магазина «Ял» 825.5 KB
  Актуальность выбранной цели, объясняется тем, что ассортимент позволяет ориентироваться на отдельные виды товаров и их группы, которым присущи общие признаки, создает условия для изучения, планирования, прогнозирования, учета и отчетности, определения спроса.
70908. Успех в предпринимательском бизнесе 29 KB
  Конечной целью любой деловой деятельности всегда является успех т. В успехе воплощается предпринимательский идеал т. Следовательно отличаются их представления об успехе и путях его достижения. Выделяются следующие типы идеальных представлений об успехе: успех в победе; успех в выживании.
70909. Реорганизация и ликвидация бизнеса 58.5 KB
  Реструктуризация предприятия это осуществление комплекса организационно-хозяйственных финансово-экономических правовых производственно-технических мероприятий направленных на изменение системы управления финансовое оздоровление увеличение объема выпуска продукции...
70910. Инфраструктура бизнеса 26.5 KB
  Элементы инфраструктуры: Кредитная система и коммерческие банки Эмиссионная система и эмиссионные банки Организационно-оформленное посредничество на товарных фондовых и валютных биржах Аукционы ярмарки и другие формы организованного внебиржевого посредничества...
70911. Конкуренция в системе бизнеса 30 KB
  Внутриотраслевая это конкуренция между товаропроизводителями одной отрасли когда предприятие с более высокой производительностью труда получает дополнительную прибыль а технически и организационно отставшие предприятия теряют часть индивидуальной стоимости товаров и разоряются.