38033

Форматирование текста

Лабораторная работа

Информатика, кибернетика и программирование

Форматирование текста Цель работы: используя теги разбивки текста логического и физического форматирования текста создать страницу по данному образцу. Теги разбивки текста h1 т h1 h2 т h2 h3 т h3 h4 т h4 h5 т h5 h6 т h6 заголовки стилей 1 2 3 4 5 6. Атрибут: lign= задает положение текста абзаца на строке. Значения: left выровнять текст по левому краю center выровнять текст по центру right выровнять текст по правому краю.

Русский

2013-09-25

44.5 KB

2 чел.

Лаборатораная работа №2. «Форматирование текста»

Цель работы: используя теги разбивки текста, логического и физического форматирования текста создать страницу по данному образцу.

Теги разбивки текста

<h1 a >т</h1>

<h2 a >т</h2>

<h3 a >т</h3>

<h4 a >т</h4>

<h5 a >т</h5>

<h6 a >т</h6>

заголовки стилей 1, 2, 3, 4, 5, 6. В стиле 1 - самый крупный шрифт броузера, а в стиле 6 - самый мелкий шрифт. Атрибуты:

align="" - задает положение заголовка на строке. Значения: 

left - выровнять заголовок по левому краю, 

center - выровнять заголовок по центру, 

right - выровнять заголовок по правому краю. 

<p a >т</p> 

выделение абзаца. Между абзацами броузер даст пустую строку. Атрибут: 

align="" - задает положение текста абзаца на строке. Значения: 

left - выровнять текст по левому краю, 

center - выровнять текст по центру, 

right - выровнять текст по правому краю. 

Тега контейнера абзаца:

<br> 

продолжение текста в контейнере с новой строки без пропуска строки. Два оператора подряд дают пропуск строки. 

<nobr>т</nobr> 

текст в контейнере не разбивать на строки. 

<hr a > 

задает горизонтальную линию. Атрибуты: 

width="" - длина линии или в пикселах или в % от ширины окна, 

size="" - ширина линии, 

color="" - цвет линии, 

noshade - отменяет рельефность линии, 

align="" - положение линии на строке экрана. Значения: 

left - прижать линию к левому краю, 

center - расположить линию по центру, 

right - прижать линию к правому краю. 

<pre a >т</pre> 

контейнер для текста заранее отформатированного в текстовом редакторе (преформатированного). Применяется только шрифт фиксированной ширины. Так, как преформатированный текст жестко привязан к пикселам, могут возникать сложности вывода на экран в другом компьютере. Допускаются теги <p>, <br>, все теги логического и физического форматирования, элементы ссылок. Нельзя применять теги <h1>, ... <h6>, <address>. Атрибут: 

width="" - максимальное число символов в строке.

Теги логического форматирования текста

Операторы логического форматирования указывают тип текста, а как будет отображен данный текст, решает броузер читателя.

<code>т</code> 

машинописный текст. Обычно отображается шрифтом фиксированной ширины. 

<kbd>т</kbd> 

смоделировать текст, введенный с клавиатуры. Обычно отображается шрифтом фиксированной ширины.

<samp>т</samp> 

смоделировать текст, выведенный на печать. Обычно отображается шрифтом фиксированной ширины. 

<strong>т</strong>

важный фрагмент. Обычно броузер выделяет его полужирным шрифтом. 

<em>т</em> 

текст. Обычно выделяется шрифтом со сдвигом или курсивом. 

<dfn>т</dfn> 

определение. Обычно выделяется курсивом. 

<var>т</var> 

выделить переменные. Обычно отображается шрифтом фиксированной ширины. 

<cite>т</cite> 

цитата. Обычно выделяется курсивом. 

<blockquote>т</blockquote> 

контейнер для цитаты. Обычно цитата сдвигается вправо. Этот контейнер удобно использовать для создания полей в документе. Допускаются теги форматирования текста. 

Теги физического форматирования текста

Операторы физического форматирования непосредственно указывают броузеру читателя, в каком виде отображать текст из данного контейнера. Контейнеры физического форматирования могут быть вложены друг в друга.

<b>т</b> 

выделить текст полужирным шрифтом. 

<i>т</i> 

выделить текст курсивом. 

<tt>т</tt> 

выделить текст шрифтом фиксированной ширины. 

<u>т</u> 

текст подчеркнуть. 

<strike>т</strike> 

перечеркнуть текст горизонтальной линией. 

<big>т</big> 

вывести текст шрифтом большего размера. 

<small>т</small> 

вывести текст шрифтом меньшего размера. 

<sub>т</sub> 

вывести текст , если возможно, шрифтом меньшего размера и сдвинуть ниже уровня строки. 

<sup>т</sup> 

вывести текст , если возможно, шрифтом меньшего размера и сдвинуть выше уровня строки. 

<center>т</center> 

вывести текст по центру. 

Задание. По предложенному образцу выполните форматирование текста в файле rez.html с некоторыми дополнениями.


Образец.

Медведева Наталья Михайловна

Тел. 8-927-513-69-79 (моб.)
       8(8442)46-16-60 (дом.)

e-mail: natasha_medvedeva@volsu.ru

Цель: доцент Волгоградского Государственного Университета

Образование: Волгоградский Государственный Университет,

математический факультет (2002г.),   

специальность: математика,

специализация: математический анализ

Дополнительное

образование:  2002 – дополнительная специальность: «преподаватель математи-ки»
                         2005- аспирантура ВолГУ по специальности

                                    «01.01.01 – математический анализ»

Опыт работы: 2002 – до наст. времени
                         ст. преп кафедры информатики и экспериментальной математики

                         2003-2007
                         ассистент кафедры информатики и экспериментальной математики
                         2002 – 2003
                         ассистент кафедры математического анализа и теории функций
                         
Знания и навыки: Английский, немецкий – со словарем

Компьютер: Microsoft Office (Word, Excel, PowerPoint, Access,VBA), HTML.

                         
Дополнительные

сведения:           

Род. 10.07.1980 (г.Камышин Волгоградской области)

Замужем

Ответственна, коммуникабельна, целеустремленна, легко обучаюсь и адаптируюсь к новому.

Увлечения: шитье, вязание, лепка, поэзия, проза, цветоводство, психология, кулинария.

Рекомендации: гр. Д-061, тел. 46-02-03

Пример по физическому форматированию:

С глаголами частица не пишется раздельно, поэтому несделал  это не правильно!

Внимание!!!

Запомним формулы: H2O - вода, C2H5OH – спирт, S = a2 – площадь квадрата со стороной a.

3


 

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

21292. Діаграма послідовності 571.5 KB
  Іншими словами хоча повідомлення і має інформаційний зміст воно набуває додаткове властивість надавати направлений вплив на свого одержувача. Повідомлення зображуються у вигляді горизонтальних стрілок з ім'ям повідомлення і також утворюють порядок за часом свого виникнення. Іншими словами повідомлення розташовані на діаграмі послідовності вище ініціюються раніше тих що розташовані нижче. Графічне зображення актора рекурсії та рефлексивного повідомлення на діаграмі послідовності 2.
21293. Методологія обєктно-орієнтованого аналізу і проектування ПЗ. Мова UML 72.5 KB
  Мова UML Зіставлення і взаємозв'язок структурного та об'єктноорієнтованого підходів Граді Буч сформулював головне достоїнство об'єктноорієнтованого підходу ООП наступним чином: об'єктноорієнтовані системи більш відкриті і легше піддаються внесенню змін оскільки їх конструкція базується на стійких формах. Буч відзначив також ряд наступних переваг ООП: об'єктна декомпозиція дає можливість створювати програмні системи меншого розміру шляхом використання загальних механізмів що забезпечують необхідну економію виразних засобів. Системи...
21294. Структурний підхід до проектування інформаційних систем 477 KB
  Основними з цих принципів є наступні: принцип абстрагування полягає у виділенні істотних аспектів системи і відволікання від несуттєвих; принцип формалізації полягає в необхідності суворого методичного підходу до вирішення проблеми; принцип несуперечності полягає в обгрунтованості та узгодженості елементів; принцип структурування даних полягає в тому що дані повинні бути структуровані і ієрархічно організовані. Кожній групі засобів відповідають певні види моделей діаграм найбільш поширеними серед яких є наступні: SADT...
21295. Мета та завдання дисципліни 88.5 KB
  CASEтехнологія являє собою методологію проектування ІС а також набір інструментальних засобів що дозволяють в наочній формі моделювати предметну область аналізувати цю модель на всіх етапах розробки і супроводу ІС і розробляти програми відповідно до інформаційними потребами користувачів. Поняття моделі та моделювання Модель це об'єкт або опис об'єкта системи для заміщення однієї системи оригіналу іншою системою для кращого вивчення оригіналу або відтворення будьяких його властивостей. Слово модель лат. При моделюванні...
21296. Діаграма варіантів використання (use case diagram) 504 KB
  Діаграма варіантів використання use case diagram Вступ Візуальне моделювання в UML можна уявити як певний процес поуровневого спуску від найбільш обший і абстрактної концептуальної моделі вихідної системи до логічної а потім і до фізичної моделі відповідної програмної системи. Для досягнення цих цілей спочатку будується модель у формі так званої діаграми варіантів використання use case diagram яка описує функціональне призначення системи або іншими словами те що система буде робити в процесі свого функціонування. Діаграма...
21297. Життєвий цикл програмного забезпечення 1.58 MB
  Життєвий цикл програмного забезпечення Одним з базових понять методології проектування ІВ є поняття життєвого циклу її програмного забезпечення ЖЦ ПЗ. Структура ЖЦ ПЗ за стандартом ISO IEC базується на трьох групах процесів: основні процеси ЖЦ ПЗ придбання поставка розробка експлуатація супровід; допоміжні процеси які забезпечують виконання основних процесів документування управління конфігурацією атестація оцінка аудит рішення проблем; організаційні процеси управління проектами створення інфраструктури проекту...
21298. Моделювання за допомогою методу Баркера 243 KB
  З їх допомогою визначаються важливі для предметної області об'єкти сутності їх властивості атрибути і відношення один з одним зв'язки. Графічне зображення сутності Кожна сутність повинна мати унікальний ідентифікатор. Кожен екземпляр сутності повинен однозначно ідентифікуватися і відрізнятися від всіх інших примірників даного типу сутності. Одна і та ж інтерпретація не може застосовуватися до різних імен якщо тільки вони не є псевдонімами; володіє одним або декількома атрибутами які або належать сутності або успадковуються через...
21299. Діаграми класів 160.5 KB
  При цьому можливе використання графічних зображень для асоціацій та їх специфічних властивостей таких як відношення агрегації коли складовими частинами класу можуть виступати інші класи. У цих розділах можуть зазначатися ім'я класу атрибути змінні та операції методи.1 Графічне зображення класу на діаграмі класів Обов'язковим елементом позначення класу є його ім'я. На початкових етапах розробки діаграми окремі класи можуть позначатися простим прямокутником із зазначенням тільки імені відповідного класу рис.
21300. Технології та інструментальні засоби проектування 62.5 KB
  Інструментальні засоби моделювання та проектування інформаційних систем Технології та інструментальні засоби проектування Технології та інструментальні засоби проектування CASEзасоби Computer Aided System Engineering складають основу проекту будьякої інформаційної системи. Методологія реалізується через конкретні технології та підтримують їх стандарти методики та інструментальні засоби які забезпечують виконання процесів життєвого циклу. Особливостями сучасних CASEзасобів є наочні графічні інструменти для створення моделей...