Понедельник, 22-01-2018
Заработай свою "копейку"
Меню сайта
Категории раздела
Виды заработка [2]
Описаны некоторые виды заработка в интернете, с чего начать зарабатывать деньги
Изучаем html [26]
Почтовый спонсор [39]
Биржи фрилансеров. [1]
Бонусы [0]
Понемногу обо всем [15]
Реклама
Советуем почитать
  • Была идея, стало много денег
  • Статистика


    publ - Главная » Статьи » Изучаем html

    Форматирование текста – придание индивидуальности документу

    Форматирование текста

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

    Логические теги информируют браузер о том какая информация содержится в них. В зависимости от типа информации браузер "решает" как отобразить её. Для отображения логических тегов существует стандарт (по умолчанию) по которому браузер представляет информация на странице. Логические теги разбивают текст по смыслу и сообщают браузеру как отобразить информацию.

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

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

    Действия тегов форматирования текста
    ФизическийЛогическийОформление
    BSTRONGПолужирный вид отображения
    IEM, DFN, VAR, CITEКурсив вид отображения
    TTCODE, SAMP, KBDМоноширинный вид отображения
    UINSПодчеркнутый вид отображения
    S, STRIKEDELЗачеркнутый вид отображения
    BIGнетУвеличение вид отображения
    SMALLнетУменьшение вид отображения
    SUBнетПодстрочный вид отображения
    SUPнетНадстрочный вид отображения

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

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

    <ABBR> - Определяет текст как аббревиатуру. С помощью TITLE можно задать расшифровку, как всплывающую подсказку. Многие поисковики анализе страницы включают в индекс именно расшифровку аббревиатуры.

    Пример использования:

    <abbr title='Платежная система "WebMoney"'>WM</abbr>

    WM


    <ACRONYM> -  Указывает текст как акроним (устоявшееся сокращение такое как США, СНГ). С помощью атрибута TITLE можно задать расшифровку.

    Пример использования:

    <acronym title='Платежная система "WebMoney"'>WM</acronym>

    WM


    <CITE> - Определяет цитату или сноску из другого источника.

    Пример использования:

    Чтобы хорошо заработать нужно много работать.


    <CODE> - Определяет участок программного кода, приведенного в качестве примера.

    Пример использования:

    <acronym title='Платежная система "WebMoney"'>WM</acronym>


    <DEL> - Определяет текст как удаленный. Используется для внесения изменений в текст, с сохранением оригинала. Данный тег имеет два атрибута CITE и DATETIME. Атрибут CITE содержит URL адрес документа, описывающего причины удаления, а DATETIME устанавливает дату и время удаления, задается в формате ГГГГ-ММ-ДДTчч:мм:сс:TZD. TZD - указатель часового пояса. Указатель часового пояса задается двумя способами. Использовав указатель z устанавливаем что что время задается относительно нулевого часового пояса (UTC – универсальное время). Можно использовать формат +чч.мм или -чч.мм определяющий смешение относительно универсального времени.

    Пример использования:

    Этот текст в качестве примера был удален.


    <DFN> - Задает текст как определение. Если термин встречается впервые можно задать пояснение.

    Пример использования:

    Термин в тексте.


    <EM> - Определяет текст как важный.

    Пример использования:

    Этот текст важен.


    <INS> - Определяет текст как вставку. Также как и DEL имеет два атрибута CITE и DATETIME, значения задаются аналогично.

    Пример использования:

    Пример добавленного текста.


    <KBD> - Определяет текст как текст вводимый пользователь с клавиатуры.

    Пример использования:

    Эти данные необходимо ввести.


    <Q> - Определяет текст как цитату. Некоторые браузеры такой текст заключают в кавычки.

    Пример использования:

    Цитат из книги.


    <SAMP> - Определяет что текст является примером.

    Пример использования:

    Это пример использования тега.


    <STRONG> - Определяет акцент на текст (информация интересна).

    Пример использования:

    Обратите внимание на текст.


    <VAR> - Определяет текст как переменные программы.

    Пример использования:

    Это переменные программы.


    <B> - Задает полужирный шрифт.

    Пример использования:

    Это текст отображен полужирным шрифтом.


    <I> - Задает курсив (наклонный шрифт).

    Пример использования:

    Это текст отображен курсивом.


    <TT> - Задает мотоширинный шрифт.

    Пример использования:

    Это текст отображен мотоширинным шрифтом.


    <U> - Задает подчеркнутый шрифт.

    Пример использования:

    Это текст отображен подчеркнутым.


    <S> - Задает шрифт как зачеркнутый.

    Пример использования:

    Это текст отображен зачеркнутым.


    <STRIKE> - Зачеркивает текст горизонтальной линией.

    Пример использования:

    Это текст отображен также зачеркнутым.


    <BIG> - Отображает текст размером больше на единицу. Языком HTML шрифт измеряется в условных единицах от 1 до 7. Шрифт по умолчанию имеет размер 3.

    Пример использования:

    Нормальный текст. Больше. Ещё больше.


    Это переменные программы.


    <SMALL> - Отображает текст размером меньше на единицу.

    Пример использования:

    Нормальный текст. Меньше. Ещё меньше.


    <SUB> - Определяет подстрочное (ниже базовой строки) написание текста.

    Пример использования:

    Нормальный текст подстрочный.


    <SUP> - Определяет надстрочное (выше базовой строки) написание текста.

    Пример использования:

    Нормальный текст надстрочный.


    <SPAN> - Определяет участок текста как текст с индивидуальными параметрами, которые задаются с помощью таблиц стилей. Необходим для оформления небольших участков текста.


    Язык и структура HTML...
    Служебная информация...
    Оформление материала...
    Скрипты...
    Единицы измерения...

    Категория: Изучаем html | Добавил: And64Kot (26-05-2010)
    Просмотров: 884 | Комментарии: 1 | Теги: Форматирование текста, Пример использования, Html, логические и физические, Теги оформления | Рейтинг: 0.0/0 |
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Поиск
    Курсы валют
    Курсы НБУ на сегодня
    Получи бонус WM

    Введи свой WMR кошелек

    Друзья
  • Херсон и херсонцы
  • Цветоводство
  • Все для веб-мастера
  • Программы для всех
  • Мир развлечений
  • Лучшие сайты Рунета
  • Кулинарные рецепты
  • Copyright MyCorp © 2018