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


 

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

3298. Город Лицей на 59-м градусе северной широты 43.33 KB
  Город Лицей на 59-м градусе северной широты» (лицейский годы Пушкина). ХОД МЕРОПРИЯТИЯ Учитель: Сегодня у нас необычная встреча. Мы приглашаем всех отправиться совсем недалеко – всего на два столетия назад, в первые десятилетия 19 века. Мы поз...
3299. Внеклассное мероприятие Знай и люби свой край 34.5 KB
  Внеклассное мероприятие Знай и люби свой край Конкурс 1. Лекарственные растения. 1.Перечислите правила сбора лекарственных растений (нельзя заготавливать вблизи дорог и в черте города; собирать только в сухую ясную погоду; нельзя собирать больные ...
3300. Внеклассное мероприятие. Семья, как много в этом слове 37 KB
  Семья, как много в этом слове Цели внеклассного мероприятия: сформировать уважение к членам семьи, сформировать у детей понимание сущности основных социальных ролей: дочери, сына, мужа, жены. Задачи внеклассного мероприятия: сформировать представлен...
3301. Внеклассное мероприятие на тему: 30 KB
  Формировать толерантное и уважительное отношение к одноклассникам, людям другой национальности Задачи: Ввести и закрепить определение термина “толерантность”. Учить находить ком...
3302. Подумай, оглянись вокруг, реши – что важно в жизни для твоей души 34.12 KB
  Внеклассное мероприятие по пропаганде здорового образа жизни среди подростков "Подумай, оглянись вокруг, реши – что важно в жизни для твоей души…" 10–11-й классы Оборудование: тематические плакаты, выставочный стенд художественной литерату...
3303. Законність та відповідальність у державному управлінні 24.29 KB
  Досягненню зазначених цілей служать такі основні принципи здійснення юридичної відповідальності: відповідальність лише за поведінку, а не за думки; відповідальність тільки за протиправні діяння і тільки при наявності вини (презумпція невинності); законність, справедливість, доцільність і невідворотність.
3304. Внеклассное мероприятие. Суд над ядерной энергией 33.96 KB
  Внеклассное мероприятие по предмету «Физика». Тема:  «Суд над ядерной энергией». Тип мероприятия: ролевая игра Цели и задачи: • Обобщить теоретический материал по применению ядерной энергии • Показать грандиозные успехи в использовании ядерной ...
3305. Методы получения 3-амино-4-(5-R-1,3,4-оксадиазол-2-ил) фуразанов и их физико–химические свойства 197.5 KB
  Исследования в области поиска эффективных методов получения гетероциклических веществ для изучения связи «структура-свойство». 1,3,4-оксадиазольные основания вошли в практику терапии ряда патологических заболеваний вследствие их способности к образованию одного из универсальных регуляторов клеточного метаболизма – оксида азота...
3306. Внеклассное мероприятие по технологии В гостях у Золушки 30.5 KB
  Внеклассное мероприятие по технологии «В гостях у Золушки!»? 5 класс Внеклассное мероприятие по технологии «В гостях у Золушки!» среди учащихся 5-х классов. 02.03.2012г. Подготовила и провела учитель технологии Максимова Ирина Ивановна.Ведущий: Не за...