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


 

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

36715. Имитационное моделирование случайных событий 117.5 KB
  В каждой задаче в соответствии с вариантом построить имитационную компьютерную модель имитирующую предлагаемое событие или события. С помощью имитационной модели оценить вероятность данного события событий и рассчитать необходимое количество экспериментов. Рассчитать аналитически вероятность предлагаемого события событий и сравнить с расчетами полученными методами имитационного моделирования. Постройте модель имитации данного события.
36716. РАЗРАБОТКА СХЕМЫ И СОЗДАНИЕ СТРУКТУРЫ РЕЛЯЦИОННОЙ БАЗЫ ДАННЫХ 193.5 KB
  Задание № 3 Использую возможности фильтрации данных постройте следующие фильтры для выборки данных в соответствии с приведенными критериями. С помощью Расширенного фильтра из таблицы Административные районы выбрать те районы в которых численность населения превышает 50 тыс. Удалить фильтр. В меню Записи выберите команду Фильтр Расширенный фильтр.
36717. Гидрологический режим реки Амазонки и ее устьевой области 1.61 MB
  Географическое положение бассейна реки (географическая зона, высотный пояс, удаленность от океанов, государственная принадлежность, координаты центра и крайних точек, основные морфометрические характеристики (площадь, длина, ширина бассейна, длина реки), основные притоки – карта-схема бассейна)
36718. Моделирование случайных величин 176 KB
  Три стрелка стреляют каждый по своей мишени делая независимо друг от друга по одному выстрелу. Рассматриваются три случайные величины: число попаданий первого стрелка; число попаданий второго стрелка; число попаданий третьего стрелка; Пусть случайная величина. Три стрелка стреляют каждый по своей мишени делая независимо друг от друга по одному выстрелу. Рассматриваются три случайные величины: число попаданий первого стрелка; число попаданий второго стрелка; число попаданий третьего стрелка; Пусть случайная величина.
36719. РАБОТА С ЗАПРОСАМИ В РЕЛЯЦИОННОЙ БАЗЕ ДАННЫХ СТАВРОПОЛЬСКИЙ КРАЙ 243.5 KB
  Лабораторная работа № 3 Лабораторная работа № 3 РАБОТА С ЗАПРОСАМИ В РЕЛЯЦИОННОЙ БАЗЕ ДАННЫХ СТАВРОПОЛЬСКИЙ КРАЙ Задание № 1 Создайте запрос на основе таблиц Административные районы и Административные центры выбирающий все районы центры которых являются городами. Технология работы Создайте запрос на основе связанных таблиц. Для этого в окне базы данных выберите объект 3апросы Создание запроса в режиме конструктора; В окне Добавление таблицы выделите в списке таблицу Административные районы и щелкните на кнопке Добавить; В...
36720. Заходи по розширенню долі аптечної мережі «Бажаємо здоров’я» на фармацевтичному ринку України 434 KB
  Кожна компанія зацікавлена тривалий час зберігати свій ринок і бути прибутковою. Для цього потрібне постійне вивчення ринку, розробка заходів по підвищенню конкурентоспроможності і збільшенню частки ринку. Збільшення частки ринку включає різноманітні заходи, сюди входять ребрендинг, комплекс просування, розширення існуючої мережі.
36722. РАБОТА С ФОРМАМИ И ОТЧЕТАМИ В РЕЛЯЦИОННОЙ БАЗЕ ДАННЫХ СТАВРОПОЛЬСКИЙ КРАЙ 130.5 KB
  Лабораторная работа № 4 Лабораторная работа № 4 РАБОТА С ФОРМАМИ И ОТЧЕТАМИ В РЕЛЯЦИОННОЙ БАЗЕ ДАННЫХ СТАВРОПОЛЬСКИЙ КРАЙ Задание 1 Создайте ленточную форму на основе таблицы Административные районы и добавьте вычисляемые поля в форму в режиме конструктора в которых будут выводиться итоговые суммы для полей число населенных пунктов площадь территории численность населения и среднее значение для поля плотность населения. Технология работы На основе таблицы Административные районы создайте форму ленточного вида используя Мастер по...