ALIGN-расположение текста в ячейках строки: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (по центру), ALIGN=RIGHT (вправо).
VALIGN -вертикальное выравнивание текста в ячейках строки: VALIGN=TOP (по верхнему краю), VALIGN=MIDDLE (по центру), VALIGN=BOTTOM (по нижнему краю).
Ячейки таблицы обмечаются метками <TD> и </TD>, внутри которых могут присутствовать следующие атриббуты:
NOWRAP
-что содержимое ячейки должно быть показано в одну строку.
COLSPAN - размах ячейки по горизонтали в колонках: COLSPAN=3- что ячейка занимает три колонки.
ROWSPAN
-размах ячейки по вертикали в строках: ROWSPAN=3- что ячейка занимает три строки.
ALIGN
-выравнивание текста в ячейке: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (по центру), ALIGN=RIGHT (вправо).
VALIGN
-вертикальное выравнивание текста в ячейке:VALIGN=TOP (по верхнему краю), VALIGN=MIDDLE (по центру), VALIGN=BOTTOM (по нижнему краю).
WIDTH
-ширина ячейки в пикселах (напр. WIDTH=500).
HEIGHT
-высота ячейки в пикселах (напр. HEIGHT=500).
И пример:
| Метки и атриббуты тела таблицы | Метки и атриббуты ячеек |
| Метки и атриббуты строк |
Код:
<TABLE BORDER=1> <CAPTION> <!- Заголовок таблицы--> Изучение создания таблиц </CAPTION> <TR> <!--Первая строка--> <TD> Метки и атриббуты тела таблицы </TD> <TD>Метки и атриббуты ячеек</TD> </TR>
<TR> <!--Вторая строка--> <TD> Метки и атриббуты строк </TD> <TD> </TD> </TR></TABLE>
Обратите внимание, что для показа пустой ячейки, в нее надо включить невидимый символ, напр. - пробел.
Ссылки
на рисунки и гиперссылки.
Самым сложным в этих, наиболее простых, операциях создания веб документа, является установка правильного пути
к файлу, который может быть локальным и полным: если вы представляете себе структуру собственного сайта, то путь к нужному документу может быть локальным:
<а href="../index.html">ваш текст</a> -переход на нашу титульную.
А это полный путь к тому же файлу:<а href= "http://education.kulichki.net/index.html">ваш текст</a>
В первом случае удобнее проверять правильность установки всех ссылок большого документа, второй- удобнее для тех кто загрузит вашу страничку и захочет позже зайти на указанную ссылку. Разумеется, в первом случае никто никуда не попадет.
Цвет гиперссылок определяется метками link, vlink, alink: link="#00e900"-нехоженная гиперссылка, vlink="#ff0f00"- просмотренная гиперссылка, alink="#b9b500" -цвет перед посещением.
Ccылка на конкретную строку в документе возможна, если этой строке присвоено имя атрибутом NAME:
<A NAME="001">Строка о любви и дружбе </A>, теперь ссылка на эту строку внутри документа:
<A HREF="#001">Почитаем строку о любви и дружбе</A> и ссылка на эту же строку из другого документа:
<A HREF="love.htm#AAA">А вы читали строку о любви и дружбе ?</A>
Если вы укажите путь к файлу на ftp сервере, то это будет путем загрузки даного файла.
Cсылка mailto на почтовую программу: <A HREF="mailto:nospam@email.ru">Письмо автору</A>
Вставка рисунков в нужном месте меткой IMG SRC: <IMG SRC="picture.gif" ALT="Рисунок">, атриббут ALT определяет надпись во время загрузки картинки.
Фреймы
Довольно часто встречаются документы, разбитые на части, называемые фреймами. Это удобно для
создания напр., постояного меню или обрамления рисунком меняющегося содержания. Один из их недостатков- глюки для поисковых серверов.
Документ, содержащий фреймы состоит из главного htm-файла (напр.,index.htm), с ссылками и разметкой расположения фреймов и собственно файлов фреймов (напр.menue.htm и content.htm).
Код для index.htm:
<HTML> <TITLE>Название вашего ресурса</TITLE> <FRAMESET cols="100,*"> <FRAME SRC="menue.htm" NAME="frame1"> <FRAME SRC="content.htm" NAME="frame2"> </FRAMESET> </HTML>
Здесь тег <FRAMESET>определяет количество рядов ROWS или столбцов COLS , а также их размеры и расположение. Существует три способа задания их размера:
-в пикселах (как в примере)
-процентами -сколько процентов от окна браузера вы хотите отдать фрейму с знаком % .
-звездочка - все оставшееся место в окне равняется значку *, как в примере.
здесь же можно задать толщину разграничительной линии и окаймляющей рамки командами FRAMEBORDER="X" и BORDER="Y" где x и y толщина в пикселах.
FRAME SRC- имя файла, который будет грузиться в фрейме, NAME- имя фрейма.
|
<FRAMESET cols="100,*"> <FRAME SRC="menue.htm" NAME="Frame1"> <FRAME SRC="сontent.htm" NAME="Frame2"> </FRAMESET> |
Наличие или отсутствие полосы прокрутки на фрейме определяется тегом SCROLLING="yes" ( " no" или "auto")
По HTML, собственно и все, есть некоторые тонкости, но я или рассмотрю их в программировании, или они несущественны.
|
