 |
|
 |
Полезные советы
Установка изображения на сайт
<IMG SRC="http://логин.narod.ru/название_папки/имя.gif"
WIDTH="ширина" HEIGHT="высота" ALT="имя">
пример 
Установка картинки являющейся ссылкой
<A HREF="http://логин.narod.ru/"><IMG SRC="имя.gif"
WIDTH="ширина" HEIGHT="высота" ALT="имя"></A>
Для того чтобы вокруг картинки не было рамки перед </HEAD>
ставим вот это
<STYLE TYPE="text/css">
A IMG {
border: none; /* Убираем границу */
}
</STYLE>
Установка ссылки
1) <a href="http://адрес" title="имя_ссылки">имя
ссылки</a>
пример Фото Василия Пупкина
2) <ul>
<li type="circle"><a href="http://адрес"
title="имя_ссылки">имя_ссылки</a></li>
</ul>
пример ссылок столбиком
Еще немного о МЕНЮ
Меню с использованием CSS
css для изменения вида ссылки вставляем перед </HEAD> пример: Фотографии
<style type="text/css">
A {
color: #008000; /* Цвет обычной ссылки */
text-decoration: none; /* Убираем подчеркивание у ссылок */
}
A:visited {
color: #800080; /* Цвет посещенной ссылки */
}
A:hover {
color: #FF0000; /* Цвет ссылки при наведении на нее курсора мыши
*/
text-decoration: underline; /* Добавляем подчеркивание */
}
</style>
Подрисуночная подпись
<style type="text/css">
p.fig {
color: brown; /* Цвет текста */
font-style: italic; /* Курсивное начертание */
text-align: center; /* Выравнивание по центру */
line-height: 25px; /* Межстрочное расстояние */
}
</style>
<p class="fig"><img
src="http://greenfam.narod.ru/im.files/greenfam.gif" width="88"
height="31" alt="Мой банер"><br>Мой
банер</p>
Мой банер
Рамка вокруг текста
<style type="text/css">
DIV.outline {
border: 1px solid red;
padding: 0 10px;
}
</style>
<div class="outline">
<p>Перед тем как убить героя, антагонист обязательно
рассказывает ему про все свои злодеяния, чтобы против самого
злодея.</p>
<p>Из этого правила есть только одно исключение. Герой может
не суетиться, тянуть время, и вообще </p>
</div>
пример
Перед тем как убить героя, антагонист обязательно
рассказывает ему про все свои злодеяния, чтобы против самого
злодея. Из этого правила есть только одно исключение. Герой может
не суетиться, тянуть время, и вообще
Подчеркнутый текст
<style type="text/css">
.line {
border-bottom: 1px dotted blue
}
</style>
</head>
<body>
<p><span class="line">Лучше всего — красноватый
турмалин.</span>Разновидности турмалина: апирит —
малиновый.</p>
пример
Лучше всего — красноватый турмалин.
Разновидности турмалина: апирит — малиновый.
Поиск на Вашем сайте ( для сайтов расположенных на НАРОД.РУ
)
<form action=http://narod.yandex.ru/cgi-bin/yandsearch>
<input type=hidden name=user value=ВАШ-ЛОГИН>
Найти: <input name=text class=inputtext>
<input name=where value=2 type=hidden>
<input type=submit value=Искать! class=button>
</form>
Цвет фона веб-страницы
<style type="text/css">
BODY {
background-color: #3366CC; /* Цвет фона веб-страницы */
}
</style>
Страницы 1 2 3 4 5 6 7 8