HTML редактирование: различия между версиями

Материал из Wiki МИАЦ ВО
Перейти к навигации Перейти к поиску
(Сводная таблица свойств текста)
Строка 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. Вообще мне эти уроки очень понравились - просто инепринужденно о довольно сложных вещах. Читайте - очень советую, особенно для начинающих.

Статья еще не окончена. Просто решил вытащить оттуда таблички, что бы удобнее было искать потом.

Свойства шрифтов

Сводная таблица свойств текста

НАЗВАНИЕ
ПРИМЕР
ЧТО ПОЛУЧИЛОСЬ
без изменений - ДИКАЯ ПРАВДА
letter-spacing

Устанавливает расстояние (дополнительные промежутки) между буквами. Можно указывать расстояние в любых абсолютных единицах (in, cm, mm, pt, pc, px). Может задавать и отрицательные значения. Только смотрите, чтобы буквы не слиплись, и вместо одного слова не получилось бы одна буква.

letter-spacing:10pt ДИКАЯ ПРАВДА
letter-spacing:"-2pt" ДИКАЯ ПРАВДА
word-spacing

А это просто расстояние между словами. Указывается также в любых размерностях

word-spacing:7pt ДИКАЯ ПРАВДА
word-spacing:10mm ДИКАЯ ПРАВДА
text-decoration

Очень хорошая штука. Например, может использоваться для убирания (none) подчеркивания ссылок или, наоборот, для подчеркивания текста (underline), перечеркивания (line-through) или надчеркивания (overline) текста. А еще для вывода мерцающего текста (blink).

text-decoration:overline ДИКАЯ ПРАВДА
text-decoration:line-through ДИКАЯ ПРАВДА
text-indent

С его помощью можно установить "красную строку" (отступ). Указывается как в абсолютных единицах, так и в процентах от абзаца. Если дать отрицательное значение - получится выступ (висячая строка).

text-indent:"10mm" ДИКАЯ ПРАВДА
text-align

Здесь нам знакомые left, center и right, то есть выравнивание текста по левому, правому краю, либо по центру. Есть еще justify, которое выравнивает текст по ширине.

text-align:right ДИКАЯ ПРАВДА
vertical-align

Устанавливает расположение текста по базовой линии (по умолчанию), либо по верхнему (super), либо по нижнему (sub) индексу относительно родительского элемента. Незаменим, например, при формулах.

vertical-align:super

(для "ДИКАЯ" - без изменений)

ДИКАЯПРАВДА
line-height

Определяет расстояние между строчками. Задается как в абсолютных единицах, так и в относительных. А можно и просто указывать число строк, не обязательно в целых числах.

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)