Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
|
Создание простых таблиц
Тег <table> является парным, таблица состоит из строк и ячеек, соответственно задаваемых парными тегами <tr> и <td>. Атрибуты <table>:
Пример создания таблицы 2*2: <table border = 1> <tr> <td> Строка 1. Ячейка 1.</td> <td> Строка 1. Ячейка 2.</td> </tr> <tr> <td> Строка 2. Ячейка 1.</td> <td> Строка 2. Ячейка 2.</td> </tr> </table> Результат: Рис. 5.1. Простейшая html – таблица. Внутри тега <table>, помимо <tr> и <td> допускается использование тегов:
В следующем примере приведен код создания таблицы с наименованием, шапкой и заголовочной ячейкой: <table border = 1 cellspacing = 2> <caption> <b> <i>План лекций курса "HTML5. Основы клиентской разработки" </i></b></caption> <thead> <tr> <th> № </th> <th> Наименование лекции </th> <th> Содержание лекции</th> </tr> </thead>
<tbody> <tr> <td align = center> 1 </td> <td> Web 2.0, как методика проектирования систем </td> <td> Возникновение термина "Web 2.0", основы концепции, особенности проектирования современных веб - решений. </td> </tr>
<tr> <td align = center> 2 </td> <td> Основы HTML. Особенности HTML5. </td> <td> Сущность гипертекста, развитие стандартов HTML, уровни и версии HTML. Обзор HTML5, инструменты Microsoft, поддерживающие работу с HTML5. </td> </tr>
<tr> <td align = center> 3 </td> <td> HTML5. Работа с текстом. </td> <td> Описание и характеристики основных тегов для разметки и оформления текста. Заголовки, списки, абзацы, фрагментирование, разрыв строк, вставка символов. Глобальные атрибуты.</td> </tr>
<tr> <td>... </td> <td>.................. </td> <td>...................</td> </tr> </tbody> <tfoot> <tr> <th>Всего лекций</th> <th>Объем лекций (часов)</th> <th>Объем практикумов (часов)</th> </tr> <tr align = center> <td>18</td> <td>40 часов</td> <td>24</td> </tr> </tfoot> </table> Результат: Рис. 5.2. Пример html – таблицы. Date: 2015-07-22; view: 450; Нарушение авторских прав |