Найти на сайте
ГлавнаяУслуги

Теги, применяемые для форматирования шрифта. Теги форматирования текста в HTML: как создать текст красиво и понятно

Указую господам сенаторам, чтобы речь держать не по-писаному,
а своими словами, дабы дурь была видна каждого!
Пётр Первый.

В настоящее время, текст в HTML является основным способом подачи информации. Подавляющее большинство сайтов в Интернете состоят именно из текстового контента. Это означает, что можно при умении, как минимум, читать, а как максимум - писать (в каждой шутке есть доля правды).

Д опустим, ты набрал текст в редакторе, произвел его форматирование (выделил какие-то слова жирным или курсивом ), либо сделал с ним что-то ещё. Затем скопировал и вставил текст в свой html-код. Открываешь html-страницу в , а всё твоё форматирование куда-то исчезло. Происходит это потому, что текстовый редактор для форматирования текста применяет свои спецсимволы (по сути те же теги, только используются в текстовых редакторах), которые ты по умолчанию не видишь.

В окне редактора ты видишь только текст. А на самом деле там есть ещё управляющие спецсимволы, с помощью которых редактор «понимает», как ему отображать тот или иной кусок текста. Т. е., повторюсь, это то же самое, что и , только «заточенные» под использование в текстовых редакторах.

Н о, не смотря на это, существует способ перенести текст из редактора и вставить его в html-код в исходном виде. И раз уж об этом зашла речь, то форматирование текста и начнем изучать с этого тега. Итак, приступим.

§ 2. Сами теги для форматирования

П редварительно отформатированный текст можно вставить в html-страницу с помощью тегов и . Браузер покажет текст, заключенный между этими тегами в том виде, в каком он был в текстовом редакторе. Я, если честно, ни разу не использовал этот тег на практике, поэтому что-то ещё про него сказать не могу.

С амыми популярными тегами для форматирования текста являются:

  • - используется для выделения текста полужирным .

  • - используется для получения курсивного текста. Вместо этого тега рекомендуется использовать тег .

  • - позволит подчеркнуть текст. Тут главное, чтобы пользователь не перепутал подчёркнутый текст с ссылкой.

  • - делает текст перечёркнутым.

  • - предназначен для выделения подстрочного текста (нижний индекс). Этот тег может быть полезен, например, для записи химических формул. Вот этот код

    H2 O

    Даст нам вот такую формулу


  • - нужен для выделения надстрочного текста (верхнего индекса). Например, для записи возведения в степень: пишем

    (a+b)2 ,

    Получаем

    (a+b) 2 .


В се эти теги для форматирования текста можно использовать как по одному, так и несколько вместе. Достигается это путем вложения тегов друг в друга. Например, следующий html-код:

H2O - это формула воды.

при просмотре

H 2 O - это формула воды.

§ 3. Абзацы

В HTML абзацы создаются с помощью тега . Использование этого тега приводит к вставке одной пустой строки и размещению находящегося за ним видимого элемента html-страницы в следующей строке. Например, если мы напишем:

Т о выглядеть это будет так:

И спользовать закрывающий тег не обязательно, т. к. браузер считает, что начало следующего абзаца означает конец предыдущего, но для избежания путаницы желательно.

§ 4. Выравнивание текста

Д ля того, чтобы выровнять текст используется атрибут align с возможными значениями center, left, right и justify . Он, соответственно, выравнивает текст по центру, по левому краю, по правому краю и одновременно по двум краям сразу. Например, html-код:

align="center">Текст по центру

выровняет текст по центру:

Текст по центру

А этот код:

right">

выровняет текст по правому краю

Выравнивание текста по правому краю

Е сли атрибут align не используется, то текст будет выровнен по левому краю. Это происходит по умолчанию. Пример, код:

выровнит текст по левому краю

По умолчанию текст выравнивается по левому краю

§ 5. Перенос строки и горизонтальная черта

Е сли нужно обеспечить переход на новую строку без вставки пустой строки (это происходит, когда ты в текстовом редакторе нажимаешь Enter), то используется тег
. Например, html-код

1. Первая строка.
2. Вторая строка.

в браузере будет выглядеть так:

1. Первая строка.
2. Вторая строка.

У
нет закрывающего тега. Ты уже наверное догадался, что для вставки нескольких пустых строк, нужно записать тег
несколько раз подряд.

В изуально разделить части текста можно ещё при помощи тега . Этот тег создает на странице разделительную полосу (например, как зелёная в начале этой статьи). Тег имеет следующие атрибуты:

  • size - толщина полосы;

  • width - ширина полосы;

  • align - выравнивание;

  • color - цвет полосы;

  • noshade - атрибут, не имеющий значений. Если указан, то создается сплошная чёрная полоса без тени.

Н апример, html-код:

align="center" size="5" width="50%" color="#3399ff">

в браузере примет вид

Ш ирину и толщину можно указывать как в пикселах (тогда величина будет постоянной), так и в процентах (тогда величина будет меняться в зависимости от разрешения экрана).

§ 6. Заголовки

Д ля задания названий разделов и подразделов в HTML используются теги заголовков . Существуют шесть уровней заголовков и обозначаются они так:

  • - заголовок первого уровня

  • - заголовок второго уровня

  • - заголовок третьего уровня

  • - заголовок четвёртого уровня

  • - заголовок пятого уровня

  • - заголовок шестого уровня

З аголовки выделяются полужирным шрифтом и отделяются от остального текста пустой строкой. Самый крупный заголовок (им выделено название этого урока), а самый маленький . Теги заголовков имеют атрибуты:

  • align - выравнивание текста заголовка на странице (значения те же, что и для выравнивания обычного текста);

  • title - всплывающая подсказка, которая появляется при наведении мыши на заголовок.

Н апример, код HTML:

align="center" title="Всплывающая подсказка. Чтобы увидеть, наведи мышь на заголовок.">Заголовок 4 уровня

в браузере будет выглядеть так:

Заголовок 4 уровня

§ 7. Работа со шрифтами

Д ля форматирования непосредственно шрифтов, в HTML есть тег . У этого тега существуют следующие атрибуты:

  • color - цвет текста шрифта;

  • face - гарнитура шрифта;

  • size - размер текста шрифта. Может быть задан абсолютным (от 1 до 6) либо относительным значением (от +1 до +6 и от -1 до -6). По-умолчанию, размер текста 3. Если указать size="+1"
>, то текст, размещённый между тегами и , будет отображаться увеличенным на 1 по сравнению с другим текстом. Аналогично и с -1.

§ 8. Создание списков в HTML

В HTML списки создаются с помощью тегов и . В первом случае создается упорядоченный (нумерованный), во втором неупорядоченный (маркированный) списки. Каждый элемент списка выделяется тегом . Браузер отображает элементы списка с новой строки в виде столбца с отступом и маркерами. Вид маркера определяется атрибутом type .

В нумерованном списке маркеры (значения атрибута type) такие:

  • 1 - нумерация арабскими цифрами (по умолчанию);

  • A - большими латинскими буквами по алфавиту;

  • a - маленькими латинскими буквами;

  • I - большими римскими цифрами;

  • i - маленькими римскими цифрами.

Н апример, HTML-код


Первый элемент.
Второй элемент.
Третий элемент.

браузер покажет так.

<Р> - початок нового абзаца; його прийнято записувати в кінці попереднього. Наступне речення починатиметься з нового, вирівняного до лівого краю абзаца без відступу у першому рядку.
- наступний за цим тегом текст буде наведено у ново­му рядку без пропуску порожнього рядка.

- буде проведена горизонтальна лінія.

<В> текст - товстий шрифт тексту, що є між тегами. |


<І> текст - шрифт-курсив.

текст - підкреслений шрифт.

текст - нижній індекс, наприклад у Н 2 О.

текст - верхній індекс, наприклад, 1° вулиця, а 2 .

текст - великий шрифт.

текст - малий шрифт.

<ЕМ> текст - виокремлений курсивом текст (тег І).

<В> <І> текст - товстий курсив. Цей приклад демонструє застосування принципу вкладення тегів.

Окремим типом абзаца є заголовок. Є шість видів заголовків, які відрізняються розмірами символів: Теги

Результат на екрані

Заголовок 1.

Заголовок 2.

Заголовок 3. Заголовок 4. Заголовок 5.

Заголовок 6.

Заголовок за замовчуванням вирівнюється до лівого краю вікна. Якщо вирівнювання заголовка чи іншого елемента на сторінці потрібно задати явно, то використовують теги вирівнювання:

елемент
- вирівнювання до центру;

елемент - вирівнювання до лівого краю;

елемент - вирівнювання до правого краю.

Інформацію можна подати у вигляді таблиці без рамок за допомогою парного тега 

...
. Текст в середині цього тега оформляють засобами табуляції. Броузер такий текст пере-форматовувати не буде. Теги для створення таблиць з рамками тут не розглядатимемо.

"5. Тег задання параметрів шрифта FONT. Щоб задати назву конкретного шрифта, його розмір і колір використовують парний тег FONT з параметрами FACE, SIZE та COLOR, наприклад,

текст

Якщо на комп"ютері клієнта встановлено шрифт Decor, то він буде застосований до даного тексту, інакше броузер застосує шрифт Arbat чи Kudriashov, інакше - деякий свій стандартний шрифт, наприклад, Times New Roman. Розміри символів шрифта можуть бути від 1 до 7. Розмір 3 вважається стандартним, він орієнтовно


відповідає 10 пікселям. Розмір 7 є найбільшим. Число 2 як значення параметра SIZE означає другий розмір шрифта, число +2 означає, що розмір шрифта має бути на дві одиниці більший, ніж стандартний, тобто п"ятий, число -2 означатиме перший розмір шрифта - на дві одиниці менший, ніж стандартний.

Колір тексту буде червоний. Основні кольори мають такі назви:
black - чорний green - зелений

navy - темносиній teal - бірюзовий

silver - сірий lime - яскраво-зелений

blue - синій aqua - блакитний

maroon - малиновий olive - темно-зелений

purple- бузковий gray - темно-сірий

red - червоний yellow - жовтий

fushsia - рожевий white - білий

Завдання 1. Створіть свою особисту Web-сторінку. Викличіть Notepad чи деякий Web-редактор. Введіть текст про себе за на­веденим нижче зразком і збережіть його у файлі filel.htm:

My Web-page

Це Web-сторінка Світлани Марущак

<В>Привіт! Мене звати <В>Світлана

Я вчуся на першому курсі на факультеті прикладної матема­тики Державного yHiBepcHTeTy"JIbBiBCbKa політехніка " . Мені 17 років. Мої улюблені предмети: інформатика, математика, англійська мова, історія. Я люблю слухати хорошу музику, читати пригодницькі романи, подорожувати влітку, катати­ся на гірських лижах взимку, ходити на дискотеку в любу пору року, інколи читати конспекти.

I^HCb тут буде моя фотографія.

MoH адреса: 79054, Львів-54, п.с. 580

Збережіть файл на диску і перегляньте його за допомогою броузера, клацнувши на його піктограмі. Поекспериментуйте з, тегами форматування тексту і розмірами вікна, в якому демонстру­ється документ. Переконайтеся, що броузер автоматично міняє розташування тексту, щоб його можна було переглядати без горизонтальної смуги прокручування (текстові редактори такого ефекту не дають).


6. Створення списків. Є три типи списків: ненумерований, нумерований, означення. Список може мати заголовок, який охоплюють тегами ..., наприклад, <ЬН>Це заголовок списку.

