Топ 5
Скачать Adobe Photoshop CC 2017 (RUS|+Portable|x32/x64 bit)
Скачать ABBYY FineReader 12 (RUS|Professional Edition)
Adobe Photoshop Lightroom CC 2017 (RUS|x32/x64) скачать
ProShow Producer v8.0 (RUS|+portable|x32/x64) скачать
Adobe Acrobat Pro (DC|2017|RUS) скачать

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

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


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

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

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

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


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

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

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


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

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

Заметьте, что все строки отделяются при помощи одиночного тега перевода текста на новую строку
<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
Этот урок несет в себе не только информативность, он способен разрядить обстановку, переключить...
Создание слайд-шоу фото и картинок
Как запускать слайд-шоу фотографий и картинок на компьютере с помощью функционала известной...
Новинки
Эффект объемных лучей в Photoshop
Все расписано доступно и понятно. Мне эта статья помогла разобраться с рядом накопившихся вопросов.О...
Отбелить белки в фотошопе и убираем красные глаза
Для себя фотошоп только открываю, и есть масса вопросов. Сегодня благодаря вам узнала много нового, ...
Скачать Adobe Photoshop CC 2017 (RUS|+Portable|x32/x64 bit)
На виндовс семерке будет работать? А то я как то отстала, винду обновить не хочется, а фотошоп скача...
Нужен принтер – сублимационный или струйный?
Разрываюсь при выборе принтера, поэтому и вышла на вашу статью.Наверное все таки выберу струйный при...
Нужен принтер – сублимационный или струйный?
Спасибо за доступные разъяснения. Вы очень мне помогли. Вообще люблю ваш сайт - всегда все четко и п...