сообщить о нарушении
Текущая страница: 5 (всего у книги 17 страниц) [доступный отрывок для чтения: 7 страниц]
• c ellspacing– позволяет установить расстояние между ячейками таблицы;
• frame– позволяет установить набор отображаемых линий рамки таблицы;
• height, width– эти атрибуты позволяют установить соответственно высоту и ширину таблицы;
• rules– позволяет установить набор внутренних линий таблицы, которые будут отображаться.
– с помощью данного тега идентифицируется группа строк данных таблицы. Тег может использоваться с перечисленными ниже атрибутами.
• align– атрибут позволяет указать способ выравнивания данных по горизонтали;
• bgcolor– определение цвета фона группы;
• char– с помощью этого атрибута можно указать символ, определяющий порядок выравнивания данных в ячейках группы;
• valign– атрибут позволяет указать способ выравнивания данных по вертикали.
| – данные теги позволяют определить соответственно ячейку данных и ячейку заголовка таблицы. Они могут использоваться с атрибутами, которые перечислены ниже.
• align– атрибут позволяет указать способ выравнивания данных по горизонтали;
• background– выбор графического фона ячеек;
• bgcolor– выбор цвета фона ячеек;
• char– указание символа, определяющего порядок выравнивания данных в ячейках;
• colspan– с помощью этого атрибута можно соединить соседние ячейки одной строки таблицы;
• height– атрибут позволяет задать высоту ячейки;
• width– атрибут позволяет задать ширину ячейки;
• nowrap– с помощью данного атрибута можно запретить перенос слов внутри ячейки на новую строку;
• rowspan– атрибут позволяет выполнить объединение соседних ячеек одного столбца;
• valign– атрибут позволяет задать способ выравнивания данных по вертикали.
– с помощью этого тега можно создать группу строк итоговых данных таблицы. Он может использоваться с перечисленными ниже атрибутами.
• align– атрибут позволяет указать способ выравнивания данных по горизонтали;
• bgcolor– выбор цвета фона группы;
• char– позволяет задать символ, определяющий порядок выравнивания данных в ячейках;
• valign– атрибут позволяет задать способ выравнивания данных по вертикали.
</span>– с помощью данного тега задается заголовок веб-страницы, который отображается вверху окна Интернет-обозревателя. О том, как пользоваться этим тегом, мы уже говорили ранее.</p>
<p><span class="command"><tr></span>– тег предназначен для создания строки таблицы. Он может использоваться с перечисленными ниже атрибутами.</p>
<p>• <span class="command">align</span>– атрибут позволяет указать способ выравнивания данных по горизонтали;</p>
<p>• <span class="command">bgcolor</span>– выбор цвета фона;</p>
<p>• <span class="command">char</span>– позволяет задать символ, определяющий порядок выравнивания данных в ячейках;</p>
<p>• <span class="command">valign</span>– атрибут позволяет задать способ выравнивания данных по вертикали.</p>
<p><span class="command"><tt></span>– тег позволяет отобразить текст моноширинным шрифтом.</p>
<p><span class="command"><u></span>– данный тег включает подчеркивание текста.</p>
<p><span class="command"><ul></span>– с помощью данного тега можно создавать маркированные списки. Использование с данным тегом атрибута <span class="command">type</span>позволяет указать стиль маркированного списка.</p>
<p>Как показывает практика, перечисленных тегов с атрибутами бывает вполне достаточно для создания типичных веб-страниц на языке программирования HTML.</p>
<h5>Оформление содержимого веб-страницы</h5><p>Далее мы расскажем о том, каким образом выполняется элементарное оформление представленной на сайте информации. В частности, вы узнаете о том, как путем внесения соответствующих изменений и дополнений в исходный код веб-страницы форматировать текст, создавать таблицы, списки, и др.</p>
<p>Предположим, что наша веб-страница, которую мы назовем <span class="interface">Компания «Торговый мир»</span>, должна содержать следующий текст.</p>
<p><span class="kursiv"> <i>Добро пожаловать!</i> </span></p>
<p><span class="kursiv"> <i>Мы рады приветствовать вас на сайте нашей компании ООО «Мир торговли». Уже более пяти лет мы занимается продажей товаров и оказанием услуг. Ниже представлены списки основных позиций, которые мы рады предложить.</i> </span></p>
<p><span class="kursiv"> <i>Товары:</i> </span></p>
<p><span class="kursiv"> <i>промышленные товары;</i> </span></p>
<p><span class="kursiv"> <i>строительные материалы;</i> </span></p>
<p><span class="kursiv"> <i>одежда, обувь;</i> </span></p>
<p><span class="kursiv"> <i>детские игрушки.</i> </span></p>
<p><span class="kursiv"> <i>Услуги:</i> </span></p>
<p><span class="kursiv"> <i>грузоперевозки;</i> </span></p>
<p><span class="kursiv"> <i>ответственное хранение;</i> </span></p>
<p><span class="kursiv"> <i>юридическое консультирование.</i> </span></p>
<p><i> <span class="kursiv">Более подробно об ассортименте товаров и услуг вы можете узнать в нашем отделе сбыта.</span> </i></p>
<p>Этот текст на нашей странице поначалу будет включать в себя следующие элементы: заголовки первого и второго уровней, курсивный, полужирный и подчеркнутый текст, а также маркированный и нумерованный списки. После этого мы переделаем списки в таблицу, и вставим на страницу изображение.</p>
<b>Форматирование текста</b><p>Используя имеющиеся знания, напишем программный код так, чтобы поначалу выделить на странице ее название и заголовок первого уровня, которым будет являться текст <span class="interface">Добро пожаловать!</span>. Этот код представлен в листинге 1.1.</p>
<p><span class="bold"> <b>Листинг 1.1.</b> </span>Выделение названия страницы и заголовка первого уровня</p>
<p><html></p>
<p><head></p>
<p><title>Компания "Торговый мир"
Добро пожаловать!
Мы рады приветствовать вас на сайте нашей компании ООО «Мир торговли». Уже более пяти лет мы занимается продажей товаров и оказанием услуг. Ниже представлены списки основных позиций, которые мы рады предложить.
Товары:
промышленные товары;
строительные материалы;
одежда, обувь;
детские игрушки.
Услуги:
грузоперевозки;
ответственное хранение;
юридическое консультирование.
Более подробно об ассортименте товаров и услуг вы можете узнать в нашем отделе сбыта.
|
