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


 

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

30786. Технология устройства гидроизоляции 15.47 KB
  Гидроизоляция: Окрасочная Литая Оклеечная Жёсткая Окрасочную изоляцию жидкими составами толщиной 02. Литую асфальтовую изоляцию в виде сплошного водонепроницаемого слоя асфальтовой массы толщиной 10. На нее наносят слой битумной мастики толщиной 1. Швы между полотнищами очередных слоев смещают по отношению друг к другу Жесткая гидроизоляция цементнопесчаная гидроизоляция толщиной до 25 мм состава 1:1; 1 : 2; 1 : 3 устраивают двумя способами торкретированием и оштукатуриванием.
30787. Виды теплоизоляционных покрытий. Технология 15.75 KB
  Теплоизоляция: Засыпная Мастичная Литая Обвалакивающая Сборноблочная Вакуумная Засыпная – в стену приваривают шпильки 335 см на них крепят мелкую металлическую сетку с ячейками в которые засыпается диатомовая крошка перлитовый песок мин и стекловата. Мастичная – на стену с помощью шпилек устанавливают мелкую армирующую сетку. Мастику наносят на сетку 1 слой – набрызг затем разглаживание последний слой укладывают рейкой. При устройстве однослойной изоляции поверх войлока укладывают оцинкованную металлическую сетку и закрепляют ее...
30788. Назначение кровель. Кровельные материалы. Виды кровель и требования к ним 14.37 KB
  Кровельные материалы. Кровли: Мягкие – рулонные материалы мембраны мастичные Жёсткие – листовые материалы штучные. Скатные кровли – более 15 уклон – штучные листовые материалы черепица металлочерепица рулонные.
30789. Устройство рулонных кровель 15.32 KB
  К вертикальной поверхности пополнительный слой гидроизоляции. Ковер начинают наклеивать с пониженных мест воронок внутреннего водостока ендов карнизов послойно: сначала первый слой по всей площади захватки после его проверки и приемки второй слой до 5. Наклейка : послойная слой за слоем по всей площади крыши ступенчатая3 5 слоёв сразу. Наплавляемый рубероид – нижний слой полимерное покрытие нагревают путём разогрева газовыми горелками.
30790. Устройство мастичной кровли 14.78 KB
  К вертикальной поверхности пополнительный слой гидроизоляции. Разливают слой битумнополимерной мастики. В неё втапливают арматурный слой стеклосетку 34слоя. Сверху защитный слой мелкого гравия.
30791. Мембранные кровли 16.44 KB
  Наносится с использованием клеевой технологии. ТПО – смесь каучука и полимеров повышающих механическую прочность менее эластичны ПВХ – мембраны Способы соединения полотнищ: сварка горячим воздухом клеевой способ 2хсторонние склеивающие ленты Способы закрепления мембранных кровель: Баластный способ – свободное положение закрепляют по периметру в местах примыкания к вертикальным поверхностям. Наносят клеевой состав и раскатывают катком.
30792. Устройство металлических кровель 13.66 KB
  Основание для покрытия кровельной сталью выполняют в виде обрешетки из деревянных брусков 50 х 50 мм и досок от 50 х 120 до 50 х 110 мм. Конек устраивают из соединяемых под углом досок. Расстояние между осями досок принимают равным 1390 мм чтобы стыки листов попадали на них.
30793. Устройство кровель из асбесто-цементных волокнистых листов (шифер) 13.2 KB
  Устройство кровель из асбестоцементных волокнистых листов шифер Волнистые асбестоцементные листы обыкновенного профиля и средневолнистые размером 678 х 1200 мм укладывают на деревянной обрешетке из брусьев сечением 60 х 60 мм. Для плотного прилегания листов к обрешетке и друг к другу карнизный брусок поднимают с помощью прокладок на 6 мм а последующие четные бруски на 3 мм. Плотное прилегание листов в рядах вдоль и поперек ската обеспечивают уменьшением количества слоев в нахлестке. Для этого при укладке обрезают углы двух листов или...
30794. Виды и назначение отделочных покрытий 14.22 KB
  Их назначение придать зданию или сооружению законченный вид отвечающий заданным утилитарным и эстетическим требованиям. Назначение отделочных работ защита строительных конструкций от вредных воздействий окружающей среды увеличение срока их службы и придание поверхностям красивого внешнего вида.