С чего начать

Начинать советую с редактирования уже готовых html-файлов. Меняете какой-нибудь элемент или добавляете новый — смотрите, что получилось. Это лучший способ понять принцип действия того или иного тэга.

Каждый тэг, будучи открыт, должен быть закрыт (за некоторым исключением, об этом ниже)

Необязательные элементы

Без этих элементов ваш html-файл будет работать, но во избежание разных глюков постарайтесь не пренебрегать ими. Для примера можете посмотреть как написан данный файл (если вы смотрите его в Internet Explorer — меню "Вид" — "в виде HTML"). Не пугайтесь, если увидите много непонятного — это пройдет :)

К оглавлению

Фон

Фон можно покрасить в любой цвет либо залить фоновой картинкой.

Синтаксис.

Фон можно задать как для всего окна в целом, так и для ячеек таблицы.

Синтаксис.

Пример таблицы с разноцветными ячейками

       

К оглавлению

Teкст

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

Синтаксис.

Для любого абзаца можно задать
нестандартную выключку (расположение текста),
которая по умолчанию - влево.

Спецсимволы

К оглавлению

Бегущая строка (Не работает в Netscape)

Синтаксис.

К оглавлению

Список

Пронумерованные строки с обратным отступом.

Синтаксис.

Выглядит это так:

  1. 1 строка
  2. 2 строка
  3. ...

Если использовать не OL, а UL - в начале строки будут не цифры, а крупные точки (ненумерованный список).

  • 1 строка
  • 2 строка
  • ...

К оглавлению

Картинки

Формат картинок для использования в Интернете - .jpg или .gif. Каждый формат имеет свои плюсы и минусы, разобраться с которыми вам поможет личный опыт и эксперименты. Рекомендуемая программа для работы с изображениями — Photoshop 5.5

Синтаксис.

Данный тэг редко используется в таком лаконичном виде. Зачастую необходимо прописывать размеры картинки, рамку или ее отсутствие, надпись, которая видна, пока картинка не загрузилась (или в режиме с отключенными картинами).

Пример.

Вот как это выглядит:
Это просто картинка

К оглавлению

Гиперссылки

Синтаксис.

В качестве адреса для ссылки может использоваться:

Ссылкой может быть слово, несколько слов, картинка, причем для картинки следует задать нулевую рамку (border=0). Ссылки (стандартно) выделяются синим цветом и подчеркиванием (как изменить цвет ссылок - см. раздел "Цвет фона и элементов".

Ссылка может работать по координатам на картинке.
На одной картинке можно организовать сколько угодно ссылок.

Иногда требуется, чтобы ссылка открывалась в новом окне, для этого в угловые скобки добавляют атрибут "target".

К оглавлению