Файл: Основы программирования на языке HTML.pdf

<TABLE>

</TABLE>

Распоряжение закрывающей скобки для таблицы, как и для всех её составных частей является очень важным. В случае незакрытой таблицы одни браузеры не отображают в общем ничего, другие искажают документ до неузнаваемости.

Клетки (ячейки) таблицы задаются в порядке горизонтальных рядов слева направо:

Клетка 1 Клетка 2 Клетка 3

Клетка 4 Клетка 5 Клетка 6

Любой горизонтальный ряд содержится в скобках

<TR>

</TR>

а любая клетка внутри ряда в скобки

<TD>

</TD>

Таблица, приведённая выше, была задана так:

<table border=1>

<tr><td>Клетка 1</td>

<td>Клетка 2</td>

<td>Клетка 3</td></tr>

<tr><td>Клетка 4</td>

<td>Клетка 5</td>

<td>Клетка 6</td></tr>

</table>

В данном примере для задания ширины линий рамки указан атрибут BORDER. Число после основного слова задает ширину рамки в пикселях. Значение BORDER=0 указывает на неимение линий рамки.

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

Для <TABLE> можно установить:

WIDTH=число либо WIDTH=процент%

Тут указывается предпочитаемая ширина таблицы в пикселях либо процентах от ширины окна, причём во втором случае целое число сопровождается символом %.

Подобно

HEIGTH=число либо HEIGTH=процент%

задает желаемую вышину таблицы в пикселях либо процентах.

Таблицу можно выровнять на лево, вправо либо по центру окна методом указания соответственно

ALIGN=LEFT

ALIGN=RIGHT

ALIGN=CENTER

Для <TD> можно указать характеристики отдельной ячейки:

ALIGN=LEFT

ALIGN=RIGHT

ALIGN=CENTER

задает выравнивание по горизонтали текста внутри ячейки на лево, вправо либо по центру соответственно.

VALIGN=TOP

VALIGN=BOTTOM

VALIGN\MIDDLE

задает вертикальное выравнивание - по верхнему краю, по нижнему либо посередине.

Данные атрибута оба могут быть указаны и в <TR>. В данном случае они определяют выравнивание для всех ячеек строки, кроме тех, где они же установлены очевидно.

Предпочитаемая вышина и ширина ячейки указываются с помощью параметров, подобных параметрам для таблицы:

WIDTH=число WIDTH=процент%

HEIGTH=число HEIGTH=процент%

Подобно расцветки фона и фоновому изображению для страницы в целом можно установить их для ячейки таблицы. Параметры те же:

BGCOLOR=цвет

BACKGROUND=изображение

6. Добавление стилей в документ

позволяет применять разные стили шрифтов для выделения текстовой информации в ваших документах. Вот маленький перечень стилей, поддерживаемых основной массой браузеров:(жирный)(косой)spaced (type writer - с использованием фиксированных шрифтов)

Вы можете сочетать разные виды стилей, к примеру жирный и косой.

Основные стили текста

СтильЭлемент либо тэгРезультатBold<B> Данный текст жирный </B>Данный текст жирныйItalic<I> Данный текст косой </I>Данный текст наклонныйMono spaced<TT> Данный текст с непроп. шрифтом </TT>Данный текст с непроп. шрифтом

Комбинирование стилей позволяет вам отображать в одной строчке некоторое количество элементов разными стилями, к примеру:

<b>Жизнь</b> - <i>это <b>песня!</b></i>

Жизнь - это песня!

Добавление огромного количества стилей и их комбинаций приводит к затруднению чтения слова!

Дополнительные стили:

· big (большой)

· small (маленький)

· sub (подстрочник)

· sup (надстрочник)

Дополнительные стили текста

Стиль Элемент либо тэг Результат Big Этот текст <BIG> большой </BIG>Данный текст большой Small Этот текст <SMALL> маленький </SMALL>Данный текст маленькийSubЭтот текст <SUB> подстрочник </SUB>Данный текст подстрочникSupЭтот текст <SUP> надстрочник </SUP>Этот текст надстрочник

