mangiana_irina (mangiana_irina) wrote,
mangiana_irina
mangiana_irina

Готовые шаблоны таблиц с формулами

УРОК ОТ ДЖУЛИИ



Построим простейшую таблицу, состоящую из одной строки и двух столбцов.
<table><tr><td>Текст1</td><td>Текст2</td></tr></table>
Текст1 Текст2


Теперь добавим рамку к нашей таблице. Для этого нужно в тег <table> добавить border="3" Этот параметр определяет ширину бордюра таблицы. Усли нужна рамка толщиной 10 пиксель то 3 меняем на 10. А если мы хотим сделать нашу таблицу на каком-нибудь фоне, то добавим к таблице параметр background и укажем адрес нашего фона

<table border="3" background="http://s60.radikal.ru/i170/0905/cf/597b1b96c0fc.jpg"><tr><td>Текст1</td><td>Текст2</td></tr></table>

Текст1 Текст2


Теперь создадим вот такую таблицу

Первая строка. Текст1 Первая строка. Текст2
Последняя строка. Текст1 Последняя строка. Текст2
Текст1 Текст2


<table border="1" width="100%"><thead align="left"><tr><td>Первая строка. Текст1</td><td>Первая строка. Текст2</td></tr></thead><thead align="right"><tr><td>Последняя cтрока.Текст1</td><td>Последняя строка. Текст2</td></tr></thead><tbody align="center"><tr><td>Текст1</td><td>Текст2</td></tr></tbody></table>

В первой строке текст размещен слева, в последней строке - справа, а в центральной строке - посередине

Таблица с заголовками

Тег <th> предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная.

Располагается этот тег только внутри тега <tr>

<table border="1" width="70%"><tbody align="center"><tr><th>Заголовок1</th><th>Заголовок2</th></tr><tr><td>Текст1</td><td>Текст2</td></tr></tbody></table>



Заголовок1

Заголовок2
Текст1 Текст2


Объеденим несколько ячеек таблицы. Для этого в теге <td> нужно указать colspan - объединяет горизонтальные ячейки, rowspan - вертикальные

Объеденим 2 ячейки первой строки в одну ячейку

<table border="1" width="70%"><tbody align="center"><tr><td colspan="2" rowspan="1">Текст1</td></tr><tr><td>Текст2</td><td>Текст3</td></tr></tbody></table>


Текст1
Текст2 Текст3


Объеденим 2 ячейки первого столбца в одну ячейку

<table border="1" width="70%"><tbody align="center"><tr><td colspan="1" rowspan="2">Текст1</td><td>Текст2</td></tr><tr><td>Текст3</td></tr></tbody></table>


Текст1 Текст2
Текст3


Параметры тега <table> cellpadding - отступ от рамки до содержимого ячейки и cellspacing- расстояние между ячейками.

<table border="1" cellspacing="10" cellpadding="30"><tbody align="center"><tr><td>Текст1</td><td>Текст2</td></tr><tr><td>Текст3</td><td>Текст3</td></tr></tbody></table></td></tr></table>


Текст1 Текст2
Текст3 Текст3


Желаю удачи!
Источник: blogs.mail.ru/mail/moisin/tag/%ef%ee%ec%ee%f9%fc%20%e1%eb%ee%e3%e3%e5%f0%f3

************************************************

Таблица

<table border="1" width="300"> <tr align="center"><td width="60">1 ячейка</td> <td width="60">2 ячейка</td> <td width="60">3 ячейка</td> </tr><tr align="center"> <td width="60">4 ячейка</td> <td width="60">5 ячейка</td> <td width="60">6 ячейка</td> </tr><tr align="center"> <td width="60">7 ячейка</td> <td width="60">8 ячейка</td> <td width="60">9 ячейка</td></tr></table></b></em></font></center></strong> </fieldset></center></font></td></tr></table>


************************************************

ТАБЛИЦЫ ОТ ЭЛЕН ДАРСИ

ячейка 1ячейка 2
ячейка 3
ячейка 4
ячейка 5

<table border="1" width="349"><tr><td width="59" height="110" rowspan="4">ячейка 1</td><td width="274">ячейка 2</td></tr><tr><td width="274" height="13">ячейка 3</td></tr><tr><td width="274" height="13">ячейка 4</td></tr><tr><td width="274" height="14">ячейка 5</td></tr></table>

ячейка 1ячейка 5
ячейка 2
ячейка 3
ячейка 4

<table border="1" width="350"><tr><td width="271">ячейка 1</td><td width="63" rowspan="4">ячейка 5</td></tr><tr><td width="271">ячейка 2</td></tr><tr><td width="271">ячейка 3</td></tr><tr><td width="271">ячейка 4</td></tr></table>

ячейка 1ячейка 2ячейка 6
ячейка 3
ячейка 4
ячейка 5

<table border="1" width="350"><tr><td width="63" rowspan="4">ячейка 1</td><td width="202">ячейка 2</td><td width="63" rowspan="4">ячейка 6</td></tr><tr><td width="202">ячейка 3</td></tr><tr><td width="202">ячейка 4</td></tr><tr><td width="202">ячейка 5</td></tr></table>

ячейка 1ячейка 5ячейка 6
ячейка 2ячейка 7
ячейка 3ячейка 8
ячейка 4ячейка 9

<table border="1" width="350"><tr><td width="63">ячейка 1</td><td width="202" rowspan="4">ячейка 5</td><td width="63">ячейка 6</td></tr><tr><td width="63">ячейка 2</td><td width="63">ячейка 7</td></tr><tr><td width="63">ячейка 3</td><td width="63">ячейка 8</td></tr><tr><td width="63">ячейка 4</td><td width="63">ячейка 9</td></tr></table>

ячейка 1

ячейка 2

ячейка 5ячейка 8ячейка 11
ячейка 3ячейка 6ячейка 9ячейка 12
ячейка 4ячейка 7ячейка 10ячейка 13

<table border="1" width="350"><tr><td width="340" colspan="4">ячейка 1</td></tr><tr><td width="67"><p>ячейка 2</p></td><td width="95">ячейка 5</td><td width="95">ячейка 8</td><td width="65">ячейка 11</td></tr><tr><td width="67" height="15">ячейка 3</td><td width="95" height="15">ячейка 6</td><td width="95" height="15">ячейка 9</td><td width="65" height="15">ячейка 12</td></tr><tr><td width="67" height="12">ячейка 4</td><td width="95" height="12">ячейка 7</td><td width="95" height="12">ячейка 10</td><td width="65" height="12">ячейка 13</td></tr></table>

ячейка 1ячейка 4ячейка 7ячейка 10
ячейка 2ячейка 5ячейка 8ячейка 11
ячейка 3ячейка 6ячейка 9ячейка 12
ячейка 13

<table border="1" width="349"><tr><td width="68">ячейка 1</td><td width="95">ячейка 4</td><td width="90">ячейка 7</td><td width="68">ячейка 10</td></tr><tr><td width="68">ячейка 2</td><td width="95">ячейка 5</td><td width="90">ячейка 8</td><td width="68">ячейка 11</td></tr><tr><td width="68">ячейка 3</td><td width="95">ячейка 6</td><td width="90">ячейка 9</td><td width="68">ячейка 12</td></tr><tr><td width="339" colspan="4">ячейка 13</td></tr></table>

Автор: ~ЭЛЕН ДАРСИ~ /mail/asuyta_2006/
Tags: таблицы, уроки, шаблоны
Subscribe

Posts from This Journal “таблицы” Tag

  • КАРТИНКИ В РЯД

    2 картинки - <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td>…

  • РАЗБИВКА ТЕКСТА НА ДВЕ КОЛОНКИ

    Если вам по каким-то причинам нужно разбить текст на две колонки, то можно воспользоваться вот этими формулами: <table…

  • УРОК ПО ТАБЛИЦАМ

    Сегодня я расскажу Вам, о таблицах. Много говорят и пишут о них но мало кто понимает для чего они нужны..Мы обычно отмахиваемся от того что нам…

  • УРОК ПО ТАБЛИЦАМ

    Сегодня мы поговорим не о том как выстроить в своем посте фото, картинки и разную разность..а о том как удобнее расположить в посте картинки и…

  • ТЕКСТ МЕЖДУ КАРТИНОК

    Текст между двух картинок! По сути, это та же таблица, только без рамки. Итак, формула: <table align=center…

promo mangiana_irina april 22, 2016 06:42 41
Buy for 30 tokens
Эти по-настоящему крутые иллюзии канадского художника Роба Гонзалеса удивят тебя не на шутку. Глядя на картину невозможно понять, где заканчивается реальность и начинается иллюзия. Роб начал интересоваться искусством еще в детстве. В 12 лет он начал писать картины, но в то время еще не мог…
  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 2 comments