Ненумерований список утворюють за допомогою парного тега " ... і одинарних тегів

  • , наприклад, так: Мої улюблені предмети:

  • інформатика
  • математика
  • англійська мова
  • історія

    інформатика

    Математика

    Англійська мова

    історія

    Нумерований список створюють за допомогою парного тега з необов"язковим параметром TYPE і одинарних тегів

  • , наприклад, так:

    Мої улюблені предмети:

      <ІЛ>Інформатика

      <ІЛ>Англійська мова

      <ІЛ>Історія

      На екрані отримаємо: Мої улюблені предмети:

      1. Інформатика

      2. Англійська мова

      3. Історія

      Значення "і" чи "І" параметра TYPE задає нумерацію римсь­кими малими (і, іі, ііі, iv,...) чи великими (І, II, III, IV, ...) цифрами, а значення "а" чи "А" - латинськими малими (a, b, c, d, ...) чи великими (А, В, С,...) буквами.

      7. Вставляння графічних і відео-файлів. Графічні зображен­ня (фотографії, картинки, піктограми тощо) зберігаються на сер­верах в окремих файлах з розширеннями bmp, jpg, gif та іншими і подаються на екран клієнта за допомогою команди, що задається одинарним тегом з параметрами:


      Обов"язковим є лише перший параметр SRC. Альтернативний текст - це текст, який виводитиметься замість картинки, якщо броузер не може прийняти графічний файл, або якщо режим відображення графіки вимкнено. Параметр ALIGN задає місце роз­ташування картинки на екрані, а параметри WIDTH і HEIGHT її розміри по ширині і висоті в пікселях або відсотках, наприклад, задає ширину картинки 300 пікселів; задає ширину картинки півсторінки у горизонта­льному напрямку.

      Для проведення ліній різної довжини і товщини застосовують параметри WIDTH і SIZE, наприклад, тег

      замість звичайної лінії дає червону полосу товщиною ЗО

      пікселів.

      Справа і зліва від картинки, яку обгортає текст, можна зробити вільний простір: HSPACE = "кількість пікселів". Можна створити вільний простір також над і під рисунком: VSPACE = "кількість

      пікселів".

      За допомогою тега IMG можна вставити також відеофільм, який запускатиметься в момент відкриття Web-сторінки:

      8. Адреси файлів. Для виклику віддалених файлів, тобто файлів, які є на серверах в мережі Internet, адресу записують з зазначеням назви протоколу доступу http і URL-адреси файлу, наприклад, "http://www.polynet.lviv.ua/ourpage.htm".

      Для доступу до файлів на локальному диску використовують протокол доступу file: "filе:///диск:/ шлях до файлу".

      Наприклад, "file:///d:/mycatalog/mypage.htm". Назву прото­колу можна інколи не писати, наприклад, SRC="c:/windows98/

      Якщо графічні чи інші файли є в тому ж каталозі, що основний html-файл, то достатньо зазначити лише назву файлу, наприклад, SRC="myfoto.gif". Якщо файл є в деякому сусідньому каталозі images, то шлях до нього можна подати так: "../images/myfoto. gif". Отже, тег IMG може мати такий конкретний вигляд:

      .


      Завдання 2. Переробіть файл filel.htm, щоб створити списки двох видів і вставити свою фотографію або деяку картинку з Clip Art, наприклад cat.bmp, rabbit.bmp чи іншу. Новий файл назвіть file2.htm. Перегляньте його у броузері.

      9. Вставляння гіперпосилань. Є два види гіперпосилань: 1) на файл; 2) на деяке місце на даній сторінці, а саме: на початок сторінки - top, кінець сторінки - bottom, на деякий позначений текст. Гіперпосилання вставляють за допомогою парного тега <А>... з параметром HREF = "адреса файлу (або слова top чи bottom чи позначений текст)".

      Гіперпосиланням може бути текст або деяке графічне зобра­ження. Розглянемо на прикладі випадок, коли гіперпосиланням є текст. Нехай у реченні "Мене звати Світлана" слово "Світлана" потрібно зробити гіперпосиланням на файл "newinf.htm", що містить додаткові відомості про Світлану (цей файл ще треба створити). Це роблять так:

      Мене звати <А HREF = "newinf.htm"> Світлана.

      На екрані слово Світлана буде підкреслене і зображене іншим кольором. Колір гіперпосилання визначається у тезі BODY пара­метром LINK = "колір". Крім цього корисними є ще два пара­метри: VLINK= "інший колір" - змінює колір гіперпосилання на інший після першого використання; ALINK = "ще інший колір" - змінює колір активізованого користувачем гіперпосилання на ще інший.

      Тепер розглянемо, як деяке графічне зображення зробити гіперпосиланням. Для цього в середині тега <А>... потрібно використати тег IMG. Наприклад, фотографію Світлани, що є у файлі "svitlana.gif", візьмемо в рамку і зробимо з неї гіперпосилан­ня на файл newinf.htm:

      <А HREF = "newinf.htm">

      Клацнувши у Web-сторінці на фотографії Світлани, отримаємо на екрані файл з додатковою інформацією про неї.

      Розглянемо другий тип гіперпосилань - посилання в межах сторінки. Спочатку потрібно позначити місце на сторінці, куди здійснюватиметься перехід. Якщо з деякого місця перехід мїіє виконуватися на початок сторінки, то в місце html-файлу, що від­повідає початку сторінки, вводять тег, який називається якорем:

      <А МАМЕ="#початок"х/А>.

      Аналогічно позначають (кидають якір у) деяке місце в кінці файлу: <А КАМЕ="#кінець"х/А>.


      Будь-яке місце в тексті можна позначити за допомогою тега: <А КАМЕ="#мояпозначка"х/А>.

      Тепер на сторінці розставляють гіперпосилання на створені позначки:

      <А HREF="#no4aTOK (#кінець або #мояпозначка)"> текст гіперпосилання .

      Якщо одна сторінка займає декілька екранів, то в кінці сторінки вартує вставити гіперпосилання для переходу на її початок, наприклад,

      Тепер можна перейти <А HREF="#no4aTOK""> на початок сторінки.

      Завдання 3. Вставте в документ гіперпосилання на інший html-файл (наприклад, filel.htm тощо), а також посилання на початок і кінець документа. Збережіть файл під назвою file3.htm. Перегляньте його броузером.

      10. Вставляння звуку і відеозображення. Важливо пам"ятати,
      що назви звукових файлів мають розширення au, wav, mid, midi, ra,
      а відеофайлів - avi, vivo, mpeg тощо. Щоб вставити звук чи відео,
      достатньо як значення параметра HREF у тезі гіперпосилання
      задати шлях до відповідного звукового чи відеофайлу, який вже є
      на диску, наприклад,

      Тепер <А HREF="mysound.wav"> послухайте мене (150К) .

      Текст послухайте мене (150К) стане гіперпосиланням, клац­нувши на якому можна почути привітання, застереження, деяку інформацію, яка була заздалегідь записана, наприклад, за допо­могою програми Фонограф у файл "mysound.wav" обсягом 150 Кбайт. Оскільки звукові та відеофайли завантажуються довго, рекомендують зазначати у гіперпосиланнях їхні обсяги в кілобайтах.

      Щоб звуковий чи відеоефект повторювався декілька разів, наприклад 2 рази, у тезі <А> використовують параметр LOOP=2.

      Щоб звук з деякого файлу пролунав у момент запуску сторінки, потрібно використати тег . Інший спосіб - використайте тег і, окрім звукового ефекту, отримаєте на екрані магнітофонну панель для регулювання тривалості і сили звуку, припинення чи продовження звучання тощо.

      11. Поняття про динамічні ефекти. Динамічними назива­
      ються ефекти, коли графічні зображення на Web-сторінці зміню­
      ються з часом, елементи сторінки змінюють розміри або навіть
      свій зміст після клацання над ними мишею, текст "біжить" вздовж
      екрана тощо.

      Практикум


      Розглянемо ефект біжучого тексту у полосі, що має висоту HEIGHT ="висота в пікселях" і фон BGCOLOR ="колір фону". Ефект створюється за допомогою парного тега ...:

      Вас вітає фірма Дeoл

      Слова "Вас вітає, фірма Деол" будуть пробігати в полосі справа наліво, заходитимуть за край екрану і з"являтимуться знову справа. Такий ефект рекомендують застосовувати до заголовків сторінки.

      Ефект відбивання від країв екрана забезпечує параметр BEHAVIOR = "alternate", а зупинити рядок біля лівого краю екрана може значення цього параметра "slide". Значення "right" параметра DIRECTION забезпечить ефект руху у протилежну сторону.

      Обмеження кількості проходів, наприклад числом 5, задається параметром LOOP="5". Полосу можна відцентрувати за допомо­гою параметрів HSPASE і VSPACE. Швидкість руху задає параметр SCROLLAMOUNT="3", де значення вибирають з діапазону від 1 (повільно) до 10 (швидко).

      Інші динамічні ефекти створюють за допомогою процедур з використанням мов програмування Visual Basic Script або Java­Script.

      Зауваження. Немає єдиного стандарту мови HTML. Деякі теги чи їхні параметри не діють у всіх броузерах. Деякі теги і параметри для різних броузерів називаються по-різному. Якщо в написанні тега, назви параметра чи в його значенні допущено синтаксичну помилку, то тег чи параметр не діятимуть.

      12. Web-комповзери. Загальна назва програм призначених для автоматизованого створення Web-сторінок без явного застосу­вання користувачем мови HTML - Web-комповзери. Розглянемо можливості комповзера, які має програма MS Word. Щоб створити Web-сторінку чи цілий Web-сайт, потрібно під час створення нового документа перейти на закладку Web-сторінки і скористатися майстром чи створити нову сторінку. У другому випадку алго­ритм дій дизайнерів такий:

      4 командою Формат <=> Фон задають колір фону чи спосіб замальовування (заливки) екрана деякою текстурою з меню;

      4 вводять текст, вибираючи шрифт, його розмір, колір, вирівню­вання тощо;


      Ф створюють списки як у звичайному текстовому редакторі;

      ф вставляють лінії командою Вставити <=> Горизонтальна ЛІНІЯ <=> Вибирають вигляд лінії з меню;

      За допомогою команди Таблиця створюють і форматують таблиці;

      4 використовують команду Вставити для вставляння карти­нок, фотографій, відеофайлів, звуку, гіперпосилань, біжучих рядків тощо;

      Ф записують створений файл на диск і переглядають його броузером.

      Завдання 5. Створити Web-сторінку про себе або про діяль­ність деякої фірми за допомогою програми MS Frontpage або Web-комповзера програми MS Word. Сторінка має містити фон, лінії, список, таблицю, картинки, гіперпосилання на інші сторінки.

      Хід роботи

      Практична робота полягає у виконанні п"яти завдань, описаних в теоретичних відомостях.

      Контрольні запитання

      1. Що таке гіперпосилання?

      2. Що таке гіпертекст?

      3. Що таке Web-документ?

      4. Для чого призначена програма-броузер?

      5. Що таке Web-вузол (Web-сайт)?

      6. Описати структуру простого Web-документа.

      7. Для чого призначена мова HTML?

      8. Що таке тег і які є теги?

      9. Які параметри може мати тег BODY?

      10. Який тег позначає початок нового абзаца?

      11. Які теги позначають товстий, курсивний і підкреслений шрифти?

      12. Які теги призначені для вирівнювання елементів на Web-сторінці?

      13. Яке призначення тега FONT?

      14. Які значення можуть приймати параметри тега FONT?

      15. Які є типи списків?

      16. Як створити ненумерований (маркований) список?

      17. Як створити нумерований список?

      18. Які параметри може мати тег IMG?

      19. Який параметр використовують у тегах для вирівнювання
      елементів сторінки?

      20. Яка особливість пари тегів 

      ...
      і як її можна
      використати?

      21. Як вставити графічне зображення у Web-сторінку?

      22. Як вставити відеофільм у Web-сторінку?


      Author Calculus Differentiate Integrate Limit Product Sum Taylor Declare Expand Factor Help Jump soLve Plot Quit Simplify Window approX

      23. Які параметри може мати тег IMG?

      24. За допомогою якого тега вставляють гіперпосилання?

      25. Яке призначення параметрів LINK, VLINK, ALINK?

      26. Як деяке графічне зображення зробити гіперпосиланням?

      27. Які є види посилань в межах одної Web-сторінки?

      28. Як вставити у Web-документ звук чи відеозображення?

      29. Як запустити звук одночасно з відкриванням сторінки?

      31. Як створити динамічний ефект біжучого тексту?

      32. Які ви знаєте гіпертекстові редактори?

      33. Що таке Web-комповзер?

      34. Як створити рамку навколо картинки?

      35. Які параметри може мати тег ?

      Практичні роботи № 32-33 Тема

      Derive. Автоматизація математичних обчислень. Дослідження функцій. Дії з матрицями.

      Мета

      Уміти розв"язувати найпростіші задачі аналізу: визначати похідні, інтеграли, границі, добутки, суми значень заданої функції; виконувати дії над векторами і матрицями, розв"язу­вати системи лінійних алгебраїчних рівнянь, визначати власні числа і вектори матриці.

      Теоретичні відомості

      Програми для автоматизації математичних обчислень (De­rive, MathCad, MatLab, Maple, Mathematica) дають змогу дослід­жувати функції: визначати похідні різних порядків, означені та неозначені інтеграли, границі, розклад функції у ряд Тейлора; перетворювати вирази: розкладати на множники многочлени, перемножати і спрощувати вирази; будувати графіки функцій; розв"язувати типові задачі лінійної алгебри: виконувати дії над матрицями, визначати власні числа і власні вектори матриці, розв"язувати системи лінійних алгебраїчних рівнянь; визначати аналітичні і наближені розв"язки всіх відомих типів диферен­ціальних рівнянь; розв"язувати задачі теорії ймовірності і матема­тичної статистики та багато іншого.

      Розгляньте екран програми Derive (рис. 61). Внизу екрана є меню, яке визначає можливості програми. Ось переклад основних команд меню, які будемо використовувати:


      Рис.бі. Вікно програми Derive для MS-DOS.

      Ввести вираз;

      Обчислити (група команд):

      Диференціювати;

      - інтегрувати;

      Границя;

      Обчислити добуток;

      Обчислити суму;

      Перемножити;

      Розкласти на множники;

      Надати допомогу;

      Перейти до потрібного виразу;

      Прирівняти до нуля і знайти корені;

      Будувати графік;

      Вийти з програми;

      Обчислити,спростити;

      Робота з вікнами;

      Наближено обчислити.

      Вибір команд (рух курсора вздовж меню) забезпечує клавіша Tab. Для виконання команд достатньо натискати на велику букву, яка є у назві команди. Вихід з команди забезпечує клавіша Esc.

      Принцип розв"язування задач на дослідження функції такий: спочатку вводять команду Author і вираз для функції, а пізніше виконують над ним потрібні команди з меню Calculas тощо. Введені та перетворені вирази і результати з"являтимуться в основному вікні під порядковими номерами.

      Програма має зручну help-допомогу, яку викликають, як завжди, командою Help. З допомоги можна дізнатися, що Derive має багато стандартних математичних функцій: sin, cos, tan, log, abs, sec та інші, зокрема, обернені тригонометричні та гіперболічні (аргументи функцій беруть у круглі дужки); традиційні констан­ти: рі, #е, #і (уявна одиниця), inf (нескінченність); математичні операції: +, -, * (множення, яке можна не писати у виразах), " - піднесення до степеня, ! - факторіал; бібліотеки (часто їх нема в мінімальних конфігураціях) для розв"язування різноманітних задач з курсів диференціальних рівнянь, теорії ймовірності тощо.

      У командах можна задавати конкретний вираз або його номер (наприклад, #5), якщо вираз вводили раніше.

      Вийти з програми можна за допомогою команди Quit з під­твердженням (потрібно ввести Y і натиснути клавішу Enter).

      Хід роботи № 32

      Якщо під час виконання роботи виникатимуть труднощі, звертайтеся до допомоги (Help).

      1. Уведіть вираз е^созпх, де п - номер варіанта, і розглядайте
      його як деяку функцію f(x).

      Застосуйте команду Author і введіть вираз. Всі вирази програма нумерує. Нехай введений вираз має номер 1. Він може мати, наприклад, такий вигляд: exp(5x)cos(5x). Надалі замість виразу можна писати його номер #1. Результати виконання усіх пунктів занотовуйте у звіт.

      2. Обчисліть похідну першого порядку.

      Вибір команди з меню здійснюється за допомогою клавіші Tab. Застосуйте команду Differentiate до виразу #1 і виконайте її вказівки. Натискайте клавішу Tab для переведення курсора в наступне поле команди. Для отримання кінцевого результату не забувайте виконувати команду Simplify над останнім виразом.

      3. Обчисліть похідну другого порядку.

      Застосуйте команду Differentiate до виразу #1 і зазначте, що порядок похідної другий. Виконайте команду Simplify.

      4. Визначте неозначений інтеграл від заданої функції.


      Застосуйте команду Integrate до виразу #1. Межі інтегрування не зазначайте. Виконайте команду Simplify.

      5. Обчисліть означений інтеграл на деякому проміжку.
      Застосуйте команду Integrate до виразу #1, зазначте межі інтегрування
      за допомогою клавіші Tab. Виконайте команду Simplify.

      6. Обчисліть границю функції у деякій точці.
      Застосуйте команду Limit до виразу #1. Simplify.

      7. Розкладіть функцію у ряд Тейлора в околі нуля.
      Застосуйте команду Taylor до #1. Simplify. Для отримання десят­
      кового числового результату не забувайте виконувати команду
      арргоХ.

      8. Обчисліть скінченну суму значень функції, якщо аргумент
      змінюється від 1 до 10 з кроком 1.

      Застосуйте команду Sum до виразу #1.

      9. Обчисліть аналогічний скінченний добуток значень функції.

      10. Протабулюйте функцію у десятьох точках на [а;Ь] з кроком п.
      Це завдання розв"язується методом побудови вектора зі значень
      функції. Для цього командою Author введіть вираз VECTOR
      (<вираз або його номер>, х, a, b, h), в якому задайте довільні
      значення для a, b, h => Simplify. Результат отримаєте в квадратних
      дужках.

      11. Побудуйте графік функції. Підпишіть осі і поексперимен-
      туйте з масштабом.

      Спочатку виконайте налаштовування дисплея командою Display з Options. Натискайте на клавшу Tab для переходу між парамет­рами і на клавішу пропуск, щоб поміняти значення параметрів, вибравши Graphics, High, VGA відповідно. Утворіть два вікна командами Window <=> Split О Vertically & 40. Перейти з одного вікна в інше можна за допомогою клавіші F1. Введіть спочатку вираз х~2, двічі застосуйте команду Plot і переконайтеся, чи отримаєте параболу. Тепер побудуйте графік заданої функції #1.

      12. Розв"яжіть нелінійне рівняння вигляду Цх)-Л (на [а;Ь]).
      Введіть командою Author вираз SOLVE (-«конкретний вираз або
      його номер> = 1,х) або SOLVE( = 1,х,а,Ь), на­
      приклад SOLVE(#l,x), і спростіть його Simplify ^ арргоХ.

      13. Введіть новий вираз - будь-який квадратний тричлен - і
      факторизуйте його (розкладіть на множники командою Factor).

      14. Перемножте три двочлени вигляду (x+a)(x+b)(x+c), де
      а,Ь,с - деякі числа.

      Введіть вираз і застосуйте команду Expand.

      15. Уведіть будь-яку функцію двох змінних від х та у, наприклад
      x 2 s\n(ny), і визначте її частинні похідні першого та другого
      порядків (л - номер варіанта).

      16. Обчисліть інтеграл від функції за одною із змінних.

      17. Визначте градієнт функції двох змінних у заданій точці.

      Введіть вираз СКАВ(<вираз функції або її номер>) і виконайте Sim­plify.

      18. Побудуйте графік функції двох змінних.

      Спочатку введіть вираз х~2-у~2, двічі застосуйте команду Plot і переконайтеся, що ви отримали графік-сідло. Тепер побудуйте графік своєї функції.

      19. Закінчіть роботу. Здайте звіти.

      Хід роботи № 33

      1. Уведіть вектор А з п"ятьма цілочисловими елементами.

      Елементи вектора вводять через кому у квадратних дужках командою меню Author (тобто як вираз #1).

      2. Уведіть вектор В з п"ятьма цілочисловими елементами як
      вираз #2.

      3. Обчисліть суму векторів як вираз #1+#2.

      Тут і надалі для отримання кінцевого результату не забувайте виконувати команду Simplify над виразом.

      4. Обчисліть різницю векторів.

      5. Обчисліть скалярний добуток векторів #1.#2.
      Скалярний добуток позначається крапкою.

      6. Уведіть матрицю С розміру 3x3.
      Наприклад, так: [,,]

      7. Уведіть матрицю D розміру 3x3.

      8. Обчисліть суму матриць С і D.

      9. Обчисліть різницю матриць.

      10. Обчисліть добуток матриць.
      Добуток матриць позначається крапкою.

      11. Визначте слід матриці С.
      Введіть і спростіть вираз TRACE(C).


      Похожая информация.


      27.11.14 88.7K

      В html размер шрифта играет важную роль. Он позволяет обратить внимание пользователя на важную информацию, размещенную на странице сайта. Хотя важен не только размер букв, но и их цвет, толщина и даже семейство.

      Теги и атрибуты при роботе со шрифтами html

      Язык гипертекста обладает большим набором средств для работы со шрифтами. Ведь именно форматирование текста является основной задачей html .

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


      Рассмотрим теги, которые используются для работы со шрифтами в html и их атрибуты. Основным из них является тег . С помощью значений его атрибутов можно задать несколько характеристик шрифта:
      • color – устанавливает цвет текста;
      • size – размер шрифта в условных единицах.

      Поддерживается положительное значение атрибута от 1 до 7.

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

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


      Также в html существует ряд парных тегов, задающих лишь одно правило форматирования. К ним относятся:
      • — задает в html жирный шрифт. Тег по действию аналогичный предыдущему;
      • — размер больше установленного по умолчанию;
      • — меньший размер шрифта;
      • — наклонный текст (курсив ). Аналогичный ему тег ;
      • — текст с подчеркиванием;
      • — зачеркнутый;
      • — отображение текста только в нижнем регистре;
      • — в верхнем регистре.

      Обычный текст

      Жирный текст

      Жирный текст

      Больше обычного

      Меньше обычного

      Курсив

      Курсив

      С подчеркиванием

      Зачеркнутый

      Возможности атрибута style

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

      1) font-family – свойство устанавливает семейство шрифта. Возможно перечисление нескольких значений.
      Изменение шрифта в html на следующее значение произойдет, если предыдущее семейство не установлено в операционной системе пользователя .

      Синтаксис написания:

      font-family: имя шрифта [, имя шрифта[, ...]]

      2) font-size – задается размер от 1 до 7. Это один из основных способов того, как в html можно увеличить шрифт.
      Синтаксис написания:

      font-size: абсолютный размер | относительный размер | значение | проценты | inherit

      Размер шрифта можно также задать:

      • В пикселях;
      • В абсолютном значении (xx-small, x-small, small, medium, large );
      • В процентах;
      • В пунктах (pt ).

      Font-size:7

      Font-size:24px

      Font-size: x-large

      Font-size: 200%

      Font-size:24pt


      3) font-style – устанавливает стиль написания шрифта. Синтаксис:

      font-style: normal | italic | oblique | inherit

      Значения:

      • normal –нормальное написание;
      • italic – курсив;
      • oblique – шрифт с наклоном вправо;
      • inherit – наследует написание родительского элемента.

      Пример того, как поменять шрифт в html с помощью этого свойства:

      font-style:inherit

      font-style:italic

      font-style:normal

      font-style:oblique


      4) font-variant – переводит все прописные буквы в заглавные. Синтаксис:

      font-variant: normal | small-caps | inherit

      Пример того, как изменить шрифт в html этим свойством:

      font-variant:inherit

      font-variant:normal

      font-variant:small-caps


      5) font-weight – позволяет установить толщину написание текста (насыщенность ). Синтаксис:

      font-weight: bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900

      Значения:

      • bold – устанавливает полужирный шрифт html;
      • bolder – жирнее относительно normal;
      • lighter –менее насыщенное относительно normal;
      • normal – нормальное написание;
      • 100-900 – задается толщина шрифта в числовом эквиваленте.

      font-weight:bold

      font-weight:bolder

      font-weight:lighter

      font-weight:normal

      font-weight:900

      font-weight:100

      Свойство font и цвет шрифта html

      Font является еще одним контейнерным свойством. Внутри себя оно объединило значения нескольких свойств, предназначенных для изменения шрифтов. Синтаксис font :

      font: font-size font-family | inherit

      Также в качестве значения могут быть заданы шрифты, используемые системой в надписях на различных элементах управления:

      • caption – для кнопок;
      • icon – для иконок;
      • menu – меню;
      • message-box –для диалоговых окон;
      • small-caption – для небольших элементов управления;
      • status-bar – шрифт строки состояния.

      font:icon

      font:caption

      font:menu

      font:message-box

      small-caption

      font:status-bar

      font:italic 50px bold "Times New Roman", Times, serif

      Здравствуйте, уважаемые читатели блога ! В этой статье речь пойдет о тегах форматирования текста . Яркими примерами являются выделение текста жирным или курсивом. Также мы рассмотрим влияние некоторых тегов на внутреннюю оптимизацию сайта и правила их написания. Про то, вы можете прочитать в приведенной статье. Кстати, вы можете встретить подобные элементы оформления текста вы можете во многих текстовых редакторах, например в Ворде.

      Теги разделяются на 2 вида: блочные и строчные. При использовании первых, вы сможете изменить содержание части текста (строки, отдельные фрагменты или же слова), а вторые являются . Теги форматирования, которые мы рассмотрим в этой статье, преимущественно строчные.

      Правила и порядок написания тегов

      Вы уже знаете, что такое открывающий и закрывающий теги. Если нет, то прочтите статью, приведенную в самом начале этого материала. Если коротко, то теги бывают двух видов: одиночные (например, перенос на новую строку
      ) и контейнерные (парными). Так вот, все теги форматирования текста являются парными . Это означает, что любой элемент имеет открывающий и закрывающий теги, а выделяемый фрагмент должен быть помещен между ними. Например, правильное выделение фразы будет выглядеть так: Выделенный фрагмент

      Когда браузер обработает этот фрагмент, то вы увидите вот такой текст: Выделенный фрагмент. Кстати, в RSS ленте все теги не отображаются ().

      Главное при написании тегов — не забывайте их закрывать. Иначе весь текст на странице будет выделен жирным (в примере с тегом ). Но бывают такие случаи, когда нужно выделить определенный фрагмент и жирным и курсивом одновременно. Но тега, выполняющего это действие, не существует. Выход из этой ситуации один: использовать два тега одновременно. В каком порядке их использовать значения не имеет. Поэтому, написав текст с тегами так:

      Выделенный фрагмент

      или вот так:

      Выделенный фрагмент

      Вы все равно получите Выделенный фрагмент курсивом и жирным одновременно. Однако, предпочтительно использовать первый вариант, потому что изначально он был единственным и правильным. Также не стоит забывать о том, что каждый браузер может обрабатывать теги по-разному (), в зависимости от настроек. А теперь перейдем к самим тегам форматирования

      Выделение текста жирным и курсивом — теги , , и

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

      Рассмотрим для начала выделение текста жирным . Для этого действия используется два тега — и . Разницы во внешнем виде нет. Хотя, учитывая то, что любой браузер может интерпретировать каждый элемент по-своему, вы сможете увидеть какие-либо отличия. Вот как выглядит текст в тегах и в уже обработанном браузером виде:

      Текст в тегах strong

      Текст в тегах b

      А вот как выглядят две данные строчки в исходном коде страницы:

      Текст в тегах strong Текст в тегах b

      Ту же ситуацию мы можем наблюдать в случае с тегами выделения курсивом и . Попытайтесь найти отличия между двумя примерами:

      Текст в тегах em

      Текст в тегах I

      А вот исходный код:

      Текст в тегах em Текст в тегах I

      Итак, рассмотренные теги выделения жирным и курсивом фактически не отличаются, но зачем же тогда нам, например, тег если есть ? Ведь последний содержит всего один символ (не считая скобок) и, следовательно, легче в написании. А все дело в том, что теги и влияют на . Если вы будете окружать этими тегами ключевые слова, то это благоприятно скажется на продвижении сайта.Главное не переусердствовать — максимум в тексте должно быть 5% жирного текста в теге , и столько же и курсива в теге .

      Если же вы хотите просто выделить в тексте какой-либо момент, то используйте тег или . Вообще, я думаю, что поисковики тоже рассматривают текст в этих тегах как более важный, но на внутреннюю оптимизацию они все-таки оказывают меньшее влияние, нежели и .

      Теги выделения текста чертой — , и

      Теперь рассмотрим несколько тегов, которые используют черту в оформлении текста. Самый известный вам из текстовых редакторов — тег или подчеркивание . Влияние на ранжирование этот тег не оказывает (насколько я знаю), а вот выделить какой-либо текст и заострить на нем внимание поможет. Пример использования данного тега я привел чуть выше.

      Еще два схожих по назначению тега - и . Оба выполняют функцию зачеркивания текста. Использовать этот тег можно в любых ситуациях: если вы обновляете документ (а точнее его часть), то можно перечеркнуть старое и добавить новое; если вы собираетесь написать нечто, отходящее от темы материала; что-то не соответствующее морально-этическим нормам.

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

      Тег и атрибуты — параметры шрифта текста

      Теперь рассмотрим тег, который не используется без атрибутов. С помощью его вы сможете задать параметры для определенного фрагмента текста. Вообще, сейчас предпочтительней использовать (каскадные таблицы стилей), т.к. с помощью них можно сильно сократить весь HTML код страницы. Итак, рассмотрим тот самый тег . Для него существует всего три атрибута:

      • face — сам шрифт. Например, Arial, Courier или Verdana. Можно перечислить несколько, т.к. не у всех пользователей имеется обширный набор шрифтов, а написав несколько в атрибуте face, браузер сможет выбрать, какой использовать, а точнее — какой присутствует в системе;
      • size — атрибут, указывающий размер текста. Может быть выражен как в условных единицах, так и в пикселях;
      • color — цвет текста. Данный атрибут можно использовать как в HTML-кодах цветов, так и в словесных. Первые имеют вид #FFFFFF (где F — любая цифра или буква от A до F), а вторые записываются простыми словами (например, red — красный).

      Так выглядит текст в теге с использованием каждого атрибута:

      Этот текст имеет размер 6px 

      
