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

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

Таблицы в HTML 

По наблюдениям специалистов студии веб-дизайна НИКА, из всех объектов, которые используются для Блог студии НИКА заметки разработчика сайтовразметки текста в интернете, таблицы являются самыми сложными для начинающих веб-программистов. Действительно в практике создания сайтов и наполнения страниц материалами, табличные данные приходится публиковать достаточно часто. В отличие от списков, абзацев, заголовков, изображений с таблицами всегда возникает море проблем. В этом цикле заметок мы расскажем, как с помощью HTML описывать таблицы, делать простые и достаточно сложные таблицы. И, самое главное, поймем как аккуратно оформлять таблицы с помощью CSS. 

Простейшая таблица описывается с помощью трёх тегов:

1. <table>  обозначает таблицу.

2. <tr> расшифровывается как «table row», обозначает строку таблицы.

3. <td> расшифровывается как «table data», обозначает ячейку внутри строки таблицы.

Теги <td> располагаются внутри тегов <tr>, а те, в свою очередь, внутри <table> . Почти всё текстовое содержимое таблицы размещается внутри тегов  <td>.

В простейшей таблице в каждой строке должно быть одинаковое количество ячеек, то есть внутри всех <tr>должно быть одинаковое количество  <td>.

Пример простейшей таблицы и ее код:

 

 

НИКА Посещения за день
Главная 163
Блог 78
Портфолио 214

<table border="1">
    <tbody>
        <tr>
            <td>НИКА</td>
            <td>Посещения за день</td>
        </tr>
        <tr>
            <td>Главная</td>
            <td>163</td>
        </tr>
        <tr>
            <td>Блог</td>
            <td>78</td>
        </tr>
        <tr>
            <td>Портфолио</td>
            <td>214</td>
        </tr>
    </tbody>
</table>

Продолжение следует...

Категория: Заметки разработчика | Просмотров: 727 | Добавил: nikozavr | Рейтинг: 5.0/2
Всего комментариев: 0
avatar

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

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

Вход на сайт

Поиск