Версия для печати темы

Нажмите сюда для просмотра этой темы в обычном формате

TvoiForum.Net.Ru - Всё, что надо от жизни! _ Материалы по WEB-программированию _ Html

Автор: Romeo 23.2.2007, 16:49

Думаю тема будет актуальна smile.gif

У меня пока 2 вопроса
1. Зачем нужен тег TBODY

2. недавно встретил следующую констукцию

Код
<A title="Текст" href="адрес ссылки">
<IMG  src="/images/ban88.gif" align=absMiddle  border=0></A>

как я понял title в данном случае заменяет alt в теге IMG или еще имеет значение для раскрутки? ведь тег title имеет большое значение для поисквых машин
align=absMiddle что значит abs ? unknw.gif

Автор: Созидатель 23.2.2007, 17:23

1.

Тег TBODY

Описание

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

Допускается применять несколько тегов <TBODY> внутри контейнера <TABLE>. Доступны и другие виды группировок строк - <TFOOT> и <THEAD>, ни один из них не должен перекрываться с элементом <TBODY>.

Синтаксис
Код

<table>
<thead>...</thead>
<tfoot>...</tfoot>

<tbody>
  <tr>
   <td> ... </td>
  </tr>
</tbody>
</table>

Параметры

align
Определяет выравнивание текста в строке.
bgcolor
Цвет фона ячеек, которые расположены внутри контейнера <TBODY>.
valign
Выравнивание содержимого ячеек по вертикали.

Закрывающий тег

Не обязателен.

Пример 1. Использование тега <TBODY>
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<table width="600" border="1">
<tbody align="right">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</tbody>
</table>
</body>
</html>

Описание параметров тега <TBODY>

Параметр ALIGN
Описание

Задает выравнивание по горизонтали содержимого строк ячеек, которые расположены внутри элемента <TBODY>. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте параметр align для тега <TD> или <TH>.
Синтаксис
Код

<tbody align="left | center | right | justify">...</tbody>

Аргументы

left
Выравнивание по левому краю.
center
Выравнивание по центру.
right
Выравнивание по правому краю.
justify
Выравнивание по ширине (одновременно по правому и левому краю).

Значение по умолчанию

left
Аналог CSS

text-align

Пример 2. Выравнивание в строке
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<table width="600" border="1" cellspacing="0" bordercolor="#333333">
<thead align="center" bgcolor="#ffcc00">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</thead>
<tbody align="right">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</tbody>
</table>
</body>
</html>

Параметр BGCOLOR
Описание

Устанавливает цвет фона ячеек, расположенных в контейнере <TBODY>.
Синтаксис
Код

<tbody bgcolor="цвет">...</tbody>

Аргументы

Значение цвета можно задавать двумя способами.
1. По его названию

Браузеры поддерживают некоторые цвета по их названию.
2. По шестнадцатеричному значению

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.
Значение по умолчанию

Зависит от браузера и его версии, обычно используется белый цвет фона.
Аналог CSS

background-color

Пример 3. Цвет фона
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<table width="600" border="1" cellspacing="0" bordercolor="#333333">
<thead align="center" bgcolor="#ffcc00">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</thead>
<tbody align="right" bgcolor="silver">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</tbody>
</table>
</body>
</html>

Параметр VALIGN
Описание

Устанавливает вертикальное выравнивание содержимого ячеек в контейнере <TBODY>. По умолчанию контент ячейки располагается по ее вертикали в центре.
Синтаксис
Код

<tbody valign="top | middle | bottom | baseline">...</tbody>

Аргументы

top
Выравнивание содержимого ячеек по верхнему краю строки.
middle
Выравнивание по середине.
bottom
Выравнивание по нижнему краю.
baseline
Выравнивание по базовой линии, при этом происходит привязка содержимого ячеек строки к одной линии.

Значение по умолчанию

middle
Аналог CSS

vertical-align

Пример 4. Выравнивание по вертикали
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<table width="600" border="1" cellspacing="0" bordercolor="#333333">
<tbody align="right" valign="top">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</tbody>
</table>
</body>
</html>


2.
Тег A, параметр TITLE


Описание

Добавляет поясняющий текст к ссылке в виде всплывающей подсказки. Такая подсказка отображается, когда курсор мыши задерживается на ссылке.
Синтаксис
Код

<a title="текст">...</a>

Обязательный параметр

Нет.
Аргументы

Любая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки.
Значение по умолчанию

Нет.

Пример 4. Создание всплывающей подсказки
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>

<a href="zoo.html" title="Рисунки различных животных и не только...">Рисунки</a>
</body>
</html>


3.

absmiddle Выравнивание середины изображения по середине текущей строки.
По-моему, исчерпывающе... happy.gif

Автор: Romeo 23.2.2007, 21:53

Спасибо, вроде не первый день с html, а некоторых тонкостей не знал
можно еще вопросик?
хотелось бы узнать параметры тега <iframe>...</iframe> (плавающий фрейм)

Автор: Созидатель 23.2.2007, 22:32

Цитата(Romeo @ 23.2.2007, 21:53) *

Спасибо, вроде не первый день с html, а некоторых тонкостей не знал
можно еще вопросик?
хотелось бы узнать параметры тега <iframe>...</iframe> (плавающий фрейм)

Мне пора уже выдавать молоко за усердие! happy.gif Ладно, чего не сделаешь для других! happy.gif (Принимаю + в репу blush2.gif crazy.gif happy.gif )

Тег IFRAME

Описание

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

Тег <IFRAME> является контейнером, содержание которого игнорируется браузерами, не поддерживающих данный тег. Для таких браузеров можно указать альтернативный текст, который увидят пользователи. Он должен располагаться между элементами <IFRAME> и </IFRAME>.
Синтаксис
Код

<iframe>...</iframe>

Параметры

align
Определяет как фрейм будет выравниваться по краю, а также способ обтекания его текстом.
frameborder
Устанавливает, отображать границу вокруг фрейма или нет.
height
Высота фрейма.
hspace
Горизонтальный отступ от фрейма до окружающего контента.
name
Имя фрейма.
scrolling
Способ отображения полосы прокрутки во фрейме.
src
Путь к файлу, содержимое которого будет загружаться во фрейм.
vspace
Вертикальный отступ от фрейма до окружающего контента.
width
Ширина фрейма.

Закрывающий тег

Обязателен.

Пример 1. Использование тега <IFRAME>
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>

<iframe src="banner.html" width="468" height="60" hspace="10" vspace="10" align="center>
Ваш браузер не поддерживает плавающие фреймы!
</iframe>
</body>
</html>

Описание параметров тега <IFRAME>
Параметр ALIGN
Описание

Для плавающего фрейма можно указать его положение на веб-странице или задать способ обтекания текстом или другими элементами веб-страницы. Способ выравнивания задается параметром align тега <IFRAME>.
Синтаксис
Код

<iframe align="absmiddle | baseline | bottom | left | middle | right | texttop | top">...</iframe>

Аргументы

absmiddle
Выравнивание середины фрейма по середине текущей строки.
baseline
Выравнивание фрейма по базовой линии текущей строки.
bottom
Выравнивание нижней границы фрейма по окружающему тексту.
left
Выравнивает фрейм по левому краю окна.
middle
Выравнивание середины фрейма по базовой линии текущей строки.
right
Выравнивает фрейм по правому краю окна.
texttop
Верхняя граница фрейма выравнивается по самому высокому текстовому элементу текущей строки.
top
Верхняя граница фрейма выравнивается по самому высокому элементу текущей строки.

Наиболее популярные параметры — left и right, создающие обтекание текста вокруг фрейма. Чтобы текст не прилегал плотно к содержимому фрейма, рекомендуется в теге <IFRAME> добавить параметр hspace и vspace, задающих расстояние до текста в пикселах.
Значение по умолчанию

bottom

Пример 2. Выравнивание плавающего фрейма
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<iframe src="square.html" width="220" height="20" align="right"></iframe><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
</body>
</html>

Параметр FRAMEBORDER
Описание

По умолчанию вокруг содержимого фрейма рисуется рамка с эффектом трехмерности. Чтобы ее скрыть применяется параметр frameborder.
Синтаксис
Код

<iframe frameborder="yes | no">...</iframe>
<iframe frameborder="0 | 1"> ...</iframe>

Аргументы

yes (или 1)
Отображает рамку вокруг фрейма.
no (или 0)
Скрывает рамку вокруг фрейма.

Значение по умолчанию

1

Пример 3. Сокрытие исходной рамки вокруг фрейма
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<iframe src="sample.html" width="340" height="50" frameborder="0" style="border: 2px solid black"></iframe>
</body>
</html>

Параметр HEIGHT и WIDTH
Описание

Для изменения размеров фрейма средствами HTML предусмотрены параметры width и height. Допускается использовать значения в пикселах или процентах. Если установлена процентная запись, то размеры фрейма вычисляются относительно родительского элемента — контейнера, где находится тег <IFRAME>. В случае отсутствия родительского контейнера, в его качестве выступает окно браузера. Иными словами, width="100%" означает, что фрейм будет занимать всю ширину веб-страницы.

Если значение высоты или ширины не заданы, то фрейм автоматически принимает размер 300 х 150 пикселов.
Синтаксис
Код

<iframe height="высота">...</iframe>
<iframe width="ширина">...</iframe>

Аргументы

Любое целое положительное число в пикселах или процентах.
Значение по умолчанию

width — 300 пикселов, height — 150 пикселов.

Пример 4. Ширина и высота фрейма
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<iframe src="sample.html" width="150" height="150"></iframe>
</body>
</html>

Параметр HSPACE и VSPACE
Описание

