HTML редактирование: различия между версиями
Misha (обсуждение | вклад) (→Сводная таблица свойств текста) |
Misha (обсуждение | вклад) (→Свойства шрифтов) |
||
Строка 2: | Строка 2: | ||
Статья еще не окончена. Просто решил вытащить оттуда таблички, что бы удобнее было искать потом. | Статья еще не окончена. Просто решил вытащить оттуда таблички, что бы удобнее было искать потом. | ||
+ | ==Ссылки== | ||
+ | <pre><A href = "fotoalbom/catslide.html">Мои кошки</A></pre> | ||
+ | {| border=1 | ||
+ | |<A> и </A> | ||
+ | |Теги ссылки | ||
+ | |- | ||
+ | |href = "fotoalbom/catslide.html"<br \> | ||
+ | href = http://www.dikarka.ru | ||
+ | |||
+ | |Адрес, куда надо перейти по ссылке | ||
+ | |- | ||
+ | |Мои кошки | ||
+ | |Текст, который будет отображаться ссылкой | ||
+ | |} | ||
+ | Cылка на электронный адрес | ||
+ | <pre><A href = "mailto:your@address.com">Напишите мне письмо!</A></pre> | ||
+ | Если вы хотите, чтобы открытый по ссылке документ не вытеснял собой предыдущий, можете дать указание открыть его в новом окне, добавив в конце ссылки атрибут target=blank, например: | ||
+ | <pre><A href = "http://www.yandex.com" target=blank>Поисковая система Яндекс</A></pre> | ||
+ | Если мы хотим, что бы ссылкой была картинка (home.gif), то | ||
+ | <pre><A href="../index.html" title="возврат на Домашнюю страничку" ><img src="home.gif"></A></pre> | ||
+ | ==Списки== | ||
+ | |||
==Свойства шрифтов== | ==Свойства шрифтов== | ||
+ | |||
==Сводная таблица свойств текста== | ==Сводная таблица свойств текста== | ||
{| border=1 | {| border=1 |
Версия 12:21, 7 декабря 2007
Информация взята с http://dikarka.ru. Вообще мне эти уроки очень понравились - просто инепринужденно о довольно сложных вещах. Читайте - очень советую, особенно для начинающих.
Статья еще не окончена. Просто решил вытащить оттуда таблички, что бы удобнее было искать потом.
Содержание
Ссылки
<A href = "fotoalbom/catslide.html">Мои кошки</A>
<A> и </A> | Теги ссылки |
href = "fotoalbom/catslide.html" href = http://www.dikarka.ru |
Адрес, куда надо перейти по ссылке |
Мои кошки | Текст, который будет отображаться ссылкой |
Cылка на электронный адрес
<A href = "mailto:your@address.com">Напишите мне письмо!</A>
Если вы хотите, чтобы открытый по ссылке документ не вытеснял собой предыдущий, можете дать указание открыть его в новом окне, добавив в конце ссылки атрибут target=blank, например:
<A href = "http://www.yandex.com" target=blank>Поисковая система Яндекс</A>
Если мы хотим, что бы ссылкой была картинка (home.gif), то
<A href="../index.html" title="возврат на Домашнюю страничку" ><img src="home.gif"></A>
Списки
Свойства шрифтов
Сводная таблица свойств текста
без изменений | - | ДИКАЯ ПРАВДА |
Устанавливает расстояние (дополнительные промежутки) между буквами. Можно указывать расстояние в любых абсолютных единицах (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) |