Главная

Новости

Статьи и обзоры
  Горожанин
  Обнинск в Internet
  Web Design
  Hardware
  Software
  Безопасность
  Серфинг
  Игродром
  Relax
  Технологии
  Web-обзор
  Интернет-ликбез
  Опросник
  УП-Технологии
  ART.net

Ссылки

Архив

О нас

Контакты

Форумы

POPULAR.RU

la_serg

HTML: Основные теги. Часть 3

We did better this time .... :)))

Добрый день уважаемые читатели! Сегодня мы продолжим изучать Веб-Дизайн, начнем разбирать принципы и методы оформления страничек.

Итак, начинаем оформлять. Прежде всего, рассмотрим оформление текста.
Для оформления текста используется тег:
<FONT параметры> Текст </font>

Данный тег задает свойства текста, такие как шрифт, размер, цвет, эффекты и т.д. Очевидно, что все эти свойства задаются через параметры тега. Тег Фонт может содержать следующие параметры: size, face, color. (Примечание: здесь и далее речь идет о наиболее часто используемых, стандартных параметрах. Специфические или редко используемые параметры не рассматриваются). Поясню параметр color - в HTML цвета задаются ключевыми словами или шестнадцатеричным кодом вида #aabbcc (# - указывает что дальше кодировка цвета, aa, bb, cc - меняющиеся от 00 до ff, обозначают кол-во красного, зеленого и синего цветов соответственно).

Как следует из вышесказанного выражения color="#000000" и color="black" равносильны (подробнее о ключевых словах и прочих стандартах HTML читайте на http://www.w3c.org).

Лирическое отступление. Современные графические редакторы позволяют получить шестнадцатеричную (hex) кодировку цвета. Например PhotoShop версии 5.5 и выше в инструменте пипетка имеет опцию Web-color, а редактор CuteHTML имеет функцию color to hex.

Неотъемлемой частью любого сайта - является графика. Наиболее простой и естественный способ внедрения графики - использование тега <IMG>. Он имеет следующий синтаксис: <IMG параметры>. Возможные параметры: align, alt, border, height, lowsrc, width. Align задает выравнивание картинки. Стандартные значения left, center и right. Параметр alt задает текст который будет всплывать при наведении курсора на картинку. Обычно сюда (в тег alt) помещают какие-либо подсказки или комментарии. Очень интересный параметр - lowsrc. Он позволяет задать альтернативное изображение. Обычно альтернативным задается изображение низкого качества (плохое разрешение, малая цветность). Работает этот параметр следующим образом: при обращении к тегу <IMG> браузер проверяет наличие параметра lowsrc. Если он обнаружен, то загружается файл картинки указанный в нем (предполагается, что там находится низкокачественная, а, следовательно, "маленькая" картинка). При этом общее время загрузки сайта увеличивается. Оригинальным шагом является создание картинки с надписью типа: "downloading ... please wait ...". Параметры height, weight и border задают высоту ширину и толщину рамки соответственно. Варьируя ширину и высоту, Вы можете искажать картинку, не изменяя файл. Эти параметры можно задавать в пикселях или процентах. Использование последних считается дурным тоном.

Настало время объяснить, почему же этот язык называется гипертекстовым. Дело в том, что документ HTML содержит специально выделенные области при щелчке по которым вы переходите к другому документу или файлу. Эти области называются гипертекстовыми ссылками. Ознакомимся поближе с механизмом их реализации. Гипертекстовые ссылки задаются следующим текстом: <a параметры>ОБЪЕКТ </a>. Обратите внимание на то, что внутри тега идет объект. Это значит, что любой видимый объект в документе может быть ссылкой, будь то картинка или просто текст (дальше, для простоты, будут рассматриваться примеры с текстом). Теперь, как обычно, список возможных параметров: href, name, target и title. Детальное описание. HREF задает путь к цели. Этот путь может быть полным (например http://serv.ru/file1.html), а может быть относительным (например files/file231.html) - это значит, что файл будет искаться относительно корневой директории т.е. той, в которой находится текущий файл. Target указывает то окно или фрейм, где надо открыть файл (по умолчанию файл отрывается в текущем окне). Например, если Вы зададите target="_blank" то файл откроется в новом окне. Параметр title аналогичен параметру alt для картинок. Приведенный выше метод хорошо подходит для перемещения между файлами, но что делать если необходимо сослаться на конкретный объект в файле довольно большого объема? Для этого воспользуемся тегом <A> с единственным параметром - name. Конструкция вида <a name="label1"> называется якорем. Имя якоря должно состоять из цифр или английских букв. Теперь, чтобы переместиться к необходимому якорю необходимо написать: href="filename#label" где label - имя якоря, filename - имя файла содержащего данный якорь. Документ будет открыт так, чтобы строчка с якорем была первой. Если Вы хотите переместиться внутри файла, то Вам надо опустить filename. Ваш параметр будет выглядеть примерно так: href="#label"

В следующий раз - мы закончим изучение основных тегов и рассмотрим возможности их комбинирования. Adios dias amigos! :)

#38/28.11.2000