Понедельник, 21.10.2019, 07:49
Блог учителя информатики и математики
О блогеМой профильРегистрацияВыходВход
Вы вошли как Гость · Группа "Гости" Приветствую Вас, Гость · RSS
Меню блога
Погода в нашем районе.

НАГРАДА

Как Вы считаете, должны ли дети ходить в школу в школьной форме?
Всего ответов: 2749
 
 Блог учителя
Главная » Статьи » Информатика » В помощь ученику

Таблица HTML как основа дизайна web-страницы.

 Созданные ранее веб странички выглядят в виде потока  текста. Он хорош для художественных произведений и возможно, оправдано для этой странички блога, на которой вы находитесь. В этом случае текст читается с начала и до конца.

Web-дизайнерам  повезло. Современный  HTML  умеет обращаться с графикой и таблицами. Существуют фреймы. Web-страницы и отображаются в отдельных подокнах Web-обозревателя. Причем, они настолько независимы друг от друга, что теряют связь с основой.  Фреймы слишком уж независимы друг от друга. Следующий инструмент Web-дизайнера - таблицы.

Используя таблицу можно разделить текст на несколько фрагментов и поместить рядом соответствующие примечания. Линии между фрагментами можно сделать невидимыми, так что посетитель вашего сайта и не заметит, что для форматирования этого текста использовались таблицы. Также можно сделать невидимыми линии между фрагментом текста и примечанием, выровнять текст примечания вправо, выделить его курсивом.

Таблица создается с помощью тега <table> - он открывает таблицу. Не забудьте обязательный тег </table> -завершение таблицы.

Тег <tr> создает строку, а тег <td> ячейку в строке. Соответственно сколько ячеек включено в строку, столько будет и столбцов в таблице.

 

Тег <th> также создает ячейку. Его отличие от тега <td> в том, что ячейка созданная тегом <th> является ячейкой – заголовком, т.е. содержимое располагается по центру, а если это текст, то браузер отображает его жирным шрифтом.

Содержимое ячейки, созданной тегом <td> по умолчанию, располагается в  левой  части.

Тег <caption> создает заголовок таблицы, он располагается внутри тега <table> - сразу после открывающего тега. Заголовок по умолчанию располагается центру над таблицей.

<table border="1">

<tr>

<td>1 ряд 1ячейка</td> <td>1ряд  2ячейка</td>

</tr>

<tr>

<td>2ряд  1ячейка </td> <td>2ряд 2 ячейка </td>

</tr>

<tr>

<td>3ряд  1ячейка </td> <td>3ряд 2 ячейка </td>

</tr>
< tr>

<td>4ряд  1ячейка </td> <td>4ряд 2 ячейка </td>

</tr>

</table>

 

 

Теперь border="1" замените на border="0"

 

<table border="0">

<tr>

<td>1 ряд 1ячейка</td> <td>1ряд  2ячейка</td>

</tr>

<tr>

<td>2ряд  1ячейка </td> <td>2ряд 2 ячейка </td>

</tr>

<tr>

<td>3ряд  1ячейка </td> <td>3ряд 2 ячейка </td>

</tr>

< tr>

<td>4ряд  1ячейка </td> <td>4ряд 2 ячейка </td>

</tr>

</table>

Категория: В помощь ученику | Добавил: Harchev (13.05.2014)
Просмотров: 2511 | Теги: основа дизайна, WEB-страница, таблица, html | Рейтинг: 4.4/28
Всего комментариев: 0
Имя *:
Email *:
Код *:
Copyright MyCorp © 2019
Блог учителя Учительский портал