Главная » 2015 » Декабрь » 21 » Заметки разработчика (Основы работы с HTML)-8

Заметки разработчика (Основы работы с HTML)-8

 

Продолжаем разговор про таблицы...

Добавление столбцов также достаточно легкая операция - для того, чтобы добавить столбец в таблицу, надо в каждую строку <tr> добавить по ячейке <td>. Таблица из предыдущей заметки пополнится новым столбцом. Добавляем столбец просмотры страниц сайта студии дизайна НИКА.

 

 

 

 

 

<table border="1">
    <tbody>
        <tr>
            <td>НИКА</td>
            <td>Посещения за день</td>

             <td>Просмотры страниц сайта студии дизайна НИКА</td>
        </tr>
        <tr>
            <td>Главная</td>
            <td>163</td>

            <td>500</td>
        </tr>
        <tr>
            <td>Блог</td>
            <td>78</td>

            <td>278</td>
        </tr>
        <tr>
            <td>Портфолио</td>
            <td>214</td>

             <td>1214</td>
        </tr>
    </tbody>
</table>

     Теперь, вы научились создавать простые таблицы, добавлять в них любое количество строк и столбцов. Теперь специалисты студии веб-дизайна НИКА расскажут о том, как оформлять эти таблицы. Итак, таблицы в предыдущих заметках отображались с рамками по умолчанию. Такие рамки отображаются, если у тега <table> задан атрибут <border> с ненулевым значением. 

    Однако, атрибут <border> не позволяет гибко управлять рамками таблицы, а представляет возможность управлять только толщиной рамок. Поэтому необходимо учиться работать со стилями. О CSS в нашем блоге тоже выходит цикл заметок  под названием Секреты дизайнера сайтов (основы СSS).  С помощью CSS-свойства border можно задавать как внешние рамки таблицы, так и рамки каждой ячейки.

Попробуйте применить для нашей таблицы следующие стили:

table {
    border: 3px solid black;
}

td {
    border: 3px solid lightgray;
}

Посмотрите результат.

 

 

 

{ border: 3px solid black; } td { border: 3px solid lightgray; } >
НИКА Посещения за день Просмотры страниц сайта студии дизайна НИКА
Главная 163 500
Блог 78 278
Портфолио 214 1214
Категория: Заметки разработчика | Просмотров: 636 | Добавил: nikozavr | Рейтинг: 5.0/1
Всего комментариев: 0
avatar

Категории раздела

Заметки разработчика [8]
Заметки на тему работы с HTML. Уроки от дизайнеров и программистов студии НИКА. От простого к сложному.
Регламент веб-дизайнера [4]
Специалисты веб студии НИКА расскажут о секретках и правилах веб-дизайна.
Регламент копирайтера [2]
Специалисты студии НИКА пишут тексты с уникальностью до 100% на любую тематику. Некоторыми правилами и приемами копирайтинга делимся с начинающими писать.
Секреты дизайнера сайтов [2]
Основы работы с CSS
Опыт создания сайтов [1]
Специалисты студии НИКА рассказывают о нюансах при разработке веб-сайтов

Вход на сайт

Поиск