• Уважаемый посетитель!!!
    Если Вы уже являетесь зарегистрированным участником проекта "миХей.ру - дискусcионный клуб",
    пожалуйста, восстановите свой пароль самостоятельно, либо свяжитесь с администратором через Телеграм.

HTML/CSS. Справочник. Ссылки на учебники и статьи

  • Автор темы Автор темы Misеry
  • Дата начала Дата начала
M

Misеry

Гость
Полезные ссылки для начинающих сайтостроителей

Здесь предлагаю выставлять полезные учебники и статьи для тех, кто хочет сделать или только начинает делать свой сайт.
http://html.manual.ru/book/html.php -Html справочник
http://www.machaon.ru/digest/rusinter.HTML.html -очень много учебников
http://www.asdc.kz/helpdesk/webtutor/frames/index.htm -хороший учебник по фреймам, на английском языке конечно, но понятный
http://www.postroika.ru/ -очень хороший учебник, где описаны и фреймы и таблицы и т.д.
http://html.manual.ru/book/info/specialchars.php -полный список спецсимволов
 
всё утро пролазила в поисках учебников. ВОть нашла кое-что хорошее) http://web4work.by.ru/book.shtml А ещё нашла сайт с хтмл учебниками, сделаный по шаблону)) Почему-то решила не читать тотучебник) ещё научат :lol:
 
Html. Справочник.

Что сподвигло на тему: не могу найти у себя нигде любимого редактора - качать его - трафика жалко, а на рынок идти - лениво пока.. Так что приходится сегодня коды писать. Писала, и дописалась до того, что поняла, а ссылочки то он, разара, подчеркивает.. а как избавиться - черт знает. Доползла до вот такого способа:
Задать стиль для ссылок, в прочем, сделать это можно двумя способами. Первый и не практичный, это, делая ссылку на страницу/файл/и т.д. код ссылки записываем так:
<a style="text-decoration: none" href="ссылка">заголовок ссылки</a>
Искомым было style="text-decoration: none".
Второй и третий способы:

Если нам надо избавиться от ссылок в некоторые местах подойдет так же вот это:

<HEAD>
<STYLE type="text/css">
a.noneline {text-decoration: none;}
</STYLE>
</HEAD>


После чего пpименяем этот стиль:
<A HREF="ссылка" CLASS="noneline">

А если везде, вот это:

<HEAD>
<STYLE type="text/css">
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: none; }
</STYLE>
</HEAD>



Четвертый способ, это файл стиля, который записывается так:
В коде страницы в head записывается строка: <LINK rel=stylesheet type=text/css href=/style.css>
А в файле style.css строки из стилей.. :)
 
Вопрос: если приведенный выше вариант работает только для текстовых ссылок, то как тогда избавиться от рамки, если ссылкой является картинка?
Ответ:
когда пишешь
<img scr=KARTINKA.jpg>, то для того чтобы картинка была не обведена дописываешь <img scr=KARTINKA.jpg border=0> , т.е. border означает толщину рамки вокруг картинки(таблицы и т.п.) можешь так же задавать цвет этой рамки

<img scr=KARTINKA.jpg border=1style="border-right: 1px solid red;border-left: 1px solid blue; border-top: 1px solid blue;border-bottom: 1px solid red;">
этот тэг задает цвета рамки со всех четырех сторон (лево,право,верх и низ)
удачи ;)
 
Изменения цвета линейки скролинга

Вопрос: как изменить цвет полосы прокрутки (линейки стролинга) образователя?
Между тегами <head> и <body> вносим строки стиля:

<style type="text/css">
body {
scrollbar-face-color: #00FF00;
scrollbar-shadow-color: #0000FF;
scrollbar-marker-color: #FF0000;
scrollbar-3dlight-color: #FFFF00;
scrollbar-darkshadow-color: #00FFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #008000;
</style>

<body>
 
а как в css задний фон задать ну цвет я имею ввиду?
У меня щас вот что: сам неделал скопировал этот css с форума..


body,td,input,textarea,select {font-size:8pt; font-family:verdana, arial, helvetica;}

a:link {color:#5A6A72; text-decoration: underline}
a:active {color:#5A6A72; text-decoration: underline;}
a:visited {color:#5A6A72; text-decoration: underline;}
a:hover {color:#000000; text-decoration: underline;}

.tdmar {padding-left:6px; padding-right:6px;}
a.menu:link {color:#FFFFFF; text-decoration:none;}
a.menu:visited {color:#FFFFFF; text-decoration:none;}
a.menu:hover {color:#DCE7EF; text-decoration:none;}

a#catbar:link {color:#CDD6D8; text-decoration:none;}
a#catbar:visited {color:#CDD6D8; text-decoration:none;}
a#catbar:hover {color:#CDD6D8; text-decoration:underline;}

a.menu1:link {color:#798C95; text-decoration:none;}
a.menu1:visited {color:#798C95; text-decoration:none;}
a.menu1:hover {color:#798C95; text-decoration:underline;}

#category {font-weight:bold; font-size:9pt;}

a#category:link, a.red:link {color:#FF4E00; text-decoration:none;}
a#category:visited, a.red:visited {color:#FF4E00; text-decoration:none;}
a#category:hover, a.red:hover {color:#FF4E00; text-decoration:underline;}

#sortinga{font-weight:bold;}

.copy{font-size:10px;}

И вобще где можно набрать инфы про css? ну там разные стили и все такое..
 
meta-коды (тэги)

Элемент предоставляет дополнительные сведения о способе обработки документа, он позволяет поисковым машинам идентифицировать и классифицировать документ без его загрузки. Элемент поддерживает парные атрибуты, первый из которых name определяет тип данных, а второй content - содержание. Атрибут name используется приложением-клиентом (броузером)для получения дополнительной информации о документе. Его часто заменяют элементом http-equiv, который используется сервером для создания дополнительных полей при выполнении запроса. В этом случае тэг META; с атрибутом будет включен в заголовок ответа браузера.
Другими словами атрибут name используется с целью предоставления сведений о документе, которые могут пригодиться при его поиске, а элемент http-equiv поручает выполнение каких либо действий серверу.
Например: <META HTTP-EQUIV="Window-target" CONTENT="_top">;
Использование элемента http-equiv со значением "refresh" позволяет организовать принудительное обновление страницы с некоторым промежутком времени или загрузку нескольких страниц с определенным интервалом, что незаменимо при создании страниц, где публикуются непрерывно меняющиеся данные (скажем курсы валют или акций). Значение элемента content в этом случае означает промежуток между обновлениями в секундах, так если оно равно нулевому значению - страница будет обновляться непрерывно.
<META HTTP-EQUIV="Refresh" content="5;URL=http://www.arcus.lv/dimas/index.html">
Перезагрузка документа.
<META HTTP-EQUIV="Expires" content="Дата">
Дата, обозначающая срок годности документа, при его значении равном "0" документ будет подгружаться не из кэша а с сервера.
<META HTTP-EQUIV="Reply-to" content="Имя@Адрес"]Адрес электронной почты.
<META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251">
Описание типа и характеристик документа.
<META HTTP-EQUIV="Content-language" content="en">
Описание языка документа.
<META HTTP-EQUIV="Cache-Control" content="no-cache">
Контроль за кэшированием документа.Может принимать значения:
no-store - не сохраняется.no-cache - не сохраняется в кэш.
Public - доступен для любого кэширования.
Private - кэшируется в частных кэшах.
[META HTTP-EQUIV="Window-target" content="_top"]
Определяет способ появления новых окон браузера.
[META HTTP-EQUIV="pragma" content="no-cache"]
Контроль за кэшированием документа.
<META HTTP-EQUIV="Set-Cookie" content="NAME=имя; EXPIRES=дата; DOMAIN=имя домена; PATH=путь; SECURE">
имя - любая строка без запятых, пробелов и переходов на след.стр. (обязательный парaметр);
дата - дата истечения срока хранения в формате: Sun, 25-Feb-01 12:00:01 GMT, если не задан, то cookie не сохраняется (необязательный парaметр);
имя домена - домен для которого действительно значения cookie, если не задан, то тот сервер, где лежит сайт (необязательный парaметр);
путь - путь к документам домена, для которого действительно значения cookie, если не задан, тогда тот каталог, где лежит сайт (необязательный парaметр);
SECURE - указывается только тогда, когда применяется защищенный режим SSL, если не задан, тогда информация передается в обычном режиме (необязательный парaметр).
Установка Cookie для браузера в том случае, когда надо сохранить информацию в компьютере посетителя и при необходимости к ней обратиться.
Работает так:
Браузер, встретив такую конструкцию, записывает файл.txt с данными ввиде имя/значение и хранит в кэше, в следующий раз он сверяет все свои cookie на предмет полного совпадения, и если находит, то отсылает серверу как HTTP заголовок. Конечно, в настройках cookie должны быть разрешены, каждый cookie не может превышать 4 kB (если больше, то отсекается кусок вначале записи) всего их может храниться до 300, причем с одного сервера не больше 20 (если больше, то последние пишутся поверх первых)
<META name="Author" content="Имя автора">
Имя автора документа.
<META name="Keywords" lang="ru" content="Слово1,слово2,слово3...">
Набор ключевых слов для поиска.
<META name="Title" content="Название">
Название станицы.
<META name="Robots" content="index,nofollow">
Указание индексации поисковыми роботами данного документа.
Может принимать значения:
ALL - индексировать всё.
INDEX - индексировать эту страницу.
FOLLOW - индексировать ссылки на этой странице.
NONE - не индексировать, игнорировать полностью.
NOINDEX - не индексировать, игнорировать эту страницу.
NOFOLLOW - не индексировать ссылки на этой странице.
<META name="Description" content="Содержание">
Краткое однострочное описание содержания документа.
<META name="Document-state" content="Dynamic">
Определяет единовременную либо постоянную индексацию документа поисковыми системами.
Может принимать значения:
Static - индексировать единожды.
Dynamic - индексировать многократно.
<META name="Generator" content="Название">
Название приложения, в котором был создан документ.
<META name="Copyright" content="Условия">
Условия копирования и распространения документа.
 
Speed

BODY {
background-color: #FF0066
}

k|ever добавил [date]1073491238[/date]:
Чтобы при наведении на картинку в IE6 не появлялись кнопки сохранить, печатать, послать,, используйте для тега IMG параметр:

galleryimg="false"


Управление фоном стилями:


body {
background-image: URL(../img/жопа.gif);
background-attachment: fixed;
background-repeat: no-repeat;
}
 
Ния, а...
ну дык и ручками можно :)
---
<td width="698" colspan="3"><map name="FPMap0">
<area href="files/terms.htm" shape="rect" coords="52, 8, 92, 22" alt="read my terms" target="iframe">
<area href="dollz.htm" shape="rect" coords="98, 8, 153, 22" alt="my dollz-z-z" target="iframe">
<area href shape="rect" coords="160, 8, 224, 22" alt="adoptions" target="iframe">
<area href="tut/tut.htm" shape="rect" coords="230, 8, 277, 22" alt="tutorials" target="iframe">
<area href="files/link.htm" shape="rect" coords="288, 8, 320, 22" alt="links" target="iframe">
<area href shape="rect" coords="328, 8, 365, 22" alt="stuff..." target="iframe">
<area href="http://xbase.ru/guestbook/?login=dollzzzz" shape="rect" coords="375, 8, 420, 22" alt="GuestBook" target=_blank></map><img border="0" src="Bottom.jpg" width="698" height="30" usemap="#FPMap0"></td>
---
из той же страницы...
а так, я лично FP пользуюсь.. :)
 
ручками очень накладно делать карту - это просто ужас! нереально ведь! я делаю через дреамвевер....т.е. я сначала напишу то как сказала Unknown , а затем открываю редактор и перемещаю появившиеся "голубые квадратики :) " на то место, где у меня картинка с соответствующим текстом
 
у меня бэкграундом на странице является картинка, как сделать, что бы при прокрутке страницы, эта картинка не прокручивалась, то есть оставалась на месте? что надо написать в коде?
 
Автор оригинала Ния
~))VioLLa((~
Лично я сую стиль который меняет цвет полосы прокрутки между боди и хэад..


и делаешь неправильно :rolleyes:

все стили суют между тегами <head> и </head>
 
~))VioLLa((~, чего-то, ты дитё моё, нахимичило..
Короче говоря, смотри, что должно быть:
<html>
<--- начало шапки
<head>
<title>new.seria"s"</title>
<--- начало стиля
<style type="text/css">
body {background-image:url('image/ri.jpg')}
a:link {text-decoration:none ;
font-size:13px;
color:black;
font-family: Comic Sans MS}
a:visited {text-decoration:none ;
font-size:13px;
color:black;
font-family: Comic Sans MS}
a:hover {text-decoration:none ;
font-size:13px;
color:purple;
font-family: Comic Sans MS}
body {
scrollbar-face-color: #00FF00;
scrollbar-shadow-color: #0000FF;
scrollbar-marker-color: #FF0000;
scrollbar-3dlight-color: #FFFF00;
scrollbar-darkshadow-color: #00FFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #008000;

<--- конец стиля
</style>
<--- конец шапки
</head>
<body>
тело страницы
</body>
</html>
Вот так все работает как положено.
 
Автор оригинала Дочь Билла Гейтса
два вопроса...
1. как расятнуть все слово (или несколько слов) на всю ширину колонки таблицы? притом, что это ссылка и притом, что я все такие вещи делаю через каскадные таблицы... То есть чего нужно написать в файле ***.css?
2. затем.... у меня таблица из трех колонок в одной строке. В центральной колонке идет текст и он достаточно длинный... Соответсвенно небольшие списки (ссылок) в боковых колонках уходят на середину относительно вертикали. Я убираю это с помощью пустых абзацев: <p> </p>
Есть ли что специальное? Например, через те же каскадные таблицы.... Чтобы каждый раз не ставить эти пустые абзацы....


1. я уже писала тебе помоему....попробуй использовать <ul></ul> - список....лично мне помогало :D
2.я несовсем тя поняла...зафига ставить <p>? не легчели сразу <br> фигарить? - понимаю - код выглядит не красиво потом...но наверное удобнее...я б сказала как выравнивать с помощью див - но ты просто замучаешься выравнивать ;) ...потому как вы ленивые все и сайты свои месяцами делаете
 
Назад
Сверху