Что такое HTML?

Анимашки Линии



HTML - полезные советы.


Предисловие
 
    Каждому из нас приходилось использовать небольшие хитрости HTML, чтобы добиться желаемого результата. Ниже приведены некоторые советы, с которыми дизайн вашего сайта станет лучше. Вообще-то говоря, полный курс теоретических советов вы можете увидеть в разделе "Советы". Здесь же собраны практические, частные случаи, которые могут вам пригодиться при создании сайта или отдельной страницы.


Все по порядку:
 
• Не используйте очень большие таблицы на страничке. Если есть возможность, поделите таблицу на несколько более мелких таблиц или вообще откажитесь от них. Это связано с тем, что содержимое таблицы не выводится на экран до тех пор, пока вся таблица не скачана. И у пользователя создается иллюзия медленной загрузки этой страницы, что нежелательно.

• Так можно автоматически перенаправить посетителя на другую страницу:

<Html>
 <Head>
  <Title>Мы переехали!</title>
  <Meta Http-equiv="Refresh" Content="5;URL=http://kimsite.narod.ru/">
 </Head>
 <Body BgColor="#ffffff">
  <H1 Align="Center">Мы переехали на новое место:</H1>
  <Hr Width="250">
  <H2 Align="Center">Подождите 5 секунд или воспользуйтесь ссылкой:
  <A Href="http://kimsite.narod.ru">http://kimsite.narod.ru</A></H2>
 </Body>
</Html>

• Если вы используете параметры отступа текста от рабочего края броузера, учтите, что для NN и IE они разные: 

      1) Для Netscape Navigator: "marginwidth" и "marginheight"
      2) Для Internet Explorer: "topmargin" и "leftmargin"

Единственный способ корректного распознавания в обоих броузерах разместите все параметры:
  <Body Topmargin="0" Leftmargin="0" Marginwidth="0" Marginheight="0">

• Строка DOCTYPE (DTD), расположенная в первой строке HTML документа, описывает стандарт HTML, который используется в этом документе. Два наиболее используемых DTD: 

    1) HTML 3.2:  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
    2) HTML 2.0:  <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">

• Чтобы заменить кнопку в форме на изображение используйте:

<Input Type="image" Src="picture.gif" Width="25" Height="15" Border="0" Alt="submit">

• Если при размещении странички на сайте не видно картинок, а в локальной версии всё было в порядке, то проверьте следующее: 

    1. Адреса картинок не относительные, а абсолютные (типа file:///....).
    2. Могут стоять неправильные слэши: не "/", а "\".


В URL, как правило, применяются прямые слэши "/".
    3. FTP может класть на сервер файлики с именами, написанными заглавными буквами - PICTURE.GIF,
в то время как в тексте будет прописано picture.gif или Picture.gif - для ОС типа UNIX это не одно и тоже.

• Если Вы делаете карту ссылок из одного изображения, разбитого на несколько частей, учтите, что язык HTML символ перевода каретки (конец строки) воспринимает как пробел. Поэтому все тэги, которые у Вас формируют Вашу карту ссылок, нужно писать в одну строчку, иначе между картинками будут промежутки!

• Чтобы убрать границы шириной 2-3 пискела между фреймами, добавьте в тэге: 

  <Frameset> строчку Border="0" FrameBorder="0".

• При использовании тэга: 

 <Table BackGround="picture.gif">

IE отображает фоновый рисунок, начиная от начала таблицы, а NN - с начала каждой ячейки. Обойти это неудобство можно, вложив таблицу в другую: 

 <Table Cellspacing="0" Cellpadding=0 Border="0" BackGround="picture.gif">
  <Tr><Td Align="Center">
   <Table Cellspacing="0" Cellpadding="4" Border="0" Width="100%" BackGround="">
    <Tr><Td Align="Left"> 

     Информация в ячейки 

    </Td><Td Align="Right"> 

     Информация в ячейки 

    </Td></Tr>
   </Table>
  </Td></Tr>
 </Table>

Обратите внимание на BackGround="" и на то, что в тэгах таблиц не задан атрибут BgColor.

• Для того, чтобы "собрать" один HTML-документ из нескольких кусков, нужно использовать команды SSI (Server-Side Includes): 

 <!--#include file="ssi/menu.html" -->
    путь к файлу указывается от текущего файла (файла, в котором расположена команда).
 <!--#include virtual="/ssi/menu.html" --> 

    путь к файлу указывается от корня сервера.

Таким образом, например, можно задать меню, одинаковое для всех страниц сервера, и хранить его в отдельном файле. Тогда его изменение отразится на всем сервере и не потребует кропотливой работы по правке всех HTML-страниц Вашего сервера.

• Как избавиться от противной синей рамки по периметру рисунка, который является ссылкой? 

  <A Href="link.html"><Img Src="picture.gif" Border="0"></A>

• У адреса mailto:, применяемого для отправки писем, можно задать и другие опции, крома самого адреса. Например, адрес вида: 

  <A Href='mailto:name@domain.ru?subject="Заголовок письма"&Body="This body of e-mail">Text</A>












TV onlain
 |  Просвещение  |  Россия-К  |  ТВ ЦЕНТР  |  Россия 1  |  Первый Канал (ОРТ)  |  ОТР  | 
EuroNews Russia  |  Russia Today  |  Телеканал НТВ  |  Пятый канал TV  |  Москва 24 TV  |  360 TV  |  РЕН TV  |  РБК  | 
Крым 24  |  Первый крымский  |  Россия 24  |  ИТВ (КРЫМ)  |  Юнион (Донецк)  |  Новороссия ТВ  |  Луганск 24  |  МИР 24  |  Известия ТВ  | 
Министерство Идей  |  Телеканал Твтур.ТВ  |  Телеканал Царьград  |  Калейдоскоп ТВ  |  Телеканал ТРО Союза  |  Телеканал «Союз»  |  Телеканал «СПАС»  | 
Релакс ТВ  |  МУЗ ТВ  |  Страна FM  |  НАШЕ ТВ  |  Шансон ТВ  |  Первый HD  |  Открытый HD  |  JUCE TV  |  Fresh TV  | 
Полезная Информация
 |  Календарь  |  Мировая пресса  |  Вебкамера на МКС  |  Мировая статистика  |  Сейсмический монитор  |  Население Земли  |  Онлайн полеты самолётов  |  Конвертер валют Мира  |  Поздравления  |  Нетрадиционная медицина  |  Погода в городах Мира.  |  Иллюзии  |  Выживание  |  Омоложение  |  Блог Артема Драгунова  |  Анимация, картинки  |  Улыбнись  |  Лунный календарь  |  Заговоры  |  Астрология, гороскопы  |  100 лучших фильмов  |  Игры  |  Очищение  |  Фильмы онлайн  | 











На главную Сделать стартовой Добавить в избранное Написать письмо