Нарисовать и вывести таблицу умножения в PHP

Таблица умножения через php... Требуется написать код, который обрисует таблицу умножения через php! Это задачка, которая встречается в учебнике по php!

Как нарисовать таблицу умножения через php!?

1. Условие задачи – нарисовать таблицу умножения в PHP
2. Алгоритм и создание скрипта - таблица умножения на php
   
   1. Скачать
3. Видео - создание таблицы умножения через php
   
   1. Скачать
   2. пример
4. Пример таблицы умножения на jquery
5. P.S.
6. Вывод.

Условие задачи – нарисовать таблицу умножения в PHP

Используя циклы нарисуйте таблицу умножения в виде HTML-таблицы на следующих условиях Число столбцов должно быть равно значению переменной $cols

Число строк должно быть равно значению переменной $rows

Ячейки на пересечении столбцов и строк должны содержать значения, являющиеся произведением порядковых номеров столбца и строки

Необходимо выделить первую строку и первый столбец.

Рекомендуется использовать цикл for.

Можно сразу посмотреть, как таблица умножения у нас получилась




Алгоритм и создание скрипта - таблица умножения на php

Присвоим строкам и столбцам переменные и поставим равными  максимальному числу, а в таблице умножения  - это 10.

$cols = 10;
$rows = 10;

Для того, чтобы у нас получилась таблица умножения, нам нужно сделать два цикла.

Первый цикл:

Где -$tr – переменная строки, начинаем с единицы -  ($tr = 1,  значение переменной от 1 до меньше или равно

переменной строки -  $rows - $tr <= $rows;, с шагом  +1 - ; $tr ++)

for ($tr = 1; $tr <= $rows; $tr ++)

Напишем сразу таблицу и добавим бордюр:

echo " <table border="1"> ";

echo "</table>";

Также откроем и закроем строку:

echo "<tr>";

echo "</tr>";

и внутри строки поставим цикл с ячейками:

for($td = 1;$td <=$cols; $td++)

{

echo "<td> </td>"; 

}

Полный код у нас получится:

<?php
$rows = 10;
$cols = 10;
for ($tr = 1; $tr <= $rows; $tr ++)
{
echo "<table  border='1' >";
echo "<tr>";
  for($td = 1;$td <=$cols; $td++)
  {
  echo "<td>&ensp;</td>"; 
  }
echo "</tr>";
}   
echo "</table>";
?>

Смотрим на нашу таблицу, если таблица получилась, то это уже прогресс!

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

Отличная получилась таблица!  Но если мы посмотрим на вид в коде браузера, то получится ад, в котором ногу сломаешь! Нам нужно после каждого окончания строки и таблицы поставить перенос \n.

Добавляем - поставить таблицу по центру -align="center"

Теперь заглушку   - нужно заменить на – произведение строки и столбца:

Те. – вот  эту сточку echo " ";  заменим на вот такую - echo "" .$tr * $td."\n";

<?php
$rows = 10;
$cols = 10;
for ($tr = 1; $tr <= $rows; $tr ++)
{
echo "<table  border='1' align='center'>";
echo "<tr>";
  for($td = 1;$td <=$cols; $td++)
  {
  echo "<td>" .$tr * $td."</td>\n"; 
  }
echo "</tr>\n";
}   
echo "</table>";
?>

Смотрим, что у нас получилось:

1	2	3	4	5	6	7	8	9	10
2	4	6	8	10	12	14	16	18	20
3	6	9	12	15	18	21	24	27	30
4	8	12	16	20	24	28	32	36	40
5	10	15	20	25	30	35	40	45	50
6	12	18	24	30	36	42	48	54	60
7	14	21	28	35	42	49	56	63	70
8	16	24	32	40	48	56	64	72	80
9	18	27	36	45	54	63	72	81	90
10	20	30	40	50	60	70	80	90	100

Ну и далее нам стоит привести  нашу таблицу умножения в приемлемый вид. Для этого добавим  ширину таблицы:

width="250"

Ширина ячейки - width="25"

И добавим табуляцию - отступ от края -\t.. Для отображения нормального кода

$rows = 10;
$cols = 10;
for ($tr = 1; $tr <= $rows; $tr ++)
{
echo "<table  border='1' align='center' width='250'>\n";
echo "\t<tr>\n";
for($td = 1;$td <=$cols; $td++)
{
echo "\t\t<td width='25'>" .$tr * $td."</td>\n"; 
}
               echo "\t</tr>\n";
}   
echo "</table>";

Смотрим результат:

1	2	3	4	5	6	7	8	9	10
2	4	6	8	10	12	14	16	18	20
3	6	9	12	15	18	21	24	27	30
4	8	12	16	20	24	28	32	36	40
5	10	15	20	25	30	35	40	45	50
6	12	18	24	30	36	42	48	54	60
7	14	21	28	35	42	49	56	63	70
8	16	24	32	40	48	56	64	72	80
9	18	27	36	45	54	63	72	81	90
10	20	30	40	50	60	70	80	90	100

И последний вариант сделаем обрисовку с помощью стилей:

<style>
table.second.td {  
width: 250px;  //ширина
margin: 0 auto; //позиция - середина
} 
.second.td td {
width: 10%; //ширина ячейки
text-align: center; //текст посередине
border: 1px solid #cdc513;  //толщина бордюра, начертание, цвет
}
</style> 

Цвет бордюра сделаем веселым - желтым...

1. Давайте выделим первую строку - сделаем её жирной при помощи тега "b" и переменная $end_b будет равна закрытию тега "b":

  if(($tr == '1')){  $b ='<b>'; $end_b ='</b>'; } 

После того, как сработает условие или не сработает переменную нужно разрушить либо написать такую конструкцию....

  $b =''; $end_b ='';

2.Выделим левый крайний столбец - уже в td - нам потребуется двойная проверка если $tr не равно 1 и $td рано 1.

  if(($tr != '1') &&  ($td == '1')){  $b ='<b>'; $end_b ='</b>'; } 

И при этом же условии переменную $b и $end_b нужно уничтожить...

И собственно та строка, которая повторялась добавим эти переменные перед числом и в конце числа...

  echo "<td>" . $b .$tr * $td. $end_b ."</td>\n"; 

Код:

$rows = 10;
$cols = 10;
echo "<table class='second td'>";
for ($tr =1; $tr <= $rows; $tr ++)
{
echo "<tr>"; 
  if(($tr == '1')){  $b ='<b>'; $end_b ='</b>'; } 
  for($td =1;$td <=$cols; $td++)
  {
  if(($tr != '1') &&  ($td == '1')){  $b ='<b>'; $end_b ='</b>'; } 
  echo "<td>" . $b .$tr * $td. $end_b ."</td>\n"; 
  if(($tr != '1') &&  ($td == '1')){  $b =''; $end_b =''; } 
  }
  $b =''; $end_b ='';
echo "</tr>\n";
}   
echo "</table>";

Результат:

1	2	3	4	5	6	7	8	9	10
2	4	6	8	10	12	14	16	18	20
3	6	9	12	15	18	21	24	27	30
4	8	12	16	20	24	28	32	36	40
5	10	15	20	25	30	35	40	45	50
6	12	18	24	30	36	42	48	54	60
7	14	21	28	35	42	49	56	63	70
8	16	24	32	40	48	56	64	72	80
9	18	27	36	45	54	63	72	81	90
10	20	30	40	50	60	70	80	90	100

Полный листинг - скачать

И:

Полный листинг из видео - скачать пример из видео




{видео}




Пример таблицы умножения на jquery

Изучая поисковые запросы относительно данной страницы, - это таблица умножения, и немного мы попадаем по таблице пифагора!

И вот на одной из страниц был приведен код таблицы умножения с использованием jquery, мне показалось, что это будет вам интересно!

1). Пример.

2). Скачать.


P.S.

Данная страница была написана в самом начале моего пути в php! В ней нет ничего особенного! Но решение задач - это тренировка ваших навыков!

Не обязательно должно быть именно такое решение, я не смотрел, как решили другие эту задачку!

Мне хотелось решить её самостоятельно! И я решил... результат вы видите на этой странице!

Это всего лишь пример!

Как можно использовать php для создания html кода!

Может быть это не так явно видно! Но если представим, что строк должно быть не 10, а 100 или 1000, то само собой напрашивается использование такого типа отображения таблицы.




Как на php вывести результат умножения числа друг на друга

Поскольку странный Яндекс стал позиционировать данную тему, еще и как тему умножения в php, вернее только вывод результатов умножения, то одним словом...

Можно вывести результат умножения прямо здесь и сейчас через echo :

echo 5*5;

Результат:

25
Более подробно о всех математических действиях