11587

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

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

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

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

Русский

2013-04-10

66 KB

20 чел.

ЛАБОРАТОРНАЯ РАБОТА № 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.  Какие Вы знаете параметры тегов?


 

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

27159. Световые волны и оптические системы 184.5 KB
  Кроме того колебания векторов Ē и Н происходит строго синхронно и во взаимно перпендикулярных направлениях рис. Поперечные волны обладают изначальным по самой природе им присущим свойством называемым поляризацией. Если на этой плоскости выбрать произвольно некоторую систему координат XY то линейно поляризованный свет будет иметь вид отрезка прямой под определенным углом α к одной из выбранных осей рис. Однако линейная поляризация монохроматической волны наблюдается только тогда когда разность фаз φ между составляющими X и Y суммарного...
27160. Выделение цифрового сигнала и импульсов тактовой синхронизации 192 KB
  Среди таких причин можно назвать следующие: нестабильность мощности записывающего лазера вызывающая разброс размеров длины и ширины формируемых пит; нестабильность мощности воспроизводящего лазера; ограниченность и нелинейность амплитудночастотной характеристики тракта оптического воспроизведения; нелинейность фазочастотной характеристики тракта; неравномерность распределения мощности света в пределах пятна; наличие дифракции на питах; ограниченность апертуры входного зрачка объектива; неравномерность толщины...
27161. Варианты формата CD 221 KB
  Однако значительная информационная ёмкость нового носителя 740 Мбайт навела специалистов на мысль использовать его в качестве элемента постоянной памяти для хранения архивных данных. Каждый кадр как уже описывалось в главе 3 содержит в себе 24 исходных информационных символа байта. В формате CDROM эти 24 символа являются обезличенными и могут нести в себе какую угодно информацию лишь бы она была преобразована в двоичную форму и организована в байты. Изза наличия этой избыточности диск CDROM имеет меньшую информационную ёмкость до...
27162. Digital Versatile Disc (DVD) 187 KB
  Digital Versatile Disc DVD 12. История появления DVD К концу 1994 года в технической прессе стали появляться сообщения о том что известный тандем SONY PHILIPS подаривший миру технологию CD готов представить на суд потребителю еще более совершенный носитель идеально подходящий для записи информации практически любого характера. В процессе работы над новым носителем несколько раз менялось его название отражая основные намерения разработчиков на том или ином этапе: MMCD MultiMediaCD; HDDVD High Density Digital Video Disc; HDCD...
27163. Система магнитооптической записи звука «Минидиск» 224.5 KB
  Звуковые характеристики Число каналов Детонации 2 или 1 отсутствуют Формат данных Частота дискретизации кГц Кодирование сжатие данных Модуляция канальный код Система защиты от ошибок 441 ATRAC EFM 814 ACIRC Оптические характеристики Длина волны излучения лазера нм Числовая апертура объектива Мощность излучения лазера при записи мВт Метод записи 780 045 25 – 50 главный пучок Модуляция магнитного поля 11. В общем случае магнитооптический эффект это изменение оптических свойств вещества в зависимости от его...
27164. СИСТЕМА ЦИФРОВОЙ МАГНИТНОЙ ЗАПИСИ ЗВУКА R-DAT 182.5 KB
  Описание формата RDAT Rotary Head Digital Audio Tape Recorder – это система цифровой звукозаписи на магнитную ленту шириной 381 мм равную ширине ленты в обычной аналоговой компакткассете с помощью вращающихся головок. В отличие от формата CD здесь предусмотрено не только воспроизведение программ но и возможность их записи с высоким качеством. Режим I предназначен для записи и воспроизведения программ с частотой дискретизации 48 кГц при 16 разрядном линейном квантовании.
27165. Система защиты от ошибок 494.5 KB
  В магнитофонах формата RDAT так же как и в формате CD для борьбы с искажениями используется комплексная система защиты от ошибок включающая в себя два кода РидаСоломона С1[3228] и С2[3226] и двунаправленный способ перемежения данных. Проверочная матрица НР кода С1 показана на рисунке 9 а расположение символов внутри кодового слова задано векторстолбцом VP показанным на рисунке 10. Порождающий многочлен GPX этого кода имеет вид: или Поскольку кодовое слово кода С1 содержит четыре проверочных символа то этот код способен...
27166. КАНАЛЬНОЕ КОДИРОВАНИЕ 108.5 KB
  Считается что если после такого преобразования число канальных бит высокого уровня равно числу канальных бит низкого уровня то постоянная составляющая всей комбинации будет равна нулю DSV = 0. Оставшиеся 103 комбинации пришлось выбрать из тех которые имеют ненулевое значение DSV. Однако вместо одной 10разрядной комбинации каждому из этих 103 8разрядных символов поставлены в соответствие две отличающиеся друг от друга только знаком DSV. Одна из них имеет значение DSV = 2 другая – DSV = 2.
27167. СЛУЖЕБНАЯ ИНФОРМАЦИЯ 172 KB
  Эта информация кроме специально отведенной для нее зоны данных субкода размещается еще и в символах кода идентификации ID которые имеют место в начале каждого блока – как в зоне данных ИКМ W1 и W2 так и в зоне данных субкода SW1 и SW2. Служебная информация размещаемая в зоне данных субкода может переписываться и дописываться независимо от музыкальной информации записанной в ИКМзоне. Изменить ее не изменяя основных данных невозможно. Это та информация которая записана в символах W1 и W2 кода идентификации ID зоны ИКМданных.