Учитесь у других

Теперь, когда вы знаете, как "заглянуть за кулисы" и просмотреть HTML-код, вы можете делать для себя закладки на интересных Web-страницах, которые вам встретились в Интерне­те. Как мне кажется, лучший способ научиться программировать на HTML— каждый день изучать структуру встречающихся вам страниц. После просмотра и детального анализа доста­точного количества Web-страниц, вы начнете понимать основную структуру HTML-кода, по­рядок расположения тегов на странице. Этому важно научиться до того, как вы начнете ко­пировать и вставлять части HTML-кода.

Как крылья бабочки, открывающий и закрывающий HTML-теги зеркально ото­бражают друг друга на странице. К примеру, первая строка HTML-кода начина­ется с тега <html>. Последняя строка содержит закрывающийся тег </html>. Такого рода зеркальная иерархия наблюдается вплоть до объектного уровня (например, в надписях, кнопках и т.д.). Обратите внимание на то, что закрываю­щие теги располагаются в обратной последовательности от соответствующих им открывающих.

В этом случае в браузере Internet Explorer шрифты оказываются траздо большего размера. Больший размер шрифта растягивает ячейки таблицы, деформируя при лом весь дизайн. Еще одна проблема состоит в том, что в ячейке используется фоновый узор. (Использование фонового узора — единствен­ная возможность добиться эффекта расположения HTML-текста поверх изображения.) Когда ячейки раздвигаются из-за слишком большого текста, узор может повторяться совершенно не так, как нужно.

Для того чтобы исправить некорректное повторение узора, сделайте этот уюр гораздо большим, чем ячейка таблицы. Единственный элемент, который не рас-гяшвает ячейку, — это фоновое изображение в ячейке таблицы. Итак, помести­те фоновый рисунок большого размера в ячейку и задайте для нее меньшую вы­соту и ширину (показывая, таким образом, лишь часть вашего изображения). В этом случае, если текст и графика в ячейке будут слишком ее растягивать, худ­шее, что может случиться, — вы увидите немного больший узор вместо его на­ложения.

При использовании огромных фоновых рисунков необходимо, чтобы размер файла не был слишком большим. Для этою убедитесь, что дизайн достаточно прост и количество исполь­зуемых цветов невелико. В противном случае ваша страница будет загружаться очень долго. Чтобы преодолеть эффект большого шрифта, задайте меньшее число пунктов в коде страни­цы или определите меньший абсолютный размер шрифта с помощью CSS. В любом случае до того, как выставить свою страницу на всеобщее обозрение в Интернете, нужно протестиро­вать ее работу в нескольких различных браузерах.

Язык HTML подразумевает размещение содержимого на странице сверху вниз и слева на­право. Для получения эффекта множества столбцов или строк, как разделы в газете, вам по­надобятся специальные контейнеры. К счастью, в HTML доступно три вида таких контейнер­ных конструкций: фреймы, таблицы и CSS-теги <div> (от англ. division — разделение).