Для любого фрейма можно задать невидимые отступы по горизонтали и вертикали с помощью, соответственно, параметров hspace и vspace. Особенно это актуально при обтекании содержимого фрейма текстом. В этом случае, чтобы текст не «наезжал» плотно на границу фрейма, необходимо вокруг него добавить пустое пространство.
Синтаксис
Код

<iframe hspace="поля по горизонтали">...</iframe>
<iframe vspace="поля по вертикали">...</iframe>

Аргументы

Любое целое положительное число в пикселах.
Значение по умолчанию

0

Пример 5. Поля вокруг фрейма
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<iframe src="sample.html" width="150" height="150" hspace="5" vspace="7"></iframe>
</body>
</html>

Параметр NAME
Описание

В обычном HTML-документе при переходе по ссылке, в окне браузера текущий документ заменяется новым. Чтобы направить содержимое во фрейм, он должен иметь уникальное имя, задаваемое атрибутом name. В этом случае при создании ссылки у тега <A> требуется указать параметр target, в качестве значения которого выступает имя фрейма.
Синтаксис
Код

<iframe name="имя">...</iframe>

Аргументы

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

Нет.

Пример 6. Открытие ссылки во фрейме
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<iframe name="hero" src="0.html" width="600" height="100" hspace="5" vspace="5" align="center">
</iframe>

<p><a href="1.html" target="hero">Чебурашка</a><br>
<a href="2.html" target="hero">Крокодил Гена</a><br>
<a href="3.html" target="hero">Шапокляк</a>
</body>
</html>

Параметр SCROLLING
Описание

Если содержимое фрейма не помещается в отведенные размеры, автоматически появляются полосы прокрутки для просмотра информации. В некоторых случаях, полосы прокрутки нарушают дизайн веб-страницы, поэтому от них можно отказаться. Для управления отображением полос прокрутки используется параметр scrolling.
Синтаксис
Код

<iframe scrolling="auto | no | yes">...</iframe>

Аргументы

auto
Полосы прокрутки добавляются браузером только по необходимости, в том случае, когда содержимое фрейма превышает его видимую часть.
no
Запрещает отображение полос прокрутки.
yes
Всегда вызывает появление полос прокрутки, независимо от объема информации.

Значение по умолчанию

auto

Пример 7. Сокрытие полос прокрутки
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<iframe src="sample.html" width="150" height="450" scrolling="no"></iframe>
</body>
</html>

Параметр SRC
Описание

Указывает адрес файла (URL), который будет загружаться во фрейм. Это может быть HTML-документ, изображение или серверная программа. Допустимо использовать не только путь к файлу, но также имя функции JavaScript, которое возвращает значение.
Синтаксис
Код

<iframe src="URL">...</iframe>

Аргументы

В качестве значения принимается полный или относительный путь к файлу.
Значение по умолчанию

Нет.

Пример 8. Путь к файлу
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<iframe src="/source/sample.html" width="450" height="450"></iframe>
</body>
</html>



Надеюсь, теперь lad окончательно убедился (если он сомневался), что выбрал довольно мудрого библиотекаря, который может помочь посетителям... crazy.gif happy.gif

Автор: Romeo 8.9.2007, 4:30

Ну на даже я вот думал, чьо я уже со всеми тэгами сталкивался а тут... впрочем я сам нашел ответ, может кому и понадобиться
Тэг <bdo> предназначен для определения направления чтения (справа налево или слева направо) документа или его части. Между открывающим и закрывающим тэгами присутствует параметр dir, имеющий значение rtl - right to left или ltr - left to right. При помощи параметра lang можно задать также языковую кодировку.
Например:

Код

<bdo dir="rtl"> Текст справа налево </bdo>

Автор: Romeo 27.10.2007, 17:20

Есть форма

Код

<form action=voit.php>
<select name='vote' id='vote'>
<option value=1>1</option>
<option value=2>2</option>
</select>
<input type='text' name='number' >
<input type='submit' value='Submit Order'>
</form>>

Как сделать так чтобы результат обработки выводился в новом окне с размерами окна 400*400

Автор: Romeo 28.10.2007, 11:37

Решилк так

Код

<script laguage=javascript' type='text/javascript'>
function onsub(f)
{
x = numbers.value;
xxx = encodeURIComponent(x);
r = voite.value;
xx = encodeURIComponent(r);
ref = 'vote.php?name=".$id."&number=".$number."&vote=' + xx + '&numbers=' + xxx;
win = window.open(ref, 'voting','width=400, height=400');
return false;
}
</script>

<form onSubmit='return onsub(this);' method=post>
<input id='numbers' type='text' name='numbers'>
<select name='voite'id='voite'>
<option value=1>1</option>
<option value=2>2</option>
</select>

<input type='submit' value='Submit Order'>
</form>

Выгдедит кривова-то, но зато работает smile.gif

Русская версия Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)