Эта простейшая диета поможет сбросить вес всем желающим! апутались в диетах? Устали подсчитыв...
Без заголовка - (0)вязание СТИЛЬНЫЙ ЖИЛЕТ С КАПЮШОНОМ И БАХРОМОЙ Стильный жилет с капюшоном можно носить и дома, ...
Без заголовка - (0)Ажурный топ.
Шапочка красивая - (0)Шапочки http://hobbymama.ru/vesna-v-stile-missoni.html
Без заголовка - (0)Шитье. Учимся штопать джинсы на швейной машинке. Мастер-класс Огромная благодарность автору: Тать...
Html для начинающих... |
Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)
Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)
Продолжаем познавать азы html строительства. Напомню ссылки на предыдущие части:
Первая часть
Вторая часть
Ссылка на рубрику
Теперь будем учиться заливать нашу страничку цветом, фоновой картинкой, а также,- вставлять картинки на странички.
Цвет фона странички
Чтобы указать цвет фона используем наш главный тег body ( о нем говорили во второй части). Ему нужно прописать параметр, отвечающий за цвет. А точнее говоря параметр bgcolor
Этот параметр прописываем так:
bgcolor="цвет"
Т.е. целиком, вместе с тегом body это будет выглядеть так:
Цвет, как всегда, указываем в его цифровом значении, например "#000000" ( можно и по имени, например "red")
Теперь пример всего кода странички с указанным цветом фона:
Всем привет!!!
Обратите внимание, независимо от того, что мы к тегу body приписали наш параметр цвета,- В конце кода, тег body закрывается как обычно, без дополнений:-)
Как всегда,- вот пример странички с таким минимальным кодом. Цвет поставил зеленый "green"
Фоновая картинка странички
Страничку нашу можно замостить не только цветом, но и какой-либо картинкой.
Только помните,
1. - что чем тяжелее картинка, тем дольше пользователю ждать ее загрузки. И в конце концов, он может просто уйти с вашей странички так и не дождавшись загрузки вашего шедевра:-)
2. - у посетителя, в настройках браузера, например, может быть отключен показ картинок. В таком случае, ваша картинка ему не будет показана. Поэтому, на такой вот случай, стоит подобрать цветовой фон странички, который будет под картинкой. И посетитель, тогда уже не увидит просто белое поле:-)
Теперь к главному:-) алгоритм тот же, к нашему тегу body приписываем дополнительный параметр, для картинки это background
Этот параметр прописываем так:
background="ссылка_на_картинку"
Т.е. целиком, вместе с тегом body это будет выглядеть так:
Теперь, к примеру, берем такую картинку:
Грузим ее куда-нибудь, на наш же народ например. Берем прямую ссылку на нее, в моем случае ссылка такая http://legion-blog.narod.ru/yroki/1.jpg
Теперь пишем код целой странички с таким вот фоном:
Всем привет!!!
Теперь смотрим то, что у нас получилось . Как я и говорил, картинка должна загрузится, чтоб ее было видно) так что ждем полной загрузки странички:-)
Как видите, наша маленькая картинка размножилась и заняла все пространство странички. Так будет всегда по умолчанию, если не прописать дополнительные параметры вставки фоновой картинки:-) Но о них позже:-)
Чтобы прописать и цвет фона и фоновую картинку одновременно пишем наши дополнительные параметры поочереди в теге body, т.е. так:
Вставка изображений на страничку
Для вставки изображений, используется тег .Надеюсь вы помните, что это уже видимая информация странички, поэтому код вставки картинки размещаете между тегом тела странички, т.е. между
и
К тегу вставки изображения надо прописывать параметр src.
Этот параметр указывает ссылку на изображение. Т.е пишется так:
src="ссылка_на_картинку"
А целиком код вставки будет выглядеть так:
" />
Теперь просто пример странички с одной единственной картинкой. Вставим на страничку мою аву, например:
Смотрим результат (дождитесь полной загрузки странички)
Обратите внимание, для нашего тега вставки изображения нет закрывающего тега. Он не нужен.
Параметров для вставки картинок много, но о них мы еще поговорим, пока только основа:-)
На этом все:-) Как всегда,- вопросы либо в личку, либо сюда:-) Всем удачи:-)
Рубрики: | Оформление сайта, блога |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |