русс | укр

Программирование:

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог1С

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании

Обучение

Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Создаем простую таблицу.

Дата добавления: 2015-06-12; просмотров: 492; Нарушение авторских прав

На этом уроке мы переходим на создание таблицы. Иногда без таблиц даже не обойтись. Сейчас, почти все профессиональные сайты сделаны из таблиц. И мы будем учиться создавать их. Собственноручно. :)

Таблица задается тэгом <table></table>.

Так же таблицы состоят из строк и столбцов. Строка таблицы задается тэгом <tr></tr>,столбец(ячейка) таблицы задается тэгом <td></td>.

У всех этих тэгов есть атрибуты, но о них я вам расскажу в другом уроке.

Пример таблицы в две строки (<tr></tr>) с тремя ячейками (<td></td>):

 

текст текст текст
текст текст текст

 

Отлично. Давайте создадим такую же простую таблицу.

Для начала создадим новую страницу. Напечатайте обязательные тэги. Сохраните в файл. Назовем его table1.html. Теперь между тэгами <body> и </body> напечатайте следующий текст.

<table> <tr> <td bgcolor="#808080">текст</td> <td bgcolor="#FF9900">текст</td> <td bgcolor="#808080">текст</td> </tr> <tr> <td bgcolor="#FF9900">текст</td> <td bgcolor="#808080">текст</td> <td bgcolor="#FF9900">текст</td> </tr> </table>

У вас должно получиться что-то вроде этого:

<html>

<head>

<head>

<body>

<table>
<tr>
<td bgcolor="#808080">текст</td>
<td bgcolor="#FF9900">текст</td>
<td bgcolor="#808080">текст</td>
</tr>
<tr>
<td bgcolor="#FF9900">текст</td>
<td bgcolor="#808080">текст</td>
<td bgcolor="#FF9900">текст</td>
</tr>
</table>

</body>

</html>

Поздравляю. Вы создали свою первую простую таблицу. Советую вам сразу не переходить на следующий урок, а попробовать создать похожую таблицу, но уже сами (по памяти). Если что-то забудете посмотрите на пример. И так по памяти создайте несколько таблиц, чтобы усвоить этот урок. Попробуйте менять цвета. А когда все запомните, переходите к следующему уроку.


<== предыдущая лекция | следующая лекция ==>
Картинки как ссылки. | Создаем простую таблицу. Ширина, высота.

Карта сайта Карта сайта укр

Видео
Уроки php mysql Программирование
Онлайн сервисы
Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские
Полезное

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных

 


Не нашли то, что искали? Google вам в помощь!

  
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.
Генерация страницы за: 0.68 сек.