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


 

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

14570. Примитивы OpenGl 90 KB
  Лабораторная работа №2 Примитивы OpenGl Точки линии треугольники четырехугольники многоугольники простые объекты из которых состоят любые сложные фигуры. В предыдущей главе мы рисовали сферу конус и тор. OpenGL непосредственно не поддерживает функций для с...
14571. Используя принципы ООП реализовать программу для вычисления площади фигур 16.74 KB
  Отчет по лабораторной работе №2 по дисциплине: Объектноориентированное программирование Постановка задачи Используя принципы ООП реализовать программу для вычисления площади следующих фигур: Эллипс Прямоугольник Треугольник. В программе необх
14572. Ввод и взаимодействие с пользователем и анимация Взаимодействие с пользователем в OpenGL 50.5 KB
  Лабораторная работа №3 Ввод и взаимодействие с пользователем и анимация Взаимодействие с пользователем в OpenGL Функции библиотеки GLUT реализуют так называемый событийноуправляемый механизм. Это означает что есть некоторый внутренний цикл который запускается
14573. Модель разноцветного куба. Способы получения плоских проекций трехмерных объектов. Задание положения и ориентации камеры 81.5 KB
  Лабораторная работа №4 Модель разноцветного куба. Способы получения плоских проекций трехмерных объектов. Задание положения и ориентации камеры. 1.Рисование трехмерного куба. Куб следует рассматривать как шесть многоугольников которые определяют его грани. Мас
14574. Работа с изображением. Наложение текстуры 67 KB
  Лабораторная работа №5 Работа с изображением. Наложение текстуры. 1.Работа с изображением Существует множество графических форматов bmp pcx gif jpeg и прочие. OpenGL напрямую не поддерживает не один из них. В OpenGL нет функций чтения/записи графических файлов. Но подде
14575. Использование источников света в OpenGL и свойств материала 70 KB
  Лабораторная работа №6 Использование источников света в OpenGL и свойств материала. 1.Описание источников света в OpenGL. В системе OpenGl поддерживаются источники света четырех типов: фонового освещения ambient lighting точечные источники point sources прожекторы spotlights удален
14576. Кривые и поверхности в OpenGL 75 KB
  Лабораторная работа № 7 Кривые и поверхности в OpenGL Кривые Безье Кривая Безье задается векторной функцией одной переменной Cu = [ Xu Yu Zu] Где u изменяется в некоторой области например [0.0 1.0]. Фрагмент поверхности Безье задается векторной фу
14577. Реализация выбора объектов в интерактивной графической программе 52 KB
  Лабораторная работа № 8 Реализация выбора объектов в интерактивной графической программе Цель работы Изучение механизма выбора OpenGL – средства реализующего функции логического устройства типа селектор 1. Выбор и обратная связь Некоторые графические прикладн...
14578. Работа логических узлов ЭВМ 17.42 KB
  Лабораторная работа №4 Работа логических узлов ЭВМ Цель работы: Освоить работу логических узлов ЭВМ. Задание: Построить схему по заданной логической функции. Преобразовать выражение согласно варианту таблица 1 в базисы 2ИНЕ с помощью законов ДеМорган