VPF::Работа с тегом <table> - Форум программистов

Pitbul

Дата 18.5.2009, 10:20 (ссылка)

(нет голосов)

Загрузка ...

Fruzenshtein

Профиль
Группа: Участник
Сообщений: 231
Регистрация: 30.4.2008
Где: Киев

Репутация: нет
Всего: нет

Добрый день, не так давно начал изучать HTML и пробую отрабатывать примеры, пока что получается не все. Заминка произошла на использовании и работе тега table. Можете объяснить и показать на примере как позиционировать и размещать таблицы, как работать с их ячейками. Спасибо!

И сразу же возниает второй вопрос, можно ли эту же конструкцию реализовать с помощью тега <div>? Какой метод больше подходит под это?
Спасибо!
smile

--------------------

### JAVA ###### programming ###

azesmcar

Дата 18.5.2009, 10:37 (ссылка)

(нет голосов)

Загрузка ...

uploading...

Профиль
Группа: Участник Клуба
Сообщений: 6291
Регистрация: 12.11.2004
Где: Армения

Репутация: нет
Всего: 211

Код


<table>
    <tr>
     <th colspan="3">Главная</td>
    </tr>
    <tr>
     <td>
            <table>
             <tr><th>Меню</th></tr>
             <tr><td>Главная</td></tr>
             <tr><td>О нас</td></tr>
             <tr><td>...</td></tr>
            </table>
        </td>
     <td>Новости</td>
     <td>
            <table>
             <tr><th>Ссылки</th></tr>
             <tr><td>link 1</td></tr>
             <tr><td>link 2</td></tr>
             <tr><td>...</td></tr>
            </table>
        </td>
    </tr>
</table>

Добавлено через 3 минуты и 3 секунды

Цитата(Pitbul @ 18.5.2009, 10:20

)

И сразу же возниает второй вопрос, можно ли эту же конструкцию реализовать с помощью тега <div>? Какой метод больше подходит под это?
Спасибо!

Можно. Даже нужно, div лучше индексируется поисковиками.

Pitbul

Дата 18.5.2009, 10:46 (ссылка)

(нет голосов)

Загрузка ...

Fruzenshtein

Профиль
Группа: Участник
Сообщений: 231
Регистрация: 30.4.2008
Где: Киев

Репутация: нет
Всего: нет

О спасибо, вижу расбивку в примере на отдельные <table>, а а можно показать еще как на картинке использование border и Заполнения цветом шапок таблиц. smile

И как вариант можно реализовать этот же пример но с поощью <div> smile

Спасибо!

--------------------

### JAVA ###### programming ###

azesmcar

Дата 18.5.2009, 10:53 (ссылка)

(нет голосов)

Загрузка ...

uploading...

Профиль
Группа: Участник Клуба
Сообщений: 6291
Регистрация: 12.11.2004
Где: Армения

Репутация: нет
Всего: 211

Цитата(Pitbul @ 18.5.2009, 10:46

)

а можно показать еще как на картинке использование border

Код


<table border="1px">

Цитата(Pitbul @ 18.5.2009, 10:46

)

Заполнения цветом шапок таблиц.

Код


<th bgcolor="#0000FF" colspan="3">Главная</td>

Вообще посмотрите лучше CSS.

Добавлено через 3 минуты и 11 секунд

Цитата(Pitbul @ 18.5.2009, 10:46

)

И как вариант можно реализовать этот же пример но с поощью <div>

http://www.dev-archive.net/articles/table-in-css.html
http://www.smashingmagazine.com/2009/04/08...ll-to-div-hell/

Pitbul

Дата 18.5.2009, 11:03 (ссылка)

(нет голосов)

Загрузка ...

Fruzenshtein

Профиль
Группа: Участник
Сообщений: 231
Регистрация: 30.4.2008
Где: Киев

Репутация: нет
Всего: нет

О спасибо проверил для <table> работает! smile

А вот для <div> прийдется еще посидеть, но это после универа уже=) Раз <div> больше подходит для составления страниц сайтов, то будем их и использовать! smile

--------------------

### JAVA ###### programming ###

azesmcar

Дата 18.5.2009, 11:09 (ссылка)

(нет голосов)

Загрузка ...

uploading...

Профиль
Группа: Участник Клуба
Сообщений: 6291
Регистрация: 12.11.2004
Где: Армения

Репутация: нет
Всего: 211

Цитата(Pitbul @ 18.5.2009, 11:03

)

О спасибо проверил для <table> работает!

Пожалуйста. Если вопросов нет - пометьте тему решенной.

Цитата(Pitbul @ 18.5.2009, 11:03

)

Лучше сделать самому - запомнится надолго smile

Я прислал две ссылки, там хорошо описано, если будет мало вот еще

http://www.google.mu/search?hl=en&clie...earch&meta=

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »