[Поддержка ролевых Коты - Воители] |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » [Поддержка ролевых Коты - Воители] » .Полезные статьи » .Как сделать таблицу?
Как же сделать таблицу самому? Хотите научится. Вот вам статья. учу делать простые таблицы.
Сначала пишем:
<table>
</table>
Укажи ширину(этот код ставиться между <table и >:
width:100%
Следом мы должны указать количество строк(так указывается одна строка):
<tr>
Здесь будут столбцы
</tr>
Должно получиться:
<table width=100%>
<tr>
Здесь будут столбцы
</tr>
</table>
Теперь мы должны создать столбцы. Без столбцов ты не сможешь писать в таблице. Можно создать не больше 10 столбцов. Вот код одного столбца. Он вставляется между <tr> и </tr>:
<td>Здесь будет текст</td>
Таким образом у вас должго получиться
<table width:100%>
<tr>
<td>Здесь будет текст</td>
</tr>
</table>
Должен получиться вот такой прямоугольник
Текст! |
Попробуйте добавить ещё:
<td>Здесь будет текст</td>
Получиться
<table width:100%>
<tr>
<td>Здесь будет текст</td>
<td>Здесь будет текст</td>
</tr>
</table>
У меня получилось два столбца.
Текст | Текст |
Также вы можете создать больше столбцов и строк например:
<table><tr>
<td>Левый верхний угол</td>
<td>Верх середина</td>
<td>Правый верхний угол</td>
</tr>
<tr>
<td>Нижний левый угол</td>
<td>Середина нижняя</td>
<td>Нижний правый угол</td>
</tr></table>
Левый верхний угол | Верх середина | Правый верхний угол |
Нижний левый угол | Середина нижняя | Нижний правый угол |
Если вы хотите чтобы границ не было видно нужно вставить в <table Cюда > вот этот кодик: border=0, или можно сделать границы ещё толще. Просто поменяйте 0 на что нибудь не больше 10(потому что это точно уже никто не выберет)
Другие коды(вставляются <table Cюда > :
bgcolor — цвет фона таблицы;
width — ширина таблицы (лучше писать в процентах)
cellpadding— отступ в пикселях содержимого ячеек от их границ.
Примеры скоро покажу.
<table bgcolor="цвет">
<table width="Число %">
<table cellpadding="Число">
<tr сюда>
align (значение left, right или center) — выравнивание содержимого в ячейках;
valign (значение top — по верху ячеек, bottom — по низу, center — по центру) — вертикальное выравнивание содержимого в ячейках;
bgcolor — фон ячеек в данной строке.
Например:
<tr align="center">
<tr valign="center">
<tr bgcolor="#666666">
И <td Сюда>
bgcolor — цвет фона ячейки;
background — фоновое изображение ячейки;
width— длина ячейки;
align — выравнивание содержимого в ячейке (left, right, center);
valign— вертикальное выравнивание (top, bottom, center);
colspan — объединение указанного кол-ва столбцов;
rowspan — объединение указанного кол-ва строк;
nowrap — отключение автопереноса текстовых строк в пределах ячейки.
Например:
<td bgcolor="red" background="rose.jpg" width="200" align="center" valign="center" colspan="2">
В примере можно менять то что написано синим цветом.
Вы здесь » [Поддержка ролевых Коты - Воители] » .Полезные статьи » .Как сделать таблицу?