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

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

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

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

В данном примере текст уже несколько отформатирован. Итак, мы видим заголовок первого уровня - парный тег

<h1></h1>

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

<body>

- text

, позволяет задавать цвет отображаемого текста.

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

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

<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 Удачи!

Дата публикации: 30-05-2022, 19:40 «|» Просмотров: 944 «|» Автор статьи: Фотограф

Похожее:

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

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

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

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

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

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

Комментарии:

Имя:*

E-Mail:

Комментарий:

Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Вставка ссылкиВставка защищенной ссылки Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера