Как сделать таблицу html в блокноте для сайта примеры

Таблица в блокноте html, как сделать таблицу в блокноте, как делать таблицы html в блокноте!? Пример таблиц сделанных в блокноте на компьютере/!

Мы уже сделали первый шаг, сделали первую страницу. Теперь возьмём эту страницу и сделаем там таблицу! Ведь нам нужно посмотреть на наши труды в сети!

Всё о таблицах в блокноте

1. В каком блокноте будем делать таблицу!?
2. Создание таблицы в текстовом блокноте
3. Как сделать таблицу в блокноте с одним столбцом.
4. Как сделать таблицу в блокноте с двумя столбцами.
5. Как сделать таблицу в блокноте с тремя столбцами.

В каком блокноте будем делать таблицу!?

Вообще! Когда вы говорите – сделать таблицу в блокноте - что вы имеете ввиду!? Вот этот блокнот!?



Если да, то рекомендую использовать тоже блокнот, но только другой - Notepad! Если эта программа не нравится я писал еще о нескольких, если и эти не нравятся, то в сети ищем редактор кода...

Нажмите, чтобы открыть в новом окне.


Начинать, потренироваться... можно конечно, но я, даже когда начинал изучать html, и не представлял, что когда-то буду делать в таком блокноте вообще что-то! Это просто какое-то унижение для меня пользоваться такой шнягой! Но вы можете делать все, что вам вздумается!




Создание таблицы в текстовом блокноте

Если вы пока, не планируете скачивать и устанавливать программу Notepad, либо другую аналогичную программу то давайте продолжим в текстовом блокноте!

Вне значимости от перечисленных программ – программа – это всего лишь инструмент, а уж каким инструментом пользоваться – это ваш выбор!

Возьмите блокнот, скопируйте отсюда таблицу, вставьте в блокнот, сохраните в html формат и вот вам будет простая стандартная таблица… не забываем о кодировке и + не забываем, что в текстовом блокноте есть своя кодировка при нажатии сохранить как - см кодировку выбрать - utf-8

Добавим бордюр border="1" для таблицы, чтобы её увидеть, вы это значение можете удалить!




Как сделать таблицу в блокноте с одним столбцом.

Для создания таблицы с одним столбцом потребуется скопировать код таблицы и занести его в блокнот!

Код:

<table border="1">
  <tbody>
    <tr>
      <td>Таблица с одним столбцом.</td>
    </tr>
  </tbody>
</table>
Результат:

Таблица с одним столбцом.




Как сделать таблицу в блокноте с двумя столбцами.

Для того, чтобы сделать таблицу в блокноте с двумя столбцами добавляем двойной тег td Код:
<table border="1">
  <tbody>
    <tr>
      <td>Столбец №1.</td>
      <td>Столбец №2.</td>
    </tr>
  </tbody>
</table>
Результат:

Столбец №1.

Столбец №2.




Как сделать таблицу в блокноте с тремя столбцами.

Создание таблицы в блокноте с тремя столбцами аналогично предыдущему пункту! Добавляем еще один тег td

Код:

<table border="1">

  <tbody>

    <tr>

      <td>Строка №1,Столбец №1.</td>

      <td>Строка №1,Столбец №2.</td>

      <td>Строка №1,Столбец №3.</td>

    </tr>

    <tr>

      <td>Строка №2,Столбец №1.</td>

      <td>Строка №2,Столбец №2.</td>

      <td>Строка №2,Столбец №3.</td>

    </tr>

    <tr>

      <td>Строка №3,Столбец №1.</td>

      <td>Строка №3,Столбец №2.</td>

      <td>Строка №3,Столбец №3.</td>

    </tr>

  </tbody>

</table>

Результат:

Строка №1,Столбец №1.	Строка №1,Столбец №2.	Строка №1,Столбец №3.
Строка №2,Столбец №1.	Строка №2,Столбец №2.	Строка №2,Столбец №3.
Строка №3,Столбец №1.	Строка №3,Столбец №2.	Строка №3,Столбец №3.