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


 

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

71357. Основи системного адміністрування ОС FreeBSD Unix 1.55 MB
  Завдання на роботу Відповідно до варіанту: створити облікові записи груп користувачів; створити облікові записи користувачів; додати облікові записи користувачів в необхідні групи, символ «+» означає приналежність користувача групі; створити каталоги і встановити необхідні права доступу...
71358. Установка і початкове налаштування ОС FreeBSD Unix 8.71 MB
  Контрольні питання Визначте основні можливості операційної системи FreeBSD Unix. Які функції виконує менеджер завантаження FreeBSD? Вкажіть особливості виділення дискового простору для FreeBSD Unix. Яким чином ядро системи іменує IDE диски?
71359. Розміщення графіки на Web-сторінці 228 KB
  Цей необов’язковий елемент визначає текст, який буде відображений браузером, що не підтримуює відображення графіки або з відключеною підтримкою зображень. Звичайно, це короткий опис зображення, який користувач міг би, чи зможе побачити на екрані.
71360. Работа с растровыми изображениями в Corel Draw 9.0 3.02 MB
  Для включения растровых изображений в CorelDRW используется команда Импорт в меню Файл. Для выделения части растрового изображения при импортировании: выберите команду Импорт в меню Файл; в открывшемся диалоговом окне в поле расположенном справа от поля Тип файла выберите команду Обрезка...
71361. Специальные эффекты в Corel Draw 9.0 1.1 MB
  На панели атрибутов есть кнопки позволяющие задавать режим редактирования оболочки: 1. Возможны четыре способа деформации объекта в результате применения эффекта Огибающая список панели атрибутов: 1. для получения таких изображений воспользуйтесь кнопками панели атрибутов инструмента...
71362. Работа с текстом в CorelDraw 9.0 493.5 KB
  В CorelDRW существует два типа текста: фигурный и простой. Выбор типа текста зависит от того что вы с ним будете делать. Если к нему будут применяться художественные спецэффекты выбирайте фигурный текст. Для изменения всего текста необходимо выделить его инструментом Выбор.
71363. CorelDraw 11.0 Знакомство с CorelDRAW 8.41 MB
  Выделите последовательно каждый объект инструментом Указатель и измените цвета контуров и заливку выделенных объектов используя левую и правую кнопки мыши и цветовую палитру в правой части экрана. С помощью инструмента Кривая нарисуйте кривую удерживая левую кнопку мыши.
71364. Corel Draw 9.0 Преобразование формы объектов. Специальные эффекты 357.5 KB
  Инструмент Форма выделяет контур объекта и представляет его как совокупность отрезков прямых и кривых линий соединенных опорными точками узлами. Перемещение узлов меняет форму объекта воспользуйтесь контекстным меню Преобразовать в кривые.
71365. Служба доменних імен (DNS) 457 KB
  Завдання на роботу Провести настроювання первинного сервера DNS для зони згідно варіанту завдання. Визначити резервний DNS-сервер для створеної зони. Виконати процедуру передачі інформації про зону. Створити обернену зону, для локального IP 10.18.51.1.