- Синтаксис HTML - операторов
- <html>т</html>
- контейнерная конструкция тега. т
- подразумевает текстовую информацию, на которую
распространяется действие тега. Текст, в котором тоже могут быть теги.
- <br>
- конструкция тега, при которой действие тега распространяется на текст от
этого тега до любого ближайшего тега (хотя сам тег этот представляет собой нечто вроде
клавиши ENTER).
- <hr a >
- a -
предполагает возможность задания для тега уточняющих параметров -
атрибутов:
-
- align=""
- в апострофах без пробелов проставляется требуемое значение. Между
названием тега и атрибутом должен быть пробел.
- URL-адрес
- адрес единой системы адресации Интернет (URL). Язык HTML использует URL
представление адресов.
- Пиксел
- точка на экране. Все размеры в атрибутах HTML - языка задаются в числе
пикселов или процентов от размера конструкции, в которой находится тег.
Значение цвета в атрибутах HTML - языка задается именем цвета или кодом RGB
стандартных цветов и их производных.
Таблица 16-и стандартных
цветов
Название |
Код RGB |
Имя |
Цвет |
Название |
Код RGB |
Имя |
Цвет |
черный |
#000000 |
black |
|
серебряный |
#C0C0C0 |
silver |
|
темно-бордовый |
#800000 |
maroon |
|
красный |
#FF0000 |
red |
|
зеленый |
#008000 |
green |
|
известь |
#00FF00 |
lime |
|
оливковый |
#808000 |
olive |
|
желтый |
#FFFF00 |
yellow |
|
темно-синий |
#000080 |
navy |
|
синий |
#0000FF |
blue |
|
фиолетовый |
#800080 |
purple |
|
фуксия |
#FF00FF |
fuchsia |
|
чирок |
#008080 |
teal |
|
аква |
#00FFFF |
aqva |
|
серый |
#808080 |
gray |
|
белый |
#FFFFFF |
white |
| Можно посмотреть и мою полную палитру |
Для любознательных: шесть цифр кода RGB - это три шестнадцатеричных числа в
диапазоне 00 - FF. 1-ое, 2-ое и 3-е число, соответственно, представляют собой
количество красного, зеленого и синего тонов в цвете. Например, #000000 - это
черный цвет (отсутствие цвета), #FF0000 - ярко-красный, #00FF00 - ярко-зеленый,
#0000FF - ярко-синий, а #FFFFFF - белый (все цвета присутствуют полностью). Эта
цветовая модель является ключевым понятием в редакторах изображений типа
Photoshop.
- Структура HTML - программы и фреймы
- <html>т</html>
- границы HTML - программы.
- <head>т</head>
- заголовок HTML - программы. Необязательный
элемент программы.
-
-
- Теги заголовка HTML - программы:
-
- <title>т</title>
- название WEB - страницы не более 64 символов. Обязательный элемент
заголовка. Обычно показывается в заголовке окна броузера.
-
- <style a >т </style>
- описание стиля в заголовке. Атрибут:
-
- type="" -
определяет тип стиля. Значения:
- text/css - текст/css.
-
- <script a >т </script>
- описание скрипта в заголовке. Атрибут:
-
- language="" - определяет тип скрипта. Значения:
- JavaScript - Ява-скрипт.
-
- <meta a >
- описание одного свойства данной программы - информация для броузера,
отображающего WEB - страницу. Атрибуты:
-
- http-equtv="" - определяет тип
свойства,
- value=""
- определяет свойство. Значения:
- document - документ;
- content=";" - задает значения свойства,
- url="" -
задает URL - адрес программы для свойства,
- name="" -
дополнительное описание свойства. Если его нет, то совпадает с
http-equtv. Возможные значения:
- author - автор программы,
- author-corporate - фирма-разработчик
программы,
- keywords - ключ для поиска,
- description - описание программы.
-
- Примеры часто используемых вариантов значений:
- http-equtv="Content-Type" content="text/html;
charset=iso-8859-1" - программа содержит текст и коды HTML в кодировке
iso-8859-1.
- http-equtv="Content-Ianguage" content="en" - программа на
английском языку.
- http-equtv="refresh" content="60" url = "...
" - страницу с указанным адресом загрузить через 60 секунд.
- http-equtv="refresh" content="60" - текущую страницу
перезагружать через каждые 60 секунд.
- name="Keywords" content="список ключевых слов" - список для поиска по ключу данного документа поисковыми
системами.
- name="Description"
content="краткое описание" - аннотация -
список для индексации документа поисковыми системами, примерно, 200 -
300 символов. Обычно в "поисковиках" выводится под названием документа
или всплывает, если задержать курсор мыши на названии.
-
- <isindex a >
- предупреждает броузер о наличии индексного поиска в HTML - программе.
Атрибуты:
-
- prompt="" -
задает надпись у поисковой строки,
- action=""
- указывает поисковую программу, которой передается введенная строка
текста.
-
- <base a >
- указывает полный базовый адрес, где хранится данная HTML - программа.
Атрибуты:
-
- href="" - URL - адрес. Обязательный
атрибут.
- target="" - имя кадра.
-
- <link a >
- описывает связь данной программы с другой программой. Броузер
предварительно проверяет существование файла, с которым в программе возможна
связь. Атрибуты:
-
- href="" -
URL - адрес другой программы,
- rel="" - тип другой
программы или тип связи. Значения:
-
- bookmark - закладка,
- copyright - авторские права,
- glossary - глоссарий,
- help -
программа-справка,
- home -
домашняя страница,
- index -
поисковая программа,
- toc
- next -
переход к следующему документу,
- previous - возврат к предыдущему документу;
- rev="" определяет отношение данной программы к другой. Значения:
-
- made -
откроет окно ( для почты e-mail),
- author -
(автор),
- editor -
(редактор),
- publisher - (издатель),
- owner -
(владелец);
- type="" указывает тип и параметры присоединенной таблицы стилей. Значения:
- text/css - текст/скрипт.
-
- <body a >т</body>
- текст (тело) WEB - документа. Атрибуты:
-
- bgcolor="" - цвет фона документа,
- background="" - URL - адрес файла фонового рисунка. Окно полностью
заполняется изображением, как кафельной плиткой, начиная с верхнего левого
угла;
- text="" -
цвет текста,
- alink="" -
цвет активной ссылки,
- link="" -
цвет не просмотренной ссылки,
- vlink="" -
цвет просмотренной ссылки,
- topmargin="" - граница верхнего поля,
- leftmargin="" - граница левого поля,
- bgproperties=fixed - фоновое изображение не прокручивается вместе с текстом,
- onload="" агрузка скрипта
-
- <address>т</address>
- сведения об авторе страницы, дата создания и
обновления. Текст обычно выделяется курсивом.
- <frameset
a >т</frameset>
- контейнер кадров (фреймов): тело WEB -
документа в виде кадров. HTML - программа, имеющая структуру кадров, не должна
содержать контейнеры <body> и наоборот. Если в программе есть контейнеры обоих
видов, то броузер будет отображать только контейнеры <body>. Атрибуты
описывают сетку кадров:
-
- rows="," - список значений высоты строк сверху вниз,
- cols="," - список значений ширины столбцов слева направо.
- Значения могут быть выражены и в пикселах, и
в % от
размера окна, а также делить пространство в ( * ) долях между собой.
Например:
- cols="100 , 25% , * , 3* , 2* ". Здесь 1-ый кадр
будет шириной в 100 пикселов, 2-ой - шириной в 25% от ширины окна.
Оставшееся пространство делится между 3-я кадрами в пропорциях 1/6, 3/6,
2/6. Число заданных кадров равно произведению строк и столбцов. В данном
примере - 5 кадров;
- frameborder=""
- задает тип рамок между кадрами контейнера.
Значения:
- no - рамки
не видимы - имеют цвет фона окна броузера,
- yes - рамки
имеют цвет;
- bordercolor=""
- задает цвет рамок между кадрами. По умолчанию
- совпадает с цветом рамки окна;
- border=""
- устанавливает ширину рамок между кадрами
контейнера. Если значение отсутствует, то кадры отделяются друг от друга
тонкими линиями заданного цвета;
- framespacing=""
- расстояние между кадрами.
-
-
- Теги контейнера кадров
-
- Внутри контейнера кадров могут быть вложенные
контейнеры кадров, теги кадров и контейнер, заменяющий структуру кадров для
броузеров, не поддерживающих механизм фреймов. Вложенный контейнер заменяет
один кадр.
-
-
- <frame
a >
- описывает отдельный кадр. Число таких тегов
должно быть равно числу зарезервированных кадров в контейнере (за минусом
вложенных контейнеров). Располагаются кадры последовательно слева направо и
сверху вниз. Атрибуты:
-
- src=""
- URL - адрес содержимого кадра. Обычно это
файл HTML - программы из того же каталога (папки), что и сам контейнер, но
может быть и абсолютный адрес файла с любого компьютера. Если этот атрибут
не задан, кадр будет пустым;
- marginwidth=""
- marginheight=""
- ширина от границы кадра до рамки по
вертикали и горизонтали, соответственно;
- scrolling=""
- определяет полосы прокрутки. По умолчанию
полосы прокрутки добавляются в кадр, если содержимое кадра больше его
размеров. Значения:
- yes -
полосы прокрутки будут обязательно,
- no -
полосы прокрутки запрещены,
- auto -
полосы прокрутки добавляются по умолчанию;
- noresize
- запрещает пользователям менять размеры
кадра. По умолчанию, если захватить рамку кадра мышью, появляется
двунаправленная стрелка, которой можно переместить рамку;
- frameborder=""
- задает тип рамки кадра. Значения:
- yes -
рамка имеет 3-х мерную форму,
- no -
рамка плоская;
- bordercolor=""
- задает цвет рамки кадра;
- name=""
- имя кадра, которым метят кадр. Имя
показывает, в какой кадр делать загрузку при ссылке.
-
- <noframes>т</noframes>
- контейнер HTML - текста для броузеров,
которые не поддерживают аппарат кадров. Броузеры, поддерживающие кадры,
игнорируют этот контейнер.
- <!--т-- >
- комментарий в программе для отладки программы,
который не будет виден читателю.
- & . . .
- обозначает имя специального символа, который не
вошел в базовую таблицу кодов ASCII. В отличие от остальных конструкций HTML,
имена специальных символов учитывают регистр клавиатуры. Нельзя, например,
использовать < вместо <.
-
- обозначает пустое место.
-
- Не все теги есть во всех броузерах. Броузер
пропускает теги, которые в нем не реализованы, и просто печатает текст
размещенный в их контейнере.
- Теги разбивки текста
- <h1 a >т</h1>
- <h2 a >т</h2>
- <h3 a >т</h3>
- <h4 a >т</h4>
- <h5 a >т</h5>
- <h6 a >т</h6>
- заголовки стилей 1, 2, 3, 4, 5, 6. В стиле 1 - самый крупный шрифт
броузера, а в стиле 6 - самый мелкий шрифт. Атрибуты:
-
- align=""
- задает
положение заголовка на строке. Значения:
-
- left - выровнять
заголовок по левому краю,
- center - выровнять заголовок по центру,
- right -
выровнять заголовок по правому краю.
- <p a >т</p>
- выделение абзаца. Между абзацами броузер даст
пустую строку. Атрибут:
-
- align="" - задает положение текста абзаца на строке. Значения:
-
- left - выровнять текст
по левому краю,
- center - выровнять
текст по центру,
- right - выровнять текст
по правому краю.
-
- Тега контейнера абзаца:
- <br>
- продолжение текста в контейнере с новой
строки без пропуска строки. Два оператора подряд дают пропуск строки.
- <nobr>т</nobr>
- текст в контейнере не разбивать на строки.
- <hr
a >
- задает горизонтальную линию. Атрибуты:
-
- width="" - длина
линии или в пикселах или в % от ширины окна,
- size="" - ширина
линии,
- color="" - цвет
линии,
- noshade - отменяет
рельефность линии,
- align=""
- положение
линии на строке экрана. Значения:
-
- left - прижать линию к
левому краю,
- center -
расположить линию по центру,
- right - прижать линию к
правому краю.
- <pre a >т</pre>
- контейнер для текста заранее отформатированного в
текстовом редакторе (преформатированного). Применяется только шрифт
фиксированной ширины. Так, как преформатированный текст жестко привязан к
пикселам, могут возникать сложности вывода на экран в другом компьютере.
Допускаются теги <p>, <br>, все теги логического и физического форматирования,
элементы ссылок. Нельзя применять теги <h1>, ... <h6>, <address>. Атрибут:
- width="" -
максимальное число символов в строке.
- Теги логического форматирования текста
Операторы логического форматирования указывают тип текста, а как будет
отображен данный текст, решает броузер читателя.
- <code>т</code>
- машинописный текст. Обычно отображается шрифтом
фиксированной ширины.
- <kbd>т</kbd>
- смоделировать текст, введенный с клавиатуры. Обычно
отображается шрифтом фиксированной ширины.
- <samp>т</samp>
- смоделировать текст, выведенный на печать. Обычно
отображается шрифтом фиксированной ширины.
- <strong>т</strong>
- важный фрагмент. Обычно броузер выделяет его
полужирным шрифтом.
- <em>т</em>
- текст. Обычно выделяется шрифтом со сдвигом или
курсивом.
- <dfn>т</dfn>
- определение. Обычно выделяется курсивом.
- <var>т</var>
- выделить переменные. Обычно отображается шрифтом
фиксированной ширины.
- <cite>т</cite>
- цитата. Обычно выделяется курсивом.
- <blockquote>т</blockquote>
- контейнер для цитаты. Обычно цитата сдвигается вправо.
Этот контейнер удобно использовать для создания полей в документе. Допускаются
теги форматирования текста.
- Теги физического форматирования текста
Операторы физического форматирования непосредственно указывают броузеру
читателя, в каком виде отображать текст из данного контейнера. Контейнеры
физического форматирования могут быть вложены друг в друга.
- <b>т</b>
- выделить текст полужирным шрифтом.
- <i>т</i>
- выделить текст курсивом.
- <tt>т</tt>
- выделить текст шрифтом фиксированной ширины.
- <u>т</u>
- текст подчеркнуть.
- <strike>т</strike>
- перечеркнуть текст горизонтальной линией.
- <big>т</big>
- вывести текст шрифтом большего размера.
- <small>т</small>
- вывести текст шрифтом меньшего размера.
- <sub>т</sub>
- вывести текст , если возможно, шрифтом меньшего
размера и сдвинуть ниже уровня строки.
- <sup>т</sup>
- вывести текст , если возможно, шрифтом меньшего
размера и сдвинуть выше уровня строки.
- <center>т</center>
- вывести текст по центру.
- Описание шрифтов
- <font
a >т</font>
- описывает шрифт текста, помещенного в контейнер.
Контейнер описания шрифта может быть помещен в любой другой контейнер.
Атрибуты:
-
- face="","" ...
- задает имя шрифта или несколько возможных шрифтов.
Броузер берет последующий шрифт, если у него нет предыдущего;
- size=""
- задает размер шрифта: 1, 2, 3, 4, 5, 6, 7. Базовый
размер шрифта - 3. Шрифты могут быть заданы относительно базового +1, -1,
+2, -2, и т.д.;
- color="" - задает цвет шрифта;
- style="" - описание стиля.
- <basefont
a >
- описывает стандартный шрифт для данного WEB -
документа. Действует до следующего тега этого типа. Атрибуты:
-
- face="","" ...
- задает имя шрифта или несколько возможных шрифтов.
Броузер берет последующий шрифт, если у него нет предыдущего;
- size=""
- задает размер шрифта: 1, 2, 3, 4, 5, 6, 7. Базовый
размер шрифта - 3. Шрифты могут быть заданы относительно базового +1, -1,
+2, -2, и т.д.;
- color="" задает цвет шрифта.
- Вставка изображения в документ
- <img a >
- вставляет изображение на WEB-страницу. Атрибуты:
-
- src=""
- URL-адрес файла-изображения с расширением .gif, .jpeg (.jpg), .xbm, или
.png (два последних формата использовать не желательно);
- alt=""
- текст. Описание изображения выводится на место изображения до ввода
изображения, а также появляется, как всплывающая подсказка, если задержать
курсор мыши на изображении. Наличие этого атрибута помогает броузеру быстрее
загружать страницу;
- height=""
- width=""
- задают высоту и ширину изображения, соответственно. (Размер изображения
можно получить из редактора изображений, например, Adobe PhotoShop.
Некоторые броузеры тоже показывают размер файла изображения в строке
названия, если просматривать изображение само по себе, без текста).
- Если загружаемое изображение больше указанных размеров, то оно
уменьшается "втискиванием", а если меньше - растягивается. Можно не задавать
размеры изображения, но наличие этого атрибута помогает броузеру быстрее
загружать страницу;
- border=""
- задает ширину рамки вокруг изображения;
- vspace=""
- hspace=""
- задают расстояние по вертикали и по горизонтали от изображения до кромки
текста, соответственно;
- align=""
- задает положение текста относительно изображения. Значения:
- top - выровнять по верху
строку, следующую за изображением,
- middle - выровнять по
середине строку, следующую за изображением,
- bottom - выровнять по
низу строку, следующую за изображением,
- left - текст должен
обтекать изображение, прижатое к левой стороне окна,
- right - текст должен
обтекать изображение, прижатое к правой стороне окна.
Некоторые WEB-мастеры, чтобы составить из нескольких рисунков один,
используют таблицы без рамок.
Если тег <img src > указывает на изображение,
которого не существует, броузер заменяет его фиктивным изображением. Проверьте,
существует ли на самом деле изображение, на которое выполняется ссылка,
правильно ли задан URL-адрес гиперссылки и установлен ли для файла нужный тип
доступа - чтение для всех.
- Ссылки в HTML - программах
Гипертекстовым документом называется документ, содержащий ссылки на другие
документы, позволяющие при помощи нажатия кнопки мыши быстро переходить от
одного документа к другому не задумываясь, где находится этот документ.
- <a a >т</a>
- контейнер для описания указателя ссылки, как-то: подчеркнутый текст,
маркер - точка, звездочка; пиктограммы - экранные кнопки, рекламные вставки и
т.д. На указателе нужно щелкнуть мышью, чтобы сделать переход по ссылке.
Атрибуты:
-
- title=""
- задает текст, всплывающий, если задержать курсор
мыши на указателе,
- style="" - описание стиля.
- <a a name="" >т</a>
- метка (закладка) внутри текущей HTML - программы. Этим оператором метят
место, куда предполагается делать переходы. Текст контейнера в этом случае
выводится на WEB - странице в место закладки. Обязательный атрибут:
-
- name="" - задает
имя метки из символов латинского алфавита.
- <a a href="" >т</a>
- ссылка. Атрибуты:
-
- href=""
- задает URL - адрес. Адрес может быть
относительный:
- . . . # . . . - имя файла
в пределах данного компьютера плюс имя метки в пределах данного
файла;
- или абсолютный адрес, задающий компьютер, каталог,
файл. Абсолютный адрес может давать переход на любой компьютер сети
Интернет:
- http: // www. ( . . . ) . ( . . . )/ - на WEB -
страницу,
- mailto: ( . . . ) @ ( . . . ) - на электронную почту
- E-mail ,
- news: ( . . . ) . ( . . . ) - на Newsgroup - группу
новостей системы телеконференций UseNet,
- ftp: // ftp. ( . . . ) . ( . . . ) - на FTP - сайты
системы хранения и передачи файлов, где хранятся новые программные продукты,
гостевые файлы (FAQ) и т.д.,
- goppher: // goppher. ( . . . ) . ( . . . )/ - на
сайты системы Gopher,
- wais: // wais. ( . . . ) . ( . . . )/ - на WAIS -
систему больших (распределенных) баз данных,
- telnet: // bbs.( . . . ) . ( . . . )/ - на Telnet -
систему удаленных компьютеров;
- file: //( ... ):\( . . . ) . ( . . . ) - файл с
диска данного компьютера;
- . . . ? . . . - URL -
адрес плюс строка поиска - ссылка на поиск строки.
-
- target=""
- задает имя кадра (фрейма), в который делается загрузка по ссылке - заменяется
содержимое кадра. Можно указывать имя целого экрана. Если этого атрибута
нет, то файл будет выведен в том же окне, где указана ссылка.
Зарезервированные (служебные) имена кадров:
- _blank - загрузить файл в
новое окно без названия;
- _self - загрузить файл в
кадр, откуда делается вызов. Перед новой загрузкой выполняется
очистка;
- _parent - загрузить файл
в старший (родительский) кадр. Заменяет всю сетку кадра. Если старшего кадра
нет, то в кадр вызова;
- _top - загрузить файл в
полное окно. Разрушает всю структуру кадров.
- new - загрузить файл в
новое окно.
- По желанию Народа привожу поясняющий пример: как сделать, чтобы по
ссылке из файла, загруженного в кадр, открывался файл в другом кадре.
- Чтобы по ссылке в "левом" кадре открылся файл в "правом" кадре,
конструкция ссылки в файле, загруженном в "левый" кадр должна быть
такой:
<a href="имя файла#имя
метки" target="правый" >указатель
ссылки</a>,
- где: "имя файла" - имя файла, загружаемого в
"правый" кадр,
"имя
метки" - имя метки в этом файле.
Ссылки могут передаваться на файлы разных форматов:
простой текст |
.txt |
файл PostScript |
.ps |
документ HTML |
.html или .htm |
звуковой файл AIFF |
.aiff |
рисунок GIF |
.gif |
звуковой файл AU |
.au |
рисунок TIFF |
.tiff |
звуковой файл WAV |
.wav |
рисунок X Bitmap |
.xbm |
анимация QuickTime |
.mov |
рисунок JPEG |
.jpg (.jpeg) |
фильм MPEG |
.mpeg (.mpg) |
- HTML-списки
Допускается вложение контейнеров списков всех типов друг в друга и пустые
списки. Броузеры делают отступы вложенного списка относительно внешнего. В
начале и в конце списка делается перевод строки.
- Теги общие для всех типов списков (кроме определений):
-
- <lh> - заголовок списка,
-
- <li> - начало пункта списка.
- Атрибут общий для всех типов списков:
- compact
- представить список в компактном виде
(например, меньшим шрифтом).
- <ol a >т</ol>
- нумерованный список. Атрибуты:
-
- start=""
- устанавливает начальный номер в текущем
списке,
- type=""
- устанавливает тип маркера. Значения:
- A - маркер в виде
прописных букв,
- a - маркер в виде
строчных букв,
- I - маркер в виде больших
римских цифр,
- i - маркер в виде
маленьких римских цифр,
- 1 - маркер в виде
арабских цифр.
- <ul a >т</ul>
- маркированный список. Атрибут:
-
- type=""
- устанавливает тип маркера. Вид маркеров в каждом
броузере свой для разных значений:
- disc, square, circle.
- <menu a >т</menu>
- маркированный список.
- <dir a >т</dir>
- маркированный список.
- <dl a >т</dl>
- список определений. Теги пункта определения:
-
- <dt> - определяемый термин не более строки,
-
- <dd> - обзац определения термина.
- Оба тега определения могут также использоваться отдельно для создания
ненумерованных и немаркированных списков.
- HTML - таблицы
Таблицы могут быть вложены друг в друга.
- <table a >т</table>
- контейнер "Таблица". Атрибуты контейнера "Таблица":
-
- width=""
- height=""
- ширина и высота таблицы в пикселах или в % от ширины и высоты окна,
соответственно;
- border=""
- ширина рамки. Если значение - ноль, то рамка не требуется;
- cellpadding=""
- cellspacing=""
- добавляют свободное пространство между данными ячейки и ее границами, и
между ячейками таблицы, соответственно. Если рамка отсутствует, то отступ от
границы будет равен сумме этих значений;
- align=""
- задает положение данных в ячейках таблицы по горизонтали. Значения:
- left - данные прижать к левому краю ячеек,
- center - данные расположить по центру ячеек,
- right - данные прижать к правому краю ячеек.
-
- Теги контейнера "Таблица":
-
-
- <caption
a >
- заголовок таблицы. Атрибут:
-
- align=""
- задает место заголовка. Значения:
- top - заголовок над таблицей,
- bottom - заголовок под таблицей.
-
- <tr a >т</tr>
- контейнер строки таблицы. Если контейнер пуст - строка пустая.
Заданные атрибуты строки подавляют атрибуты таблицы. Атрибуты строки:
-
- bgcolor=""
- задает цвет фона ячеек строки;
- bordercolor=""
- задает цвет рамки к ячейкам строки;
- valign=""
- задает положение данных в ячейке по вертикали. Значения:
- baseline - данные располагать в ячейках
по базовой линии строки,
- bottom - данные прижимать к нижнему краю
ячеек строки,
- middle - данные располагать по центру
ячеек в строке,
- top - данные прижимать к верхнему краю
ячеек строки.
- <th a >т</th>
- контейнер ячейки "Заголовок": заголовок столбца или строки. По
умолчанию текст в этой ячейке показывается жирным шрифтом по центру.
Атрибуты:
-
- align=""
- задает положение данных в ячейке "Заголовок" по горизонтали.
Значения:
- left - заголовок прижать к левому краю
ячейки,
- center - заголовок расположить по центру
ячейки,
- right - заголовок прижать к правому краю
ячейки;
- valign=""
- задает положение данных в ячейке "Заголовок" по вертикали. Значения:
- bottom - заголовок прижать к нижнему краю
ячейки,
- middle - заголовок расположить по центру
ячейки,
- top - заголовок прижать к верхнему краю
ячейки;
- colspan=""
- задает число ячеек, объединяемых в одну на строке;
- rowspan=""
- задает число ячеек, объединяемых в одну в столбце.
- <td a >т</td>
- контейнер ячейки таблицы. Если контейнер пуст или содержит значение
- ячейка пустая. Заданные атрибуты ячейки подавляют атрибуты
строки и таблицы. Атрибуты ячейки:
-
- width=""
- height=""
- ширина и высота ячейки в пикселах или в % от ширины и высоты окна,
соответственно;
- align=""
- задает положение данных в ячейке по горизонтали. Значения:
- left - данные прижать к левому краю
ячейки,
- center - данные располагать по центру
ячейки,
- right- данные прижать к правому краю
ячейки;
- valign=""
- задает положение данных в ячейке по вертикали. Значения:
- baseline - данные расположить в ячейке по
базовой линии,
- bottom - данные прижать к нижнему краю
ячейки,
- middle - данные расположить по центру
ячейки,
- top - данные прижать к верхнему краю
ячейки;
- bgcolor=""
- задает цвет фона ячейки;
- bordercolor=""
- задает цвет рамки к ячейке;
- colspan=""
- задает число ячеек, объединяемых в одну на строке;
- rowspan=""
- задает число ячеек, объединяемых в одну в столбце;
- nowrap
- отмена переноса слов на другую строку внутри ячейки.
- Задание бегущей строки
- <marquee a >т</marquee>
- контейнер изображения для анимации. Атрибуты:
-
- width=""
- height=""
- ширина и высота бегущей строки в пикселах или в % от ширины и высоты
окна, соответственно;
- align=""
- задает положение изображения относительно бегущей строки по вертикали.
Значения:
- top - изображение выровнять по верхнему
краю строки,
- middle - изображение расположить по
середине строки,
- bottom - изображение выровнять по нижнему
краю строки;
- bgcolor="" - цвет бегущей строки;
- behavior="" - задает тип движения.
Значения:
- scroll - прокрутить,
- slide - слайды,
- alternate - поочередно менять направление
(качание);
- direction=""
- задает направление движения. Значения:
- left - изображение
движется влево по строке,
- right - изображение
движется вправо по строке;
- scrollamount=""
- scrolldelay=""
- задают скорость перемещения: число пикселов, на
которое должно переместиться изображение за заданное число миллисекунд,
соответственно;
- loop=""
- задает число повторов анимации. По умолчанию
повторять непрерывно.
Это, конечно, не всё, что есть на сегодняшний день, но этой информации будет более чем достаточно
для создания своего сайта с постепенным его усовершенствованием (ведь не всё можно предусмотреть).
Желаю удачи!
|