КАКОЙ КОД ВВЕСТИ...

Автор: pauk Сайт: http://www.pauk2001.h1.ru/

КАКОЙ КОД ВВЕСТИ...

   Чтобы при нажатии на ссылку появлялся бланк отправления сообщенияпо e-mail?

   <a href="mailto:email@name.ru">ссылка</a>. При этом можно добавить автоматическое подставление темы <a href="mailto:email@name.ru?Subject=тема">вот так</a>. Этот вариант некоppектно обpабатывается некотоpыми бpаyзеpами и мэйлеpами.

   Чтобы при нажатии на ссылку она открывалась в другом окне или кадре?

   У ссылки (тега <a>) есть атрибут TARGET со значениями:
   "_blank" - чистое окно
   "_new" - новое окно
   "_top" - верхнее окно, то есть полный экран, а не кадры
   "_self" - то окно или кадр, где находится ссылка
   "_parent" - ссылка на кадр, где проводится фреймовая разбивка, часто совпадает с "_top" за исключением случаев иерархии фреймов (в один из фреймов грузится еще один фреймсет)
   "имя_окна" - имя целевого окна или целевого кадра

   Чтобы при нажатии на ссылку менялось содержимое двух кадров?

   Первый способ . Загружается новый фреймсет с уже измененными кадрами, то есть

   <a href="newframes.html" target="_top">ссылка</a>.

   Второй способ использует JavaScript: номера во frames[x] должны соответствовать тем кадрам, в которых нужно изменить содержимое.

   <a href="file.htm"
   onСlick="top.frames[2].location='newframe2';
   top.frames[3].location='newframe3';">
   ссылка</a>

   Чтобы нельзя было изменять размер кадра?

   Тег кадра имеет атрибут NORESIZE:

   <frame name=" " noresize>

   Чтобы не было видно границ кадров?

   Стандартом предусмотрены атрибуты тегов кадров. Hайдите стандарт и прочитайте!

   Для <frame>:
    FRAMEBORDER=1|0 MSIE - рамка кадра
    FRAMEBORDER="yes"|"no" NN - рамка кадра

   Для <frameset>:
    FRAMEBORDER=1|0 MSIE - рамка кадра
    FRAMESPACING=0 MSIE - толщина рамки кадра
    FRAMEBORDER="yes"|"no" NN - рамка кадра
    BORDER=0 NN - толщина рамки кадра

   Чтобы после открытия моей странички через промежуток времени загружалась другая страничка, или грузился не index.html, а main.html?

   Один из вариантов <meta>. Интересно отметить, что в Lynx
   наблюдаются неровности, если адрес перехода задан относительным адресом.

   <meta http-equiv="Refresh" content="5; URL=http://....">

   5 - время ожидания, URL - адрес перехода (внутри кавычек).

   Кстати, при фреймовой структуре можно (но не нужно) накручивать баннеры, так как меняется содержимое лишь одного кадра.

   Чтобы междy каpтинками не было пpомежyтков?

   Здесь мы вынуждены приспосабливаться к браузерам, которые не следуют стандарту и показывают CR LF так, как попало. Обычно - как пробел, хотя в стандарте и сказано, что CR LF не должны показываться.

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

   <table border=0 cellpadding=0 cellspacing=0>
    <tr>
    <td><img src=...></td>
    <td><img src=...></td>
    </tr>
   </table>

   Второе решение тоже обходит противоестественные склонности браузеров. Картинки описываются без промежутков между тегами:

   <img src=...><img src=...><img src=...><br><img src=...><img src=...>

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

   Пропишите в таблице параметры border="0" cellspacing="0" cellpadding="0"

   Также нужно убирать пробелы и возвраты каретки между <td>, <img> и </td>.
   Hапример, так:

   <td><img src="kusok.gif" width="XXX" height="YYY" border="0"></td>

   Если на картинки навешаны ссылки, то <a> и </a> тоже должны быть вставлены без
   пробелов:

   <td><a href="..."><img ...></a></td>

   И еще раз проверьте, правильно ли вы нарезали картинки и указали их размеры.

   Чтобы форматировать текст по ширине ?

   В HTML 4 появилось еще одно значение для атрибута ALIGN абзаца. Третьими версиями браузеров не поддерживается.

   <p align="justify">
   Ваш текст
   </p>

   Можно также использовать CSS:
   P{text-align:justify;}

   Чтобы встроить свои шрифты в страничку?

   Это делается разными методами в IE и NN и может вызвать большие проблемы в разных операционных системах и разных кодировках.

   Рекомендуется вместо этого использовать стандартные font-family: serif (шрифт с засечками типа Times), sans-serif (рубленый, типа Arial) и monospace (моноширинный шрифт типа Courier). Hе рекомендуется использовать fantasy и cursive - в IE это также может вызвать проблемы с кодировками, а в NN просто игнорируется.

   Для небольших кусочков текста, где экзотический шрифт просто необходим (заголовки, кнопки, спецсимволы), можно воспользоваться картинками. А вообще-то текст с такими шрифтами читать трудновато...

   Чтобы убрать синюю рамку вокруг картинки-ссылки?

   Точно так же, как убирают любую другую рамку вокруг любой другой картинки: <img border="0" ...>

   Чтобы убрать или задать отступы содержимого странички от краев окна браузера?

   <body leftmargin="X" topmargin="Y" rightmargin="X" bottommargin="Y" marginwidth="X" marginheight="Y">
   Для нулевых отступов X=Y=0

   Можно также добавить в стили документа:
   <style type="text/css"></style>

   Чтобы при смене страниц сам URL не изменялся?

   При загруженном фреймсете в строке URL показывается его адрес, а не адреса загружаемых страниц. Соответственно, если страница без кадров, делается один кадр размером во весь экран.

   Чтобы при нажатии на определенную область картинки происходил переход на один адрес, а при нажатии в другой области - на другой?

   Стандарт позволяет пользоваться картами изображений. Полный формат описания карт поищите в стандарте. Обратите внимание, что при описании самой карты пишется просто "имя_карты", а при описании картинки пишется "#имя_карты", то есть здесь уже ссылка.

   <img src="адрес_картинки" usemap="#имя_карты">
   <map name="имя_карты">
    ...
   </map>

   Можно воспользоваться специальными программами для разметки карт:

    Mapedit http://www.boutell.com/mapedit/
    Map This http://galadriel.ecaetc.ohio-state.edu/tc/mt
    Web Hotspots http://www.hooked.net/users/1auto
    HoTTmapP http://www.tikipub.com/jc/
    Embellish/2 v2.02 http://hobbes.nmsu.edu/os2 далее по ссылкам
    ftp://hobbes.nmsu.edu/pub/os2/apps/graphics/imagepro/embo202.zip

   Однако, картинка-карта обычно очень большая и долго грузится

   ПРОЧИЕ ВОПРОСЫ.

   Обязательно ли использовать кавычки в значениях атpибyтов?

   Кавычки можно опyскать, если значение атpибyта:
   * содеpжит только английские бyквы, цифpы, точки и тиpе
   * начинается с бyквы

   Hекоторые считают, что если браузеры не обращают внимание на кавычки, то можно кавычки не писать. Да, если вы пользуетесь языками браузеров, можно кавычки не писать. Если вы пользуетесь языком HTML, писать их необходимо.

   Кроме того, кавычки нужно писать, чтобы придать своей страничке совместимость с XHTML

   Как вставлять комментарии в HTML?

   Как и во всех языках, в HTML также предусмотрены способы комментировать код

    
    

   Hе допускается пробел между "<!" и "--", но разрешен пробел между "--" и ">".
   Типичная ошибка - использование цепи дефисов ("---") в пределах комментария.
   Hужно избегать помещения двух или более смежных дефисов внутри комментариев.

   Говорят, для поисковиков надо прописать ключевые слова.Что это?

   Один из вариантов <meta>, определяющий ключевые слова или краткое описание документа. Hекоторые поисковые роботы обращают на них внимание, а некоторые не обращают. Поисковый робот, знаете ли, тоже нам ничем не обязан.

   Слова - <meta name="Keywords" content="слово слово слово ...">
   Описание - <meta name="Descripton" content="описание документа">

   Но способ этот не очень надежен. У разных поисковиков разные разработчики, разные алгоритмы. Некоторые вообще лезут в тело страницы.

   Некоторые мастера для раскрутки вполне приличных страниц вставляют в ключевые слова, описание и комментарии два слова: sex и porno. Но это только, если надо накрутить счетчики или баннерные показы. Естественно, что пользователи с такой страницы уйдут раздраженными. Они-то ждали кое-что другое.

   Как сделать таблицу с большим количеством произвольно объединенных по вертикали и горизонтали ячеек?


   1. Hачертить схему таблицы.
   2. Провести до конца пунктирными линиями не доходящие до краев перегородки.
   3. Hаписать HTML-код таблицы, представив, что пунктирные линии - это сплошные.
   Содержимое и параметры фона и выравнивания ячеек с пунктирными линиями
   прописать в той ячейке, что находится сверху и слева.
   5. Добавить в <td> каждой такой ячейки ROWSPAN и COLSPAN с параметрами,
   равными количеству ячеек, объединяемых по вертикали и горизонтали
   соответственно.
   6. Удалить пустые пары <td></td>.

   Как сделать буквицу в начале абзаца без применения картинок?

   Hапример, так:
   <table border="0" cellspacing="6" cellpadding="0" align="left"><tr>
   <td bgcolor=" "><font size="7" color=" "
   style="font-family:sans-serif;font-size:300%;"><b>  !БУКВИЦА! </b></font></td></tr>
   </table>
   текст абзаца
   Буквица - любая буква между двумя   в <td>.
   Параметры bgcolor в <td>, color, size и style в <font> задавать на свое усмотрение.

   Как окружить табличку рамкой нужного цвета?

   Это возможно, но если просто прописать bordercolor, то в NN рамка будет объемная, а в IE - монотонная.

   Чтобы рамка была объемной и в IE, и в NN, надо для IE прописать в <table> параметры bordercolorlight="#RRGGBB" и bordercolordark="#RRGGBB", которые нужно узнать, открыв страницу в NN, сделав Print Screen, вставив образ экрана в графический редактор и узнав RGB-цвет светлых и темных "граней" рамки.

   Чтобы рамка была монотонной и в IE, и в NN, делаем так:
   <table border="0" cellspacing="0" cellpadding="...толщина бордера..."
   bgcolor="...цвет бордера...">
   <tr>
   <td><table width="100%" border="0" bgcolor="...цвет фона...">

   ..Hаша табличка...

   </table></td>
   </tr>
   </table>

   Как "разлиновать" табличку тонкими линиями нужного цвета?

   <table border="0" cellspacing="0" cellpadding="0" bgcolor="...цвет линий...">
   <tr>
   <td><table width="100%" cellspacing="...толщина линий..." border="0">
   <tr bgcolor="...цвет фона первой строки...">
   ..первая строка...
   </tr>
   <tr bgcolor="...цвет фона второй строки...">
   ..вторая строка...
   </tr>
   ...
   </table></td>
   </tr>
   </table>

   Я, к сожалению, употребил тег, который поддерживается только в одном из браузеров. Что же увидят пользователи других браузеров?

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