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


 

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

53391. Древняя Индия 41 KB
  Развивающая: Развивать умение пользоваться историко-географической картой, извлекать из неё знания, закрепить их с помощью работы по контурной карте. Умение переходить от одной формы работы к другой. Воспитательная: Закрепление представлений о том, что общечеловеческие достижения в культуре имеют конкретное происхождение. Представить культуру Индии как часть общемировой.
53392. США. Індіанці: пошуки вирішення проблеми. Контроль навичок - аудіювання 95.06 KB
  By the end of the lesson you should be able to reply and react appropriately to various statements. Beside, you will listen to some new information about the first Americans who came to Alaska from Asia crossing the Bering land bridge, which later became the Bering Strait. You will hear the text about American Indians and their problems.
53393. Методичні основи змісту навчання та виховання 143 KB
  В широкому плані особистість людини є інтегральною цілісністю біогенних соціогенних і психогенних елементів. Коменського великого чеського педагога – чітко позначені положення про те що весь процес навчання і виховання дітей необхідно будувати з урахуванням їх вікових і індивідуальних особливостей і виявляти ці особливості шляхом систематичних спостережень. Він вважав що в процесі виховання і навчання необхідно орієнтуватися на позитивні якості...
53394. У НАС В ГОСТЯХ ІНДІЯ 99.5 KB
  Мета: забезпечити засвоєння учнями знань про характерні риси економіко географічного положення Індії особливості природних умов і ресурсів розміщення населення й господарства культурноісторичні особливості країни; розвивати творчі здібності учнів логічне мислення формувати культуру спілкування; продовжити розвивати інтерес до предмета; формувати вміння працювати самостійно та в групах виховувати почуття доброти й милосердя до людей інших...
53395. ІНДУКЦІЯ – МЕТОД ПІЗНАННЯ ІСТИНИ 59 KB
  Як виховати цілісне мислення як сформувати ставлення до математики як до цілісної системи яка забезпечує світопізнання розвиток інтелекту показати практичне застосування логічних методів для встановлення істини у житті людини Покажемо це на прикладі вивчення теми “Індукціяâ€. У перекладі з латинської термін “індукція†означає â€œнаведенняâ€. Розрізняють кілька видів індуктивних міркувань: міркування за схемою “повна індукція†та міркування за схемою “неповна індукціяâ€. Це індукція шляхом переліку популярна індукція та...
53396. На шляху до сучасності: утвердження індустріального суспільства у провідних державах світу 91.5 KB
  Мета уроку: Систематизувати узагальнити та конкретизувати знання та уявлення учнів про розвиток провідних держав світу в 2 половині ХІХ ст. Тип уроку: урок узагальнення та систематизації знань умінь і навичок. Після цього уроку учні зможуть: Характеризувати процес завершення формування індустріального суспільства у провідних державах Європи та...
53397. Використання інформаційних технологій на уроках математики 1.49 MB
  Застосування компютерної техніки на уроках дозволяє зробити урок нетрадиційним яскравим насиченим наповнюючи його зміст знаннями з інших наочних областей що перетворюють математику з об'єкту вивчення в засіб отримання нових знань. Ефективність застосування нових інформаційних технологій на уроках математики обумовлена наступними факторами: 1 різноманітність форм представлення інформації; 2 висока степінь наочності; 3 можливість моделювання за допомогою комп’ютера різноманітних об’єктів і процесів; 4 звільнення від рутинної роботи...
53398. Засоби пошуку інформації в Інтернеті. Принципи функціонування веб-каталогів та пошукових систем. Стратегії пошуку інформації 1.56 MB
  Сьогодні на уроці продовжим вивчати сільське господарство, характеристику тваринництва, узагальнемо спеціалізацію сільського господарства, ознайомимось і оцінемо проблеми і перспективи розвитку сільського господарства, завершимо виконання практичної роботи №9, використовуючи знання з інформатики.
53399. Алгоритм 434 KB
  В цей час решта членів команд задіяні в перехресному опитуванні: задають один одному по 3 теоретичних питання за темою, які готували дома заздалегідь, причому, задають питання та дають відповіді різні члени команди. Оцінює команди журі, до складу якого входять 2 найбільш підготовлених студента (1 бал за кожну правильну відповідь). Вони ж здійснюють контроль часу.