Топ 5
Adobe Photoshop CC русская версия
ABBYY FineReader 12 PRO
Adobe Photoshop Lightroom CC Русская версия
Adobe Acrobat Professional DC
ProShow Producer 8

Редактирование текста с помощью HTML

Редактирование текста с помощью HTML



В этом уроке будут рассмотрены основные теги языка HTML, которые необходимы для красивого оформления текста.

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

Итак, давайте разнообразим текст! Как? Начнем с рис.1.

Редактирование текста с помощью HTML


В данном примере текст уже несколько отформатирован. Итак, мы видим заголовок первого уровня - парный тег
<h1></h1>
. Всего заголовков шесть. Различаются они только соответствующей цифрой в названии тега. Кроме того, представленный атрибут тега
<body>
,
- text
, позволяет задавать цвет отображаемого текста.

Многие из Вас так или иначе пользовались Word'ом, какие основные возможности по редактированию текста он предоставляет? Вспомним и приведем альтернативы для HTML (рис.2).

Редактирование текста с помощью HTML


Итак, начнем с курсива, - он задается с помощью тега
<i></i>
.

Что есть еще? Полужирное начертание! Задается либо тегом
<b></b>
, либо
<strong></strong>
.

Заметьте, что все строки отделяются при помощи одиночного тега перевода текста на новую строку
<br>
. Без него текст будет предоставляться пользователю браузера последовательно, сколько бы раз Вы не нажали Enter в редакторе.

Подчеркивание текста выполняется при помощи тега
<u></u>
, а его зачеркивание - через
<s></s>
, тот же эффект достигается и через тег
<strike></strike>
. Но
<s>
все-таки покороче.

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

Отформатировать отдельный фрагмент текста можно, заключив его в тег
<font></font>
. У него есть три интересных атрибута.

Во-первых,
- size
, с его помощью можно задать размер шрифта.

Далее -
color
. Вообще-то, цвет задается посредством шестнадцатеричного кода, но в отдельных случаях можно задавать параметр английском словом (red, green, yellow, blue, azure и т.д.).

Значения face задают так называемую гарнитуру шрифта, это всем известные - Arial, Times New Roman и т.д. Таких значений может быть несколько, вводятся они через запятую. Зачем использовать больше одного параметра? Все просто, - это делается потому, что если первая гарнитура будет отсутствовать в браузере пользователя, то для отображения будет использована следующая и так далее.

Если Вам хочется, чтобы текст предоставлялся в виде так называемого моноширинного шрифта, то используйте тег
<tt></tt>
.

Ну и основное, что понадобится Вам при форматировании большого объема текста, - выделение абзацев при помощи
<p></p>
.

Ну что ж, теперь Вы знаете основные теги для редактирования текста, - пора применять на практике. Заходите по чаще на fotoredactor.com Удачи!


Похожее:
  • Фотографии за которые денег не жалко

    Фотографии за которые денег не жалко

    Во время проведения 12-ой выставки «Дизайн и Реклама» от агентства фотографий «ПРОФИ-Имидж», который занимается скоплением фотографий, было осуществлен опрос среди потребителей, которые постоянно пользуются услугами рекламных агентств, дизайнеров и...
  • Фото отражатель - использование и разновидности

    Фото отражатель - использование и разновидности

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

    Основы композиции в фотосъемке

    Композиция имеет несколько синонимов, переведенных с латинских языков, сочинение, составление, и расположение. Для создания композиции необходимо соединить несколько разных элементов, которые составят единый художественный...
  • Маленькие хитрости мира фотографии

    Маленькие хитрости мира фотографии

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

    Словарь фотографических фраз и терминов

    Словарь фотографических фраз и терминов, информация, характеристика, функции и многое другое....
Комментарии:

Имя:*
E-Mail:
Комментарий:
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Вставка ссылкиВставка защищенной ссылки Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос:
два плюс два
Ответ:*
Введите код: *
 
Новинки

«Похудение» в Фотошоп: как уменьшить талию в графическом редакторе?

Этот урок о том, как уменьшить объем талии в Photoshop, а также изменить другие части тела,...

Adobe Revel – фото хранилище

Статья о решении Adobe Revel, которое представляет собой удобное веб-хранилище для личных...

Отбелить белки в фотошопе и убираем красные глаза

Статья-инструкция расскажет о том, как убрать красноту глаз в Photoshop (эффект от вспышки и...

Простой редактор Batch It! 6.12

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

Нужен принтер – сублимационный или струйный?

Небольшая информационная статья про выбор домашнего принтера для печати фотографий. Акцент сделан...
Новинки

Adobe Illustrator CC Русская версия

Адобе как всегда на высоте, новая версия Adobe Illustrator очень удобная, обработка графики стала уд...

CorelDRAW Graphics Suite X8 русская версия

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

Adobe Photoshop CC русская версия

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

Adobe Photoshop Lightroom CC Русская версия

Использую лайтрум уже несколько лет, за это время перепробовала параллельно еще несколько фоторедакт...

ABBYY FineReader 12 PRO

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