HTML & CSS - серия 1

топ 100 блогов Arnusha30.05.2011
Пост писался для Яндекса в основном,всего их 5 серий.
Но там много полезного и для Ли.ру,и потому решила выбрать
у автора,что здесь будет полезно и показать вам!Все 5 серий
полезны как для начинающих,так и для опытных пользователей.
Сегодня 1 серия о самых простых тегах.Еще раз спасибо Проксима.

Заголовки
Для
оформления заголовков используются теги

...


С этим думаю всем понятно,это не сложно.Далее
Гарнитура (вид) и цвет шрифта

Здесь есть два способа. Второй будет описан позднее. Первый - используется тег
с атрибутами face и color, соответственно:

шрифт Verdana

шрифт Verdana


красный шрифт

красный шрифт


шрифт цвета MidnightBlue

шрифт цвета MidnightBlue


шрифт цвета MidnightBlue

шрифт цвета MidnightBlue


Цвет имеет название и цифровое значение, как видно в этом примере
(MidnightBlue=#191970). О цветах можно написать очень много, но я
остановлюсь на одной ссылке:

Подбор цвета. Для использования подходят web-safe и web-smart цвета.


Форматирование текста: использование тега и атрибута style (1)

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

и

. Однако тег

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

можно применять
так же, как и - это скорее дело вкуса. Он имеет более
широкую область применения и обладает рядом дополнительных возможностей.
Но это уже не относится к форматированию текста. Поэтому для
определённости остановимся на .

Запись
текст лишена какого-либо смысла сама по себе.
Тег предназначен для того, чтобы приписать тексту
какое-либо свойство. Вот их-то я сейчас попытаюсь перечислить в
более-менее логическом порядке.

Цвет шрифта

Цвет шрифта можно задать с помощью тега , о чём говорилось выше. Теперь воспользуемся тегом и атрибутом style:

красный шрифт - красный шрифт

Точно так же можно задавать и цифровые значения цветов (подробнее о них см. выше.

Гарнитура (вид) шрифта

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

Сейчас рассмотрим второй способ - с  использованием конструкции

шрифт Verdanaшрифт Times

Размер шрифта

Для указания размера шрифта используется конструкция

очень-очень крупный шрифт
очень крупный шрифт
крупный шрифт
средний шрифт
мелкий шрифт
очень мелкий шрифт
очень-очень мелкий шрифт

Можно указывать размер шрифта способом, хорошо знакомым из Word - в пунктах (pt). 1 пункт равен 1вЃ„72 дюйма. Примеры:

12pt

36pt

Значения 12pt, 36pt в этих примерах подставляются на место *** в общей формуле шрифт 12px
шрифт 36px

Приведённые выше размеры являются абсолютными. Но размер шрифта можно задать и относительным образом - в процентах:
Вес (насыщенность) шрифта

Это - то, что можно задать с использованием простого тега
жирный текст

жирный текст

С помощью это делается так:жирный шрифт

жирный шрифт


Преимущество такого способа в том, что наряду со значением веса шрифта bold можно использовать также значения bolder и lighter, получая шрифт "разной жирности" (в данном случае речь идёт об относительных значениях). А по умолчанию используется значение normal - обычный шрифт.

Стиль шрифта

Kурсив можно получить как с использованием тега , так и следующим способом:
курсив

курсив


Вместо font-style:italic можно написать font-style:oblique, и тогда должен получиться не курсив, а наклонный ("угловатый") шрифт. Но это не всегда работает.

Капитель

Напоследок воспользуемся font-variant, чтобы сделать все буквы в нашем фрагменте текста прописными (такой вариант шрифта называется капителью):
капитель

капитель


А вот - пример использования нескольких свойств сразу:

наш шрифт

наш
шрифт



Спасибо Проксима
HTML & CSS - серия 1

HTML & CSS - серия 1Arnusha

Оставить комментарий

Архив записей в блогах:
Резервист Lotus Renault GP Роман Гросжан вернется в Формулу-1 в 2012 году. Французское издание Toile F1 со ссылкой на собственные достоверные источники сообщает, что в следующем сезоне Гросжан заменит Виталия Петрова. При этом россиянин потеряет место в ...
«Ландыши, ландыши... Поехали!» А теперь можно и немного ...
View Poll: Намба ту ...
Весна давит на котэ со страшной силой. Прихожу, расхуярено: кружка цветок стакан тарелка лоток (выкопал оттуда весь наполнитель, теперь он везде блядь) Пропало две майки. Скорее всего под диванами, завтра проверю. Пиздюлей не смог раздать, так как он сидит под кроватью, хуйдостанешь. Нич ...
На лучшем портале Рунета прочитал пост про знаменитую атаку мертвецов . Вот за что люблю ЯП - настояшие посоны там сидят, правильные. Любят Русь, уважают и знают историю. Я вообще не понимаю. Как можно обсирать Русь, живя на Руси? Как можно ненавидеть свою, родную страну? Как? не укла ...