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

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

Архив записей в блогах:
Снимается кино. Для героя - талантливого учёного-математика - жилище решено выбрать в реальном доме, а не в студии. Найден дом под снос, а в нём - чудесная большая квартира: как раз в таких, по общему мнению, и должны жить профессора/академики. Кадр из фильма "Всем спасибо!" (1981) ...
Ещё один герой рок-н-ролла 60-х, траченный наркотиками, но в отличие от многих своих простых слушателей выживший, присоединился к "Клубу 80" - 80-летие в каком-то из своих поместий справляет Эрик Клэптон. Популярное в Англии 60-х граффити "Цой жив" "Клэптон - бог", с чем, однако, как ...
Белоярское водохранилище в преддверие рыболовного сезона безлюдно, а серое почти без рельефное небо добавляет  ощущения вполне гнетущего, как будто какое-то беспокойство, казалось бы беспричинное, что  поднимается из глубины подсознания, словно трубы, виднеющиеся за лесом на ...
Оригинал взят у kot_begemott в По поводу группы Pussу Riot - 6 Я, кажется, всё понял. Это феноменально красивая провокация. Гениальная идея. Интеллигентствующее сознание не выдержит такого попрания свободы. Как это? - за такую ерунду столь сурово ...
Залетаю сегодня с утра в кофейню выпить рюмочку...то исть ..чашечку кофе, а там ОН,ШПИЁН!!Вот тут-то я его и "расколола": сфотала и в фас и в профиль!"Вотебе,вотебе, мерзкий шпиён. за нашу Анну Чапман!" Интересно, какие секреты он в кофейне выведывал? ...