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

Материал из Wiki МИАЦ ВО
Перейти к навигации Перейти к поиску
(Сводная таблица свойств текста)
(Свойства шрифтов)
Строка 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>

Списки

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

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

НАЗВАНИЕ
ПРИМЕР
ЧТО ПОЛУЧИЛОСЬ
без изменений - ДИКАЯ ПРАВДА
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)