Величина шрифта <FONT SIZE>. Вы сможете видоизменять величину шрифта при помощи тэга: <FONT SIZE=+|- n>

Шрифт может иметь величину от 1 до 7. Вы сможете напрямик указать величину шрифта цифрой, либо указать смещение относительно базисного значения (по умолчанию - 3) в положительную либо отрицательную сторону. Базисное значение можно поменять при помощи тэга: <BASEFONT SIZE=n>

К примеру: <p>и <font SIZE=+1>з</font><font SIZE=+2>м</font> <font SIZE=+3>е</font><font SIZE=+4>н</font> <font SIZE=+3>е</font><font SIZE=+2>н</font> <font SIZE=+1>и</font> е</p>

Изменение расцветки шрифта <FONT SIZE>. Вы сможете поменять расцветку шрифта при помощи тэга: <FONT COLOR="#XXXXXX>

Расцветка указывается в RGB-формате (Red-Green-Blue) посредством указания размерности каждой составляющие расцветки в шестнадцатеричном формате. К примеру, белый цвет обозначается "000000", черный - "FFFFFF", синий - "0000FF" и т.п.

<FONT COLOR="#FF0000"> Красный </FONT> <FONT COLOR="#00FF00"> Зеленый </FONT> <FONT COLOR="#0000FF"> Синий.

Оптимизация графики для web

На этот эпизод в Web используется 2 вида растровых файлов: в форматах JPEG и GIF.формат отлично передает цветовые и тоновые раскаты, размытые границы (к примеру, фото). JPEG-файл отлично масштабируется в браузере. Нехорошо передает ровные плоскости цвета, в компрессии уступает GIF-формату. При сохранении в JPEG-формате выбирайте качество "medium".формат хорошо передает ровные плоскости расцветки, жесткие границы (к примеру, векторную графику, логотипы). Имеет максимальную компрессию, допускает прозрачный фон. Нехорошо масштабируется в браузере, искажает цветовые и тоновые раскаты. Применяйте GIF-формат, ежели изображение в отсутствии значимых утрат переводится в 128-цветовую палитру с включенной опцией "dithering". В противном случае лучше сохранять изображение в JPEG-формате. Для экспорта файла в GIF-формат сначала проиндексируйте его цветовую гамму в Adobe Photoshop:

Выбирайте малое количество расцветок вручную (для качественной передачи антиалиасного одноцветного изображения на одноцветном фоне довольно 5-8 расцветок, 2-ух-трехцветного изображения - 15-25 расцветок) Ежели начальное изображение Grayscale, пред индексацией переведите его в RGB-палитру.

По возможности опасайтесь включения функции "dithering"- она увеличивает размер файла. Данная функция нужна, только ежели в изображении находится цветовой либо тоновой раскат (напр. тень). Назначая бесцветный фон, после применения "dithering" удостоверьтесь, что фон не стал "клетчатым".

В трудных вариантах пред индексированием выделите более принципиальные составляющие изображения. Расцветки внутри выделенной области индексируются корректнее остальных.

Заключение

Данная тема была выбрана по нескольким причинам. Одна из самых существенных причин в том, что за всемирной компьютерной сетью Internet будущее. И любой человек сознает, что знание Internet необходимо и ему. Но так как информации в сети достаточно большое количество и она “разбросана” по огромному количеству серверов, необходимо уметь и знать как ее находить.

Цель моей работы - создание странички на языке программирования HTML для того, чтобы помочь администратору сети Internet и любому рядовому пользователю находить среди огромного количества информации новости по наиболее популярным тематикам.

В работу вошел материал основанный на материале, который я искал в библиотеках.

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

Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML вероятнее всего будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, Вы сможете создавать документы, которые могут быть просмотрены многими браузерами Web, как сейчас, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, предоставляемый Netscape Navigator, Internet Explorer или некоторыми другими программами. Работа с HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только когда это действительно необходимо.