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


 

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

34367. Взаимосвязь технологии с экономикой и другими науками 24.5 KB
  Все факторы влияющие на рост производительных сил человека: искусность и квалификация эффективность и оснащенность производства прогресс науки как производительной силы все это прямо или косвенно находит свое воплощение в технических средствах труда. По мере исторического развития процесса труда происходит обогащение производительных сил новыми моментами и новыми производительными силами носящими общественный характер. Технологические отношения охватывают отношения между человеком средствами труда и предметом труда в производственном...
34368. Производственные системы и производственные процессы 25 KB
  Производственные системы и производственные процессы. Так даже для получения сельскохозяйственных продуктов основа природные процессы произрастания необходимо создавать производственные системы. Производственные системы включают все необходимое для производства продукции: 1. Примером производственной системы в материальном производстве являются: завод фабрика организация колхоз и т.
34369. Критерии оценки экономической эффективности пр-ва 23.5 KB
  Показатель экономической эффективности технго процесса должен учитывать все виды затрат. Себестоимость это совокупность материальных и трудовых затрат предприятия на изготовление и реализацию продукции выраженных в денежной форе. Различают основные затраты непосредственно связанные с процессом прва расходы на основные материалы технологическое топливо энергию покупные полуфабрикаты зарплату основных рабочих и расходы связанные с обслуживанием процесса и управлением. В зависимости от доли отдельных элементов затрат в себестоимости...
34370. Оптимизация и экономическая оценка технологических процессов 23 KB
  Другими словами можно определить что расходные коэффициенты это затраты на единицу продукции с учетом качества потребляемого сырья и стоимости. Эти затраты связаны с увеличением степени чистоты используемого сырья. характеризует сколько может получится целевого продукта с единицы сырья. К= m сырья m целевого продукта C1 C2 = Пц Пп В технологических процессах используется несколько видов сырья.
34371. Понятие технологического процесса, основные его параметры и характеристики 30 KB
  Производственный процесс это совокупность всех действий людей и орудий труда необходимых для изготовления или ремонта продукции. Технологический процесс это основная часть производственного процесса направленная на получения из сырья готовой продукции. Экономические: производительность выпускаемой продукции П = Q t кГ ч т ч; где Q количество произведенной продукции кГ т шт. 100 где Qф фактическое количество произведенной продукции кГ т шт.
34372. Динамика произв. затрат при развитии технол. процесса 55 KB
  Прошлого овеществленного труда Тп включающего в себя все затраты труда связанные с получением исходного для данной технологии продукта а также затраты на орудия труда используемые в анализируемом технологическом процессе; 2. Живого труда Тж включающего все затраты человеческого труда предусмотренные в анализируемом технологическом процессе на выпуск готовой продукции. Общие удельные затраты на единицу продукции представляющие собой сумму прошлого и живого труда Тс = Тп Тж min являются наиболее обобщенными технологическими...
34373. Структура технологического процесса 50 KB
  Структура технологического процесса. Любой технологический процесс можно рассматривать как систему более мелких технологических процессов или как часть более сложного техн. В структуре сложного техн. процесса можно выделить всегда элементарный техн.
34374. Основные варианты развития технологических процессов и их характеристика 23 KB
  элементов приводит к росту производительности живого труда за счет высвобождения человека и сокр. труда за счет увеличения доли прошлого труда что соотв. такое развитие процессов при котором увеличение производительности совокупного труда происходит при увеличении затрат прошлого труда за счет механизации и автоматизации вспом. за счет уменьшения как живого так и прошлого труда на единицу продукции.
34375. Закон рационалистического развития технологических процессов 24.5 KB
  развития технологического процесса происходит прямая замена живого труда прошлым. При этом каждое последующее увеличение производительности труда требует все больших затрат прошлого труда на единицу прироста производительности совокупного труда. Достигнутый уровень затрат прошлого труда это техн. Годовые затраты прошлого труда сумма годовых амортизационных отчислений от стоимости оборудования и всех остальных годовых затрат за исключением затрат на предмет труда обозначим через Фт руб год.