Таблицы

Обсуждение вопросов, проблем связанных с обучением HTML

Таблицы

Сообщение siders » 23 дек 2014, 15:43

Решил выучить Html дошел до раздела таблицы и начал экспериментировать с таблицами но никак немогу их выровнят .Так вот как выровнять несколько таблиц???
Вот что у меня есть :
<html>
<head>
<title> Табл </title>
</head>
<body>
<center>
<TABLE border="1" width="720" height="180">
<tr>
<td colspan="3" > <center> 1</center></td>
</tr>
</table>
</center>
<table border="1" width="180" height="500">
<tr>
<td rowspan="4" > <center> 2 </center></td>
</tr>
</table>
<table border="1" width="520" height="500" >
<tr>
<td rowspan="4" > <center>3</center></td>
</tr>
</table>
</center>
</body>
</html>

А вот как должно быть:http://imgdepo.ru/show/7662655
siders
 
Сообщения: 1
Зарегистрирован: 23 дек 2014, 15:26

Re: Таблицы

Сообщение Encoder » 24 дек 2014, 14:06

Код: Выделить всё
<!doctype html>
<html>
<head>
    <title>Таблицы</title>
</head>
<body>
    <table cellspacing="20">
        <tr>
            <td colspan="2">
                <table width="720" height="180" border="1">
                    <tr>
                        <td align="center">1</td>
                    </tr>
                </table>
            </td>
        </tr>

        <tr>

            <td>
                <table width="180" height="500" border="1">
                    <tr>
                        <td align="center">2</td>
                    </tr>
                </table>
            </td>

            <td>
                <table width="520" height="500" border="1">
                    <tr>
                        <td align="center">3</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>


Отступы через ксс можно добавить.
Вообще такой схемы можно достичь только с одной таблицей. Но так как я показал? раньше верстались сайты. Делается одна таблица каркас, потом в каждой ячейке еще по одной таблице, таким образом больше гибкости. Но я бы вам посоветовал применять таблицы в тех целях для которых их придумали. Сейчас уже блочной версткой верстают.
Вот вариант по проще:
Код: Выделить всё
<!doctype html>
<html>
<head>
    <title>Таблицы</title>
</head>
<body>
    <table border="1">
        <tr>
            <td colspan="2" width="700" height="180" align="center">1</td>
        </tr>
        <tr>
            <td width="180" height="500" align="center">2</td>
            <td width="520" height="500" align="center">3</td>
        </tr>
    </table>
</body>
</html>

Аватара пользователя
Encoder
Модератор
 
Сообщения: 360
Зарегистрирован: 21 фев 2011, 11:15

Re: Таблицы

Сообщение WEB - New G » 11 окт 2015, 08:14

Доброе утро. Подскажите пожалуйста, предусмотрено ли правилами вложения тегов вложение вида:
Код: Выделить всё
<table>
<tr><th>     <h3></h3>     </th></tr>
<tr><td>     <h5></h5>     </td></tr>
</table>
WEB - New G
 
Сообщения: 25
Зарегистрирован: 27 авг 2015, 08:23

Re: Таблицы

Сообщение Encoder » 11 окт 2015, 10:52

В <th> не правильно, а в <td> можно. Вы не зацикливайтесь на HTML, когда перейдете к CSS он возьмёт на себя оформление.
И еще если хотите проверить правильность своего кода, вот вам ссылка на валидатор https://validator.w3.org
Аватара пользователя
Encoder
Модератор
 
Сообщения: 360
Зарегистрирован: 21 фев 2011, 11:15

Re: Таблицы

Сообщение WEB - New G » 17 окт 2015, 06:21

Доброе утро. Спасибо большое. :)
WEB - New G
 
Сообщения: 25
Зарегистрирован: 27 авг 2015, 08:23


Вернуться в HTML

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 3

cron
Рейтинг@Mail.ru