2010-07-31

Оформление ссылок HTML

<a href="АДРЕС СТРАНИЦЫ"> Ваш текст </a>Шпаргалка по HTML для блоггера;
<a href="АДРЕС СТРАНИЦЫ" target="_blank">текст</a> - Шпаргалка по HTML для блоггера (откроется в новом окне);
<a href="АДРЕС СТРАНИЦЫ" target=_blank title="Пояснительный текст"><img src="URL картинки"></a> -

 где title="Шпаргалка по HTML для блоггера" - всплывающая подсказка.


Отменить подчеркивание ссылки:

<a href="АДРЕС СТРАНИЦЫ" style="text-decoration: none;">Ваш текст</a>
Пример: Азбука блоггера


Поменять шрифт, цвет и размер шрифта для ссылки:

<a href="АДРЕС СТРАНИЦЫ" style="font-family:Monotype Corsiva;color:green;font-size:25px">Ваш текст</a>
Пример: Ваш текст

Ссылка в рамке:

1. точками:
Ваш текст
Код: <a style="text-decoration: none; border-top;border-width:thin;border-style:dotted ;color:blue" href="АДРЕС СТРАНИЦЫ">Ваш текст</a>
2. пунктиром:
Ваш текст
код: <a style="text-decoration: none; border-bottom;border-width:medium;border-style:dashed;color:blue" href="АДРЕС СТРАНИЦЫ">Ваш текст</a>
3. трехмерная вдавленная:

Ваш текст

Код:<a style="text-decoration: none; border-top;border-width:thick;border-style:groove;border-color:green" href="АДРЕС СТРАНИЦЫ">Ваш текст</a>
4. Таким же образом можно задать и остальные рамки: сплошной чертой (solid), двойной (double), трехмерная выпуклая (ridge), трехмерная ступенька вверх (inset), трехмерная ступенька вниз (outset), изменяя параметр border-style
5. Ссылка в разноцветной рамке:

Ваш текст

Код:

.. Подчеркнутая ссылка

1. Ссылка зеленого цвета, подчеркнутая красной чертой
Ваш текст
Код:<a href="АДРЕС СТРАНИЦЫ" target="_blank" style="color:red; text-decoration:underline;"><span style="color:green;">Ваш текст</span></a>

1. Задается аналогично ссылке в рамке, только при этом задают параметр нижней границы рамочки: border-bottom
Например: Ваш текст
Код: <a href="АДРЕС СТРАНИЦЫ" style="border-bottom: 2px dotted DarkGreen; text-decoration: none;">Ваш текст</a>

На цветном фоне

Ссылка
Код: <a style="background-color: #6A5ACD; color: #E0FFFF; padding: 3px" href="АДРЕС СТРАНИЦЫ">Ссылка</a>

Изменение цвета фона ссылки после наведения на нее курсора (не везде работает)

ТЕКСТ ССЫЛКИ
Код: <a href="АДРЕС СТРАНИЦЫ"><font onmouseover="style.backgroundColor='#98FB98'; style.cursor='hand'" onMouseOut="style.backgroundColor='#FFDAB9';">ТЕКСТ ССЫЛКИ</font></a>

Ссылка на фоне из картинки:



HTML


Код:

15 комментариев :

Анонимный комментирует...

ничего не понимаю.хочу вставить в свой блог часики,но не пойму как вставлять код. ну, допустим копирую код, а как этот код может превратиться в часики?

NATALKA комментирует...

Обязательно нужно вставлять код в режиме HTML, проверьте весь ли код Вы скопировали (нельзя пропустить ни один символ), для этого выделить код лучше при помощи клавиш клавиатуры Ctrl+A (выделить все). Некоторые блогохостинги не поддерживают флеш-формат часиков, поэтому вставить в блоги, находящиеся, например, на платформе mail.ru, привет.ru, невозможно. На Li.ru код часиков примет другой вид. На какой платформе находится Ваш блог?

Анонимный комментирует...

Спасибо!
Очень помогло ))))

Анонимный комментирует...

Заморочно, но нужно и полезно. СПАСИБО. ЛиРу дает возможность комментировать
только анонимно?((

Тогда подписываюсь так: Lo_spero

Анонимный комментирует...

Cпасибо ! все легко и просто даже начинающим..

Анонимный комментирует...

Добрый день!
Объясните пожалуйста (подробнее, если можно), как сделать - "Ссылку к заданному месту текста". Спасибо

NATALKA комментирует...

Про то, как сделать ссылку к заданному месту текста я писала в записи Ссылки внутри страницы. Если будет непонятно - пишите в комментариях.

Анонимный комментирует...

Спасибо.Разобрался. Все работает

Анонимный комментирует...

как вставить картинку в блог без поддержки ХТМЛ

Mycrib комментирует...

Нужно взять ссылку на изображение (об это я писала в теме про прямые ссылки на изображение и вставить в поле url (после нажатия кнопки вставки картинки в запись в режиме оформления).

Юрий Чуйков комментирует...

Спасибо! Все нашел. Читаю Вас с удовольствием.

Анонимный комментирует...

Как сделать --чтобы за мышкой тянулся шлейф на всю страницу --как у вас?

Mycrib комментирует...

Я уже отвечала на этот вопрос здесь

Россиянка комментирует...

Подскажите,как оформить ссылку на флешку,когда пишется открыть флеш в новом окне

Иванова Наталья комментирует...

Россиянка, если я правильно поняла, то вам нужен этот код:
<a href="ссылка на flash" target=_blank title="смотреть флеш">Посмотреть флеш</a>

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

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML