Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Урок Верстка таблицами

    Загружено:

    Rustem Uuff
    27 просмотров7 страниц
    Конспект урока о верстке таблицами

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    DOCX, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    Конспект урока о верстке таблицами

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    27 просмотров7 страниц

    Урок Верстка таблицами

    Загружено:

    Rustem Uuff
    Конспект урока о верстке таблицами

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 7

    3. html-. (3 .

    )

    http://htmlbook.ru/content/osnovy-verstki
    + . 82
    Web-
    Web- .
    . .
    1

    , , (width=100%).
    , .
    ,
    Web-.
    2
    760
    , .
    , .
    ,
    Web-, .

    , .,
    .
    , .
    ,
    - .
    .

    Web-, .
    (
    ).

    -
    .
    - .
    3
    : html-. .
    : html-
    .
    : , Windows XP, Internet
    Explorer, .
    :
    <TABLE>...</TABLE> { }
    <R> </R>
    <D> </D>
    <> , </> -
    <IN> -
    width = "..."
    align = "..." ( )
    align = "left " -
    align = "right" -
    align = "center" -
    valign = "..." ( )
    valign = "top" -
    valign = "bottom" -
    valign = "middle" -
    cellpadding="..." cellspacing="..." , ,
    ,
    .
    border="..."
    colspan="..." rowspan="..." -
    , .
    :
    1. :

    2. :

    3. :
    =1, =10

    =5, =10

    =10, =10

    4. :

    5.

    7. .htm
    RABOCHLAB HTMLLAB.
    html-:
    <HTML>
    <HEAD>
    <TITLE> </TITLE>
    </HEAD>
    <BODY bgcolor='pink'>
    <H1 ALIGN = 'CENTER'> <B> html- </B> </H1>
    <font FACE = 'Comic Sans MS' color='blue'>
    </font>

    <table border>
    <tr> <th colspan='5'> </th> </tr>
    <tr> <th> </th> <th> </th> <th> </th> <th>
    </th> <th> </th> </tr>
    <tr> <td> </td> <td> </td> <td> </td> <td>
    13.10.75 </td> <td rowspan='4'> </td> </tr>
    <tr> <td> </td> <td> </td> <td> </td> <td> 02.05.79
    </td> </tr>
    <tr> <td> </td> <td> </td> <td> </td> <td>
    27.02.72</td> <td> </td> <td> </td></tr>
    <tr> <td> </td> <td> </td> <td> </td> <td> 17.10.77
    </td> </tr>
    </table>
    <hr>
    <table border='1' cellpadding='10'>
    <tr> <th colspan='3'> 1 </th> </tr>
    <tr> <th> 2 </th> <th> 3 </th> <th> 4 </th> </tr>
    </table>
    <br>
    <table border='5' cellpadding='10'>
    <tr> <th colspan='3'> 1 </th> </tr>
    <tr> <th> 2 </th> <th> 3 </th> <th> 4 </th> </tr>
    </table>
    <br>
    <table border='10' cellpadding='10'>
    <tr> <th colspan='3'> 1 </th> </tr>
    <tr> <th> 2 </th> <th> 3 </th> <th> 4 </th> </tr>
    </table>
    <br>
    <hr>
    <table border width='300' height='300'>
    <tr>
    <th colspan='8' bgcolor='lime' align='center'> 1 </th>
    </tr>
    <tr>
    <th rowspan='6' bgcolor='yellow' align='center'> 4 </th>
    <th colspan='6' bgcolor='lime' align='center'> 2 </th>
    <th rowspan='6' bgcolor='yellow' align='center'> 5 </th>
    </tr>
    <tr>
    <th rowspan='4' bgcolor='yellow' align='center'> 3.1 </th>
    <th colspan='4' bgcolor='lime' align='center'> 3 </th>
    <th rowspan='4' bgcolor='yellow' align='center'> 3.2 </th>
    </tr>

    <tr>
    <th rowspan='2' bgcolor='yellow' align='center'> 6 </th>
    <td bgcolor='red' align='center'> 7 </td>
    <td bgcolor='blue' align='center'> 8 </td>
    <th rowspan='2' bgcolor='yellow' align='center'> 9 </th>
    </tr>
    <tr>
    <td bgcolor='pink' align='center'> 10 </td>
    <td bgcolor='purple' align='center'> 11 </td>
    </tr>
    <tr>
    <th colspan='4' bgcolor='lime' align='center'> 12 </th>
    </tr>
    <tr>
    <th colspan='6' bgcolor='lime' align='center'> 13 </th>
    </tr>
    <tr>
    <th colspan='8' bgcolor='lime' align='center'> 12 </th>
    </tr>
    </table>
    <hr>
    <TABLE border width='550' height='300'>
    <TR>
    <Th rowspan='2' bgcolor='fuchisia' align='center'> 1 </Th>
    <th colspan='6'bgcolor='blue' align='center'> 2 </th>
    </TR>
    <TR>
    <TD bgcolor='white' align='center'> 3 </TD>
    <Th colspan='2' bgcolor='purple' align='center'> 4 </Th>
    <Th colspan='2' bgcolor='aqua' align='center'> 5 </Th>
    <TD bgcolor='brown' align='center'> 6 </TD>
    </TR>
    <TR>
    <th rowspan='3' bgcolor='silver' align='center'> 7 </th>
    <TD bgcolor='maroon' align='center'> 8 </TD>
    <th rowspan='2' bgcolor='green' align='center'> </th>
    <TD bgcolor='yellow' align='center'> 9.1 </TD>
    <TD bgcolor='yellow' align='center'> 9.2 </TD>
    <th rowspan='2' bgcolor='green' align='center'> </th>
    <TD bgcolor='white' align='center'> 10 </TD>
    </TR>
    <TR>
    <TD bgcolor='white' align='center'> 11 </TD>
    <TD bgcolor='blue' align='center'> 9.3 </TD>
    <TD bgcolor='blue' align='center'> 9.4 </TD>
    <TD bgcolor='pink' align='center'> 12 </TD>

    </TR>
    <TR>
    <TD bgcolor='lime' align='center'> 13 </TD>
    <Th colspan='2' bgcolor='teal' align='center'> 14 </Th>
    <Th colspan='2' bgcolor='Navy' align='center'> 15 </Th>
    <TD bgcolor='Maroon' align='center'> 16 </TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>

    Вам также может понравиться