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

Misеry · 15.08.2003, 11:00

Здесь предлагаю выставлять полезные учебники и статьи для тех, кто хочет сделать или только начинает делать свой сайт.
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 -полный список спецсимволов

Демонесска · 15.08.2003, 22:54

http://webb.bip.ru тоже классный сайтик)))

**Алиссия Мур** · 05.10.2003, 15:27

всё утро пролазила в поисках учебников. ВОть нашла кое-что хорошее) http://web4work.by.ru/book.shtml А ещё нашла сайт с хтмл учебниками, сделаный по шаблону)) Почему-то решила не читать тотучебник) ещё научат

**Unknown** · 05.10.2003, 17:27

http://www.masteru.ru/articles/ - достаточно много статей, если все прочитать..

**Unknown** · 30.11.2003, 18:52

Что сподвигло на тему: не могу найти у себя нигде любимого редактора - качать его - трафика жалко, а на рынок идти - лениво пока.. Так что приходится сегодня коды писать. Писала, и дописалась до того, что поняла, а ссылочки то он, разара, подчеркивает.. а как избавиться - черт знает. Доползла до вот такого способа:
Задать стиль для ссылок, в прочем, сделать это можно двумя способами. Первый и не практичный, это, делая ссылку на страницу/файл/и т.д. код ссылки записываем так:
<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 строки из стилей..

**Exilia** · 14.12.2003, 18:41

Вопрос: если приведенный выше вариант работает только для текстовых ссылок, то как тогда избавиться от рамки, если ссылкой является картинка?
Ответ:
когда пишешь
<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;">
этот тэг задает цвета рамки со всех четырех сторон (лево,право,верх и низ)
удачи

**Unknown** · 20.12.2003, 12:16

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

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

<body>

**Speed** · 28.12.2003, 06:34

а как в 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? ну там разные стили и все такое..

**GamerDenis** · 30.12.2003, 14:41

На заметку хтмл-кодеру.
http://htmlcoder.visions.ru/

**Unknown** · 07.01.2004, 11:13

Элемент предоставляет дополнительные сведения о способе обработки документа, он позволяет поисковым машинам идентифицировать и классифицировать документ без его загрузки. Элемент поддерживает парные атрибуты, первый из которых 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="Условия">
Условия копирования и распространения документа.

**klever** · 07.01.2004, 18:56

Speed

BODY {
background-color: #FF0066
}

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

galleryimg="false"

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

body {
background-image: URL(../img/жопа.gif);
background-attachment: fixed;
background-repeat: no-repeat;
}

**Unknown** · 18.01.2004, 20:53

Ния, а...
ну дык и ручками можно

---
<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 пользуюсь..

**Exilia** · 21.01.2004, 15:34

ручками очень накладно делать карту - это просто ужас! нереально ведь! я делаю через дреамвевер....т.е. я сначала напишу то как сказала Unknown , а затем открываю редактор и перемещаю появившиеся "голубые квадратики

" на то место, где у меня картинка с соответствующим текстом

**Дочь Билла Гейтса** · 27.01.2004, 00:22

у меня бэкграундом на странице является картинка, как сделать, что бы при прокрутке страницы, эта картинка не прокручивалась, то есть оставалась на месте? что надо написать в коде?

**Unknown** · 27.01.2004, 00:27

Дочь Билла Гейтса,
<body bgproperties="fixed" background="bg.gif">

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

Опции темы

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

Html. Справочник.

Изменения цвета линейки скролинга

meta-коды (тэги)

Ваши права