В этом уроке мы научимся прерывать обтекание картинки текстом.

Вам достаточно вспомнить о тэге <br>, который осуществляет

принудительный перевод текста на другую строку (т.е. аналогичен нажатию

клавиши Enter, когда мы форматируем текст в обычном текстовом

редакторе).

В этом уроке мы поговорим об атрибуте тэга <br> - clear. Зачем он

нужен? Допустим, текст обтекает какой-либо объект (например, картинку):

Читать полностью »

Итак, мы задались вопросом как же сделать так, чтобы текст

располагался весь рядом с картинкой, а не только одна его строчка. Все

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

выравнивание. Атрибут align есть и у картинок:

<img src="pr1.png" align="left">

Это означает, что картинка будет прижата к левому краю экрана, а текст

будет обтекать ее справа. Чтобы сделать наоборот (картинка справа, текст

слева) надо прописать right:

<img src="pr1.png" align="right">

Читать полностью »

Сегодня будем учиться добавлять картинки на сайт.

Для начала запомните, страница (сайт) не должна представлять собой супер

графического изыска, который весит десятки мегабайт, т.к. это жестоко, и

ни кто не выдержит подобной пытки (страница будет долго загружаться).

Вот, например, эта страница, содержание которой вы сейчас тщательно

изучаете, весит в картинках не более 70 килобайт (это общий вес всех

картинок, а не вес каждой), что вполне допустимо, и не слишком тяжело.

Также мы посоветуем не изощряться с анимированными картинками: они

отвлекают внимание от содержания страницы, да и анимированные картинки

уже не приемлимы на большинстве сайтов, вместо этого, например эффекты

для кнопки, используют css, он конечно лучше анимации. Постарайтесь

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

бесплатным коллекциям с графикой, пусть ваш сайт будет уникальным.

Читать полностью »