HTML редактирование: различия между версиями
Misha (обсуждение | вклад) |
Misha (обсуждение | вклад) (→Сводная таблица свойств текста) |
||
Строка 62: | Строка 62: | ||
|'''line-height''':2.5 | |'''line-height''':2.5 | ||
|<p style="line-height:2.5">дикая правда на www.dikarka.ru дикая правда на www.dikarka.ru дикая правда на www.dikarka.ru</p> | |<p style="line-height:2.5">дикая правда на www.dikarka.ru дикая правда на www.dikarka.ru дикая правда на www.dikarka.ru</p> | ||
+ | |} | ||
+ | ==Вставка изображений== | ||
+ | <pre><img src="ris.01.gif" height=300 width=400 alt="это я в новом пиджаке" align=right hspace=20 vspace=20></pre> | ||
+ | {| border=1 | ||
+ | |width=25% | img src="ris.01.gif" | ||
+ | |width=75% | Название файла картинки, которую мы хотим вставить | ||
+ | |- | ||
+ | |height=300 | ||
+ | |Размер по вертикали в px (очень желательно указывать его, что говорит об уважении читателя) | ||
+ | |- | ||
+ | |width=400 | ||
+ | |Размер по горизонтали в px (очень желательно указывать его, что говорит об уважении читателя) | ||
+ | |- | ||
+ | |alt="это я в новом пиджаке" | ||
+ | | Текст, который будет в прямоугольнике, вместо рисунка, если его не загружать. | ||
+ | |- | ||
+ | |align=right | ||
+ | |Выравнивание картинки, мб left, right и center | ||
+ | |- | ||
+ | |hspace=20 | ||
+ | |Расстояние от картинки до текста по горизонтали (px) | ||
+ | |- | ||
+ | |vspace=20 | ||
+ | |Расстояние от картинки до текста по вертикали (px) | ||
|} | |} |
Версия 10:51, 7 декабря 2007
Информация взята с http://dikarka.ru. Вообще мне эти уроки очень понравились - просто инепринужденно о довольно сложных вещах. Читайте - очень советую, особенно для начинающих.
Статья еще не окончена. Просто решил вытащить оттуда таблички, что бы удобнее было искать потом.
Свойства шрифтов
Сводная таблица свойств текста
без изменений | - | ДИКАЯ ПРАВДА |
Устанавливает расстояние (дополнительные промежутки) между буквами. Можно указывать расстояние в любых абсолютных единицах (in, cm, mm, pt, pc, px). Может задавать и отрицательные значения. Только смотрите, чтобы буквы не слиплись, и вместо одного слова не получилось бы одна буква. |
letter-spacing:10pt | ДИКАЯ ПРАВДА |
letter-spacing:"-2pt" | ДИКАЯ ПРАВДА | |
А это просто расстояние между словами. Указывается также в любых размерностях |
word-spacing:7pt | ДИКАЯ ПРАВДА |
word-spacing:10mm | ДИКАЯ ПРАВДА | |
Очень хорошая штука. Например, может использоваться для убирания (none) подчеркивания ссылок или, наоборот, для подчеркивания текста (underline), перечеркивания (line-through) или надчеркивания (overline) текста. А еще для вывода мерцающего текста (blink). |
text-decoration:overline | ДИКАЯ ПРАВДА |
text-decoration:line-through | ДИКАЯ ПРАВДА | |
С его помощью можно установить "красную строку" (отступ). Указывается как в абсолютных единицах, так и в процентах от абзаца. Если дать отрицательное значение - получится выступ (висячая строка). |
text-indent:"10mm" | ДИКАЯ ПРАВДА |
Здесь нам знакомые left, center и right, то есть выравнивание текста по левому, правому краю, либо по центру. Есть еще justify, которое выравнивает текст по ширине. |
text-align:right | ДИКАЯ ПРАВДА |
Устанавливает расположение текста по базовой линии (по умолчанию), либо по верхнему (super), либо по нижнему (sub) индексу относительно родительского элемента. Незаменим, например, при формулах. |
vertical-align:super
(для "ДИКАЯ" - без изменений) |
ДИКАЯПРАВДА |
Определяет расстояние между строчками. Задается как в абсолютных единицах, так и в относительных. А можно и просто указывать число строк, не обязательно в целых числах. |
line-height:2.5 | дикая правда на www.dikarka.ru дикая правда на www.dikarka.ru дикая правда на www.dikarka.ru |
Вставка изображений
<img src="ris.01.gif" height=300 width=400 alt="это я в новом пиджаке" align=right hspace=20 vspace=20>
img src="ris.01.gif" | Название файла картинки, которую мы хотим вставить |
height=300 | Размер по вертикали в px (очень желательно указывать его, что говорит об уважении читателя) |
width=400 | Размер по горизонтали в px (очень желательно указывать его, что говорит об уважении читателя) |
alt="это я в новом пиджаке" | Текст, который будет в прямоугольнике, вместо рисунка, если его не загружать. |
align=right | Выравнивание картинки, мб left, right и center |
hspace=20 | Расстояние от картинки до текста по горизонтали (px) |
vspace=20 | Расстояние от картинки до текста по вертикали (px) |