Этот текст красного цвета

      
Этот текст имеет шрифт Arial

      
Этот текст красного цвета и размера 5px

      А вот что вы увидите, после обработки написанного кода: 
      

      Блочные элементы оформления текста — заголовки 
      -
      , абзац 
      

      Напоследок мы рассмотрим блочные элементы, которые используются практически в каждом документе. Это теги заголовков и абзаца. Рассмотрим первое. Заголовки бывают 6-ти видов и каждый имеет свой тег. Каждый вид носит лишь свой порядковый номер и записывается с помощью тегов 
      , 
      ,..., 
      . Вот как выглядят все заголовки в обработанном виде:
      

      

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

      А теперь поговорим про тег выделения абзаца 
      Функция данного тега заключается в отделении текста между от другого такого же текста пустой строкой. Если посмотреть исходный код какого-либо документа, то вы можете увидеть следующее:
      

      

      В зеленых прямоугольниках один абзац, в красных — другой. А вот как этот код выглядит после обработки браузером (стрелочка указывает на пустую строку):
      

      

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

      Вот и подошла к концу статья про теги форматирования документа
. Их намного больше, нежели я описал в этом материале. Просто о некоторых нужно рассказать довольно много, вследствие чего им будет посвящены отдельные статьи с полным обзором.!
      

      HTML- текст
 представлен в спецификации тегами для форматирования и группировки текста. Теги представляют собой контейнеры для текста и не имеют визуального отображения.
      

      Теги для форматирования текста несут смысловую нагрузку и обычно задают для текста, заключенного внутрь, стилевое оформление, например, выделяют текст жирным начертанием или отображают его шрифтом другого семейства (свойство font-family).
      

      Грамотно отформатированный текст дает понять поисковым системам, какие слова несут важную смысловую нагрузку, по каким из них предпочтительно ранжировать веб-страницу в поисковой выдаче. Вся текстовая информация, отображаемая на сайте, размещается внутри тега  .
      

      Теги для HTML текста
      


      1. Теги заголовков
      

      

      Заголовки являются важными элементами веб-страницы, они упорядочивают текст, формируя его визуальную структуру. Теги 
      ...
       должны использоваться только для выделения заголовков нового раздела или подраздела. При использовании заголовков необходимо учитывать их иерархию, т.е. за 
       должен следовать 
       и т.д. Также не допускается вложение других тегов в теги 
      ...
       .
      

      1.1. Тег 
      

      Заголовок самого верхнего уровня, на странице рекомендуется использовать только один раз, по возможности частично дублируя заглавие страницы. Тег 
       должен быть уникальным для каждой страницы сайта. Рекомендуется прописывать тег в начале статьи, используя ключевое слово в тексте заголовка 2em
 0.67em
.
      

      1.2. Тег 
      

      Им обозначаются подзаголовки тега 
       . Размер шрифта в браузере равен 1.5em
, верхний и нижний отступ по умолчанию 0.83em
.
      

      1.3. Тег 
      

      Показывает подзаголовки тега 
       . Размер шрифта в браузере равен 1.17em
, верхний и нижний отступ по умолчанию 1em
.
      

      1.4. Теги 
      , 
      , 
      

      Обозначают подзаголовки четвёртого, пятого и шестого уровня. Размер шрифта в браузере равен 1em
 / 0.83em
 / 0.67em
, верхний и нижний отступ по умолчанию 1.33em
 / 1.67em
 / 2.33em
 соответственно.
      
Для всех тегов доступны .
      

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

      2.1. Тег 
      

      Задаёт полужирное начертания шрифта. Выделяет текст без акцента на его важность.
      
Для тега доступны .
      

      2.2. Тег 
      

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

      2.3. Тег 
      

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

      2.4. Тег 
      

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

      2.5. Тег 
      

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

      2.6. Тег 
      

      Используется для создания нижних индексов. Сдвигает текст ниже уровня строки, уменьшая его размер.
      
Для тега доступны .
      

      2.7. Тег 
      

      Используется для создания степеней. Сдвигает текст выше уровня строки, уменьшая его размер.
      
Для тега доступны .
      

      2.8. Тег 
      

      Выделяет текст в новой версии документа, подчёркивая его.
      

      2.9. Тег 
      

      Перечёркивает текст. Используется для выделения текста, удаленного из документа.
      
Для тега доступны следующие атрибуты: cite , datetime .
      

      3. Теги для ввода «компьютерного» текста
      

      3.1. Тег 
      

      Служит для выделения фрагментов программного кода. Отображается моноширинным шрифтом.
      
Для тега доступны .
      

      3.2. Тег 
      

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

      3.3. Тег 
      

      Применяется для выделения результата, полученного в ходе выполнения программы. Отображается моноширинным шрифтом.
      
Для тега доступны .
      

      3.4. Тег 
      

      Выделяет имена переменных, отображая курсивом.
      
Для тега доступны .
      

      3.5. Тег 
      

      Позволяет вывести текст на экран, сохранив изначальное форматирование. Пробелы и переносы строк при этом не удаляются.
      
Для тега доступны .
      

      4. Теги для оформления цитат и определений
      

      4.1. Тег 
      

      Применяется для форматирования аббревиатур. Браузером обычно подчеркивается пунктирной линией. Расшифровка сокращения осуществляется с помощью атрибута title , она появляется при наведении курсора мыши на текст.
      
Для тега доступны .
      

      4.2. Тег 
      

      Используется для замещения текущего направления текста, т.е. текст в теге отображается зеркально.
      
Для тега доступен атрибут dir .
      

      4.3. Тег 
      

      Выделяет цитаты внутри документа, выделяя его отступами и переносами строк.
      

      4.4. Тег 
      

      Используется для выделения коротких цитат. Браузерами заключается в кавычки.
      
Для тега доступен атрибут cite .
      

      4.5. Тег 
      

      Применяется для выделения цитат, названий произведений, сносок на другие документы.
      
Для тега доступны .
      

      4.6. Тег 
      

      Позволяет выделить текст как определение. Несмотря на наличие специального тега, рекомендуется выделять текст силами CSS.
      
Для тега доступен атрибут title .
      

      5. Абзацы, средства переноса текста
      

      5.1. Тег 
      

      Разбивает текст на отдельные абзацы, отделяя друг от друга пустой строкой. Браузер автоматически добавляет верхний и нижний отступ, равный 1em , при этом отступы соседних абзацев «схлопываются».
      
Для тега доступны .
      

      5.2. Тег 
      

      Переносит текст на следующую строку, создавая разрыв строки.
      
Для тега доступны .
      

      5.3. Тег 
      

      Используется для разделения контента на веб-странице. Отображается в виде горизонтальной линии.
      
Для тега доступны .
      


      

      


    
    
      
        
    
      
    




      Статьи по теме
      


      





      


		
      
			
			
      


             
      
            Запускаем Windows XP в безопасном режиме Комп грузится только в безопасном режиме
            
      Запускаем Windows XP в безопасном режиме Комп грузится только в безопасном режиме
      
           
        
      
             
      
            Для чего нужна учетная запись Microsoft
            
      Для чего нужна учетная запись Microsoft
      
           
        
      
    


    


      


             
      
            Мини камера Ambertek MD80 XL c увеличенным аккумулятором
            
      Мини камера Ambertek MD80 XL c увеличенным аккумулятором
      

        
      
             
      
            Подключаем Raspberry Pi к монитору ноутбука Raspberry zero соединяем с экраном
            
      Подключаем Raspberry Pi к монитору ноутбука Raspberry zero соединяем с экраном
      

        
      
    


    


      


             
      
            Как изменить имя вконтакте
            
      Как изменить имя вконтакте
      

        
      
             
      
            Скачиваем драйвера для клавиатуры A4Tech Как установить драйвера для клавиатуры
            
      Скачиваем драйвера для клавиатуры A4Tech Как установить драйвера для клавиатуры
      

        
      
    


    


      


             
      
            Выбираем прошивку MIUI Miui 8
            
      Выбираем прошивку MIUI Miui 8
      

        
      
             
      
            Samsung Galaxy Note7 Exynos - Технические характеристики
            
      Samsung Galaxy Note7 Exynos - Технические характеристики