Page 78 - 6859
P. 78

Лекція №14

                                                       ТАБЛИЦІ

                                Таблиці HTML створюються в чотири етапи.
                                На  першому  етапі  в  HTML-коді  за  допомогою  парного  тега
                            <TABLE> формують саму таблицю:
                                <TABLE>
                                </ TABLE>
                                Таблиця  HTML  являє  собою  блоковий  елемент  Web-сторінки.
                            Це  означає, що вона розміщується  окремо від  усіх інших блочних
                            елементів: абзаців, заголовка, великих цитат, аудіо- та відеороликів.
                            Так що вставити таблицю в абзац ми не зможемо.
                                На  другому  етапі  формують  рядки  таблиці.  Для  цього
                            передбачені  парні  теги  <TR>;  кожен  такий  тег  створює  окремий
                            рядок. Теги <TR> поміщають всередину тега <TABLE>.
                                На  третьому  етапі  створюють  комірки  таблиці,  для  чого
                            використовують  парні  теги  <TD>  і  <TH>.  Тег  <TD>    створює
                            звичайну  комірку,  а  тег  <TH>  -  комірку  заголовка,  в  якій  буде
                            поміщена "шапка" відповідного стовпця таблиці. Теги <TD> і <TH>
                            поміщають  в  теги  <TR>,  що  створюють  рядки  таблиці,  в  яких
                            повинні перебувати ці комірки.
                                На четвертому, останньому, етапі вказують вміст комірок, який
                            поміщають у відповідні теги <TD> і <TH>.
                                <TABLE>
                                   <TR>
                                           <TH>1</TH>
                                           <TH>2</TH>
                                           <TH>3</TH>
                                   </TR>
                                   <TR>
                                           <TD>1.1</TD>
                                           <TD>1.2</TD>
                                           <TD>1.3</TD>
                                   </TR>
                                   <TR>
                                           <TD>2.1</TD>
                                           <TD>2.2</TD>
                                           <TD>2.3</TD>
                                   </TR>
                                </TABLE>

                                                            77
   73   74   75   76   77   78   79   80   81   82   83