Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Web - полезные советы по веб-строительству HTML: некоторые хитрости и правила


Компания ИнфоСтарз





Если у Вас есть сайт...

Бесплатный сервис на сайт
Вы можете абсолютно бесплатно разместить форму для загрузки файлов на бесплатный сервер на своем сайте.

Готовые ленты новостей
Вы можете разместить у себя на сайте информеры с последними новостями на самые разные темы.

Партнерская программа Wizards World
Размести ссылку на своем сайте и получай проценты от платежей привлеченных пользователей.


HTML: некоторые хитрости и правила

Как убрать отступы на веб-странице

Internet Explorer и Netscape имеют разные атрибуты тега body для указания значения отступов. У Internet Explorer в теге BODY следует указывать leftmargin для отступов по горизонтали и topmargin для вертикальных отступов, а в Netscape те же функции выполняют параметры marginwidth и marginheight. Объединяя эти атрибуты, получим код,который будет работать во всех броузерах одинаково.

<body

 bgcolor="#FFFFFF"

 leftmargin="0" topmargin="0"

 marginwidth="0" marginheight="0">

Отступы в форме

При размещении формы в ячейке таблицы, вокруг нее автоматически, сверху и снизу добавляются поля. Чтобы их убрать, необходимо сделайть наоборот, - поместить таблицу внутри формы.

 <form>

 <table>

 <tr><td>

 <input type="text" size=10>

 </td></tr>

 </table>

 </form>

Маркеры

Если перед текстом требуется поставить маркер, это можно сделать с помощью тега LI. Для изменения вида маркера добавьте параметр, который может принимать одно из трех значений: disk (круг), circle (окружность), square (квадрат). Netscape, независимо от параметров показывает всегда точку.

Пример 1
Пример 2 Если надо сделать особый маркер, можно воспользоваться спецсимволами. Например: ®(&reg;); ™(&#153;); £(&pound;); ¥(&yen;); —(&#151;) и другие.

Большие таблицы

Если на вашем сайте размещена длинная таблица, то страница не будет показываться, пока таблица не загрузится полностью. Разбейте ее на несколько фрагментов для создания впечатления быстрой загрузки страницы.

Маленькие картинки

Если ваша страница содержит n рисунков, каждый из которых занимает X байт, она будет загружаться дольше, чем при использовании одного рисунка размером n*X байт.

Фиксированная ширина таблиц

Если вы делаете дизайн для разрешения монитора 800х600, используйте таблицы (или рисунки) шириной меньше, чем 770 пикселов. Этот запас необходим для размещения правой полосы прокрутки.

Ячейки таблицы в Netscape

Netscape не будет показывать содержимое ячейки таблицы и ее фон,если ячейка пуста.

Всплывающая подсказка для ссылки

Для создания всплывающей подсказки у текстовой ссылки, используйте параметр title тега A.

Защита от копирования

Если в тег BODY добавить параметр onSelectStart="return false", то Internet Explorer запретит выделять текст и графику в окне броузера. Если в тег BODY добавить параметр onCopy="return false", то Internet Explorer запретит копировать выделение в буфер обмена.
Красная строка

Отступ в начале красной строки можно задать с помощью нескольких неразделяемых пробелов &nbsp;.

Ячейка таблицы с полосой прокрутки

Если внутри ячейки использовать тэг <TEXTAREA>, то можно получить полосу прокрутки для текста, который не вмещается в необходимые размеры ячейки.

 <TABLE>

 <TR><TD>

 <TEXTAREA cols=20 rows=3 readonly style=""border:0px;">"

 Очень-очень длинный текст</TEXTAREA>

 </TD></TR></TABLE>

Ссылка на адрес электронной почты

При создании ссылки на адрес электронной почты можно использовать следующие варианты:


 ссылка на e-mail

  mailto:my@email.com

 указание темы сообщения

  mailto:my@email.com?Subject=Hello

 копия сообщения отправляется еще на один адрес

 (вид копии Cc (открытая копия) или Bcc (скрытая копия))

  mailto:my@email.com?Subject=Hello&Cc=my_other@email.com;

  mailto:my@email.com?Subject=Hello&Cc=other@email.com&

  Bcc=other@domain.com

 несколько адресов электронной почты

  mailto:your@email.com?Subject=Hello&

  Cc=other@email.com,other@domain.com

Если в описании темы нужно указать слова, разделенные пробелом, то в HTML-коде между словами нужно указать код - %20.

Картинка в качестве фона таблицы

При использовании тэга <table background=img.gif> IE отображает фоновый рисунок, начиная от начала таблицы, а NN - с начала каждой ячейки. Обойти это можно, вложив нужную Вам таблицу в другую, состоящую из одной ячейки:

<table cellspacing=0 cellpadding=0 border=0 background="img.gif">

<tr><td align="center">

 <table border=0 width="100%">

  <tr><td align="left">

  <!--Some stuff-->

  </td><td align="right">

  <!--Some stuff-->

  </td></tr>

 </table>

</td></tr>

</table>

По материалам сайта http://www.vektorzone.narod.ru



Вам понравилась рассылка?
(голосование возможно только из письма рассылки)
  • понравилась
  • не понравилась
  • средне



  • В избранное