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


 

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

35105. Заболевания голосовых связок и глотки 74.5 KB
  Отмечено что чаще всего узелки голосовых складок появляются у женщин в возрасте 20 50 лет. Перегрузка голосовых складок приводит к формированию на них небольших уплотнений. Обычно узелки на голосовых складках расположены симметрично.
35106. Причины и проблемы заболеваний слуха 37.31 KB
  Врождённые аномалии наружного уха. Врожденные пороки развития наружного уха: анотия врождённое отсутствие ушной раковины; микротия недоразвитие ушной раковины например нет только мочки; деформация ушной раковины например обезьяньи уши оттопырены; атрезия заращение наружного слухового прохода. Врожденные пороки развития среднего уха: заполнение барабанной полости косной тканью; отсутствие слуховых косточек; сращение слуховых косточек.
35107. Обзор международного опыта применения сделок РЕПО. Операции РЕПО на российском рынке 1.63 MB
  Операции по кредитованию ценными бумагами и операции РЕПО: понятие и классификация. Обзор международного опыта применения сделок РЕПО. Операции РЕПО на российском рынке Операции РЕПО и операции кредитования ценными бумагами составляющие мощнейший сегмент международного финансового рынка в российской практике появились относительно недавно. Среди основных причин такого роста необходимо выделить следующие: вопервых без рынка РЕПО без финансирования позиций...
35108. Важнейшие пропорции и диспропорции мирового рынка прямых инвестиций. Привлечение прямых инвестиций 1.1 MB
  Мировая практика статистического учёта прямых инвестиций в понятиях 1. Важнейшие пропорции и диспропорции мирового рынка прямых инвестиций 2. Создание универсального индекса для качественной оценки потенциала страны в получении прямых иностранных инвестиций 2. Индекс реальной динамики ввоза прямых иностранных инвестиций 2.
35109. Дифференциальные уравнения 4.15 MB
  Обыкновенные дифференциальные уравнения. Обыкновенными дифференциальными уравнениями о. называются уравнения вида: 1 где известная функция независимая переменная неизвестная функция. Порядком дифференциального уравнения д.
35110. ВЫЧИСЛИТЕЛЬНАЯ МАТЕМАТИКА 3.33 MB
  В традиционных областях математическими моделями служат функции производные интегралы дифференциальные уравнения. Значения этой функции при каждом фиксированном x можно получить измерениями или вычислениями. Для запоминания этой функции в памяти компьютера необходимо приближенно описать ее таблицей значений на некотором конечном множестве отдельных точек . Это простейший пример дискретизации задачи: от задачи запоминания функции на отрезке [0 1] мы перешли к задаче запоминания таблицы значений на дискретном множестве точек из этого...
35111. МЕХАНИКА 1.35 MB
  Кинематика вращательного движения 1 Виды движения твердого тела. Основные понятия по теме При описании вращательного движения в кинематике удобно пользоваться угловыми кинематическими величинами: и Если за время тело совершает поворот на малый угол то углу формально ставиться в соответствие вектор модуль которого равен углу поворота тела за время . Существуют такие системы отсчета в которых материальная точка тело сохраняет состояние покоя или равномерного прямолинейного движения до тех пор пока взаимодействие с другими...
35112. Психологическая и социальная работа с нароко и алгозависимыми детьми и людьми 451.5 KB
  Необходимость такого рода работы с семьей наркозависимого обусловлена следующими причинами: 1. Противонаркотические программы работы с подростками и школьниками старших классов включают в себя: 1. Занятия со школьниками особенно с младшими следует проводить преимущественно в игровой форме но при этом такие занятия должны содержать потенциал серьезной интеллектуальной и психологической работы. Необходимо придерживаться определенных правил групповой работы: а активное слушание б оказание взаимопомощи в доверительность и...
35113. СВЯЗИ С ОБЩЕСТВЕННОСТЬЮ В ГОСУДАРСТВЕННЫХ СТРУКТУРАХ 310.5 KB
  ТАРАШВИЛИ стажер международного прессклуба СВЯЗИ С ОБЩЕСТВЕННОСТЬЮ В ГОСУДАРСТВЕННЫХ СТРУКТУРАХ Содержание: Роль PR в государственной системе. Модели связей с общественностью. Цели связей с общественностью. Связи с общественностью в государственных структурах.