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.  Какие Вы знаете параметры тегов?


 

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

37660. Тепловой расчет блока 137.5 KB
  Вычисляем приведенную высоту деталей размещенных на кассете: 2. Вычисляем поверхность рабочей зоны охватывающей четыре кассеты 5. Вычисляем площадь поверхности кассет обращенных друг к другу: 6. Вычисляем значение коэффициента 9.
37661. Расчет транзисторного ключа 157.5 KB
  Задержка включения как указывалось обусловлена наличием входной емкости Свх транзистора.1б: где постоянная времени входной цепи транзистора; сопротивление резистора в этой цепи.1в имеет Исходные данные: питание коллектора Ек = 13В; сопротивление коллектора Rк = 17кОм; сопротивление базы Rб = 23 кОм; напряжение В; постоянная времени транзистора в схеме с общим эмиттером коэффициент усиления транзистора емкость коллектора Ск = 5пФ; емкость эмиттера Сэ = 5пФ; напряжение порога переключения транзистора Требуется...
37662. Расчет надежности двухканального усилителя 421.5 KB
  Обеспечение надежности является одной из основных задач техники. Надежностью называют свойство изделия выполнять заданные функции, сохраняя во времени значения установленных эксплуатационных показателей в заданных пределах, соответствующих заданным режимам и условиям использования, технического обслуживания, хранения и транспортирования.
37663. Расчет транзисторного мультивибратора в автоколебательном режиме 161 KB
  Мультивибраторами называют электронные устройства, генерирующие электрические колебания, близкие по форме к прямоугольной. Спектр колебаний, генерируемых мультивибратором, содержит множество гармоник - тоже электрических колебаний, но кратных колебаниям основной частоты, что и отражено в его названии: мульти - много, вибро - колеблю.
37664. Анализ и расчет технологичности двухканального усилителя 664.5 KB
  Практическая работа №03 Анализ и расчет технологичности двухканального усилителя Под технологичностью изделия понимается определённое количество параметров выпускаемого на производстве изделия технологической подготовки и производственного процесса от которых в результате зависит качество изделия. Комплексный показатель технологичности рассчитывается с использованием базовых показателей по следующей формуле: где: Кi базовый показатель технологичности; φi коэффициент характеризующий весовую значимость базового показателя технологичности;...
37666. Файли. Обробка файлів 449.25 KB
  Організувати послідовний файл на диску. Блок організації файла оформити окремою процедурою. Роботу бази організувати в діалоговому режимі. Окремими процедурами здійснити: редагування вибраного запису, тобто зміни запису за вибором; пошук за індексом запису в базі даних і виведення інформації про його наявність;
37668. Проектирование архитектуры ПО 54 KB
  Киев 2010 Проектирование архитектуры ПО Цель: исследование диаграмм компонентов и развертывание обретение навыков в их использовании. Диаграмма компонентов Архитектура ПО это представление ПО с помощью базовых элементов трех типов: компонентов соединителей и данных. Диаграмма компонентов Component digrm описывает физическое представление системы и обеспечивает переход от логического представления к реализации проекта в форме программного кода. Стереотипы компонентов такие: база данных DB; модуль который выполняется .