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

Редактирование текста с помощью 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 сделать черно-белую фотографию с яркой...

Урок Photoshop - Огненная живопись

Статья представляет собой урок по созданию красивых «огненных» рисунков в Photoshop, а также...

Как сделать в фотошопе голограмму

Урок, который поможет создать нечто интересное. В статье-инструкции рассказывается о том, как в...

Создание иллюзии стремительного движения в Photoshop

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

Создание слайд-шоу фото и картинок

Как запускать слайд-шоу фотографий и картинок на компьютере с помощью функционала известной...
Новинки

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

Ого новая версия фотошопа вышла, кто нибудь уже заценил? Что нового, какие плюсы или минусы? Стоит о...

ABBYY FineReader 12 PRO

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

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

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

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

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

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

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