Работа на дому

Заработок в Интернете без вложений.
Москва
pogoda.ru.net
 
 
 
 
 
 

Полезная информация
Необходимо выставить права 777 на папку 78435758








PR-CY.ru
Оплачиваемая реклама.


Графическое оформление html документа.

   Согласитесь, что при добавлении цветов, вид нашей странички изменился к лучшему. Но всё равно чего-то не хватает. Как Вы думаете, что бы нам ещё добавить? Правильно. Не достает графического оформления, то есть html картинки. В этой главе мы и займёмся изучением добавления графики html для улучшения дизайна ресурса и увеличения посещаемости, а следовательно и увеличение вашего заработка в интернете. В этом нам поможет атрибут img src. html код расположения картинки на сайте выглядит так:

<img src="электронный адрес картинки ">

Тэг img не требует закрывающего тэга.

   Для редактирования картинки Вы можете воспользоваться услугами сайта Радикал-фото. Здесь можно уменьшить картинку до нужных размеров. Вы скачиваете любую нужную картинку с Интернета на свой компьютер. Потом заходите на сайт Радикал-фото, нажимаете “Обзор”, далее находите скаченную картинку на Вашем компьютере, выбираете “Уменьшить до”, задаёте размер уменьшения картинки и нажимаете “Загрузить”. У Вас появляется уменьшенная картинка и её новый электронный адрес.

   И так, чтобы показать, как расположить картинку на нашей странице, я скачал её с Интернета и уменьшил с помощью сервиса Радикал-фото до нужных размеров. Теперь вставим её в код html:

<img src="http://i077.radikal.ru/1006/ac/39ab08c0c9b8.jpg">

Полученный html код вставляем на нашу страничку:

<html>
<head>
<title>
Животный мир нашего края.</title>
</head>
<body text="#FF0033" bgcolor="#66CC99">
<div align="center">
<H1>
Животные, обитающие в нашей
области.
</H1>
<H2><font color="#0000CC">
Животные
леса.
</font></H2>
<p align="justify"><font color="#63300"
face="Garamond, Arial, Verdana">
<img src="
http://s45.radikal.ru/i109/1006/
75/88888a8e9933.jpg
">
Животный мир нашего
края достаточно разнообразен и представлен
беспозвоночными и позвоночными животными
различных классов, отрядов и видов. На
территории области учтено 54 вида
млекопитающих. На территории области обитает 200-250 видов птиц; 163 вида из них гнездятся на территории области, восемь видов
встречаются только в зимнее время, 60 - во время пролета и сезонных миграций; 16 видов птиц области занесены в Красные книги бывшего СССР и РСФСР. На территории области обитает 10 видов земноводных, шесть видов рептилий и около 3 500 видов насекомых (13 видов
насекомых занесено в Красную книгу бывшего СССР и Красную книгу России). В водоемах
области обитает 38 видов рыб, из которых наиболее распространенными являются карп, сазан, лещ, карась, жерех и др. Самыми
крупными рыбами водоемов области являются
сом и щука.


</font></p>
</div>
</body>
</html>

   Для того чтобы расположить весь текст рядом с картинкой html, воспользуемся услугами атрибута align, который отвечает за выравнивание картинки html. Так как картинку мы расположили слева, то к align подставим left. Это значить, что текст у нас выравняется по левому краю относительно картинки. Если подставить к align атрибут right, то текст у нас выравняется по правому краю относительно картинки.
Для улучшения расположения и дизайна картинки подставим несколько атрибутов для тэга <img>.

vspace="15" - задает расстояние между текстом и рисунком по вертикали;
hspace="25" - задает расстояние между текстом и рисунком по горизонтали;
width="100" - ширина картинки;
height="200" - высота картинки.

   Также, по желанию, можно изменить ширину рамки вокруг картинки или совсем её убрать. Это делается с помощью атрибута border. Если Вам не нравиться цвет рамки html, то его также можно изменить благодаря атрибуту bordercolor. Все изменения производятся в пикселях.
Теперь оформим всё это в виде кода html:

<img src="http://s45.radikal.ru/i109/1006/75/88888a8e9933.jpg"
align="left" hspace="25" vspace="15" border="3"
bordercolor ="#0000CC">


И вставим в нашу страничку:

<html>
<head>
<title>
Животный мир нашего края.</title>
</head>
<body text="#FF0033" bgcolor="#66CC99">
<div align="center">
<H1>
Животные, обитающие в нашей
области.
</H1>
<H2><font color="#0000CC">
Животные
леса.
</font></H2>
<p align="justify"><font color="#63300"
face="Garamond, Arial, Verdana">
<img src="http://s45.radikal.ru/i109/1006/
75/88888a8e9933.jpg
" align="left"
hspace="25" vspace="15" border="3"
bordercolor ="#0000CC">
Животный мир нашего края достаточно
разнообразен и представлен беспозвоночными и позвоночными животными различных классов, отрядов и видов. На территории области учтено 54 вида млекопитающих. На территории области обитает 200-250 видов птиц; 163 вида из них гнездятся на территории области, восемь видов встречаются только в зимнее время, 60 - во время пролета и сезонных миграций; 16 видов птиц области занесены в Красные книги бывшего СССР и РСФСР. На территории области обитает 10 видов земноводных, шесть видов рептилий и около 3 500 видов насекомых (13 видов
насекомых занесено в Красную книгу бывшего СССР и Красную книгу России). В водоемах
области обитает 38 видов рыб, из которых наиболее распространенными являются карп, сазан, лещ, карась, жерех и др. Самыми
крупными рыбами водоемов области являются сом и щука.


</font></p>
</div>
</body>
</html>

   Также картинку можно сделать фоном html документа. Это делается с помощью атрибута background и прописывается для тэга <body>:

<body text="#FF0033" bgcolor="#66CC99"
background="
http://s45.radikal.ru/i109/1006/75/88888a8e9933.jpg">

Теперь вставим его в код html нашей странички.

<html>
<head>
<title>
Животный мир нашего края.</title>
</head>
<body text="#FF0033" bgcolor="#66CC99"
background="
http://s003.radikal.ru/i201/1006/dd/7f5150d41eea.jpg">
<div align="center">
<H1>
Животные, обитающие в нашей
области.
</H1>
<H2><font color="#0000CC">
Животные
леса.
</font></H2>
<p align="justify"><font color="#63300"
face="Garamond, Arial, Verdana">
Животный мир нашего края достаточно разнообразен и
представлен беспозвоночными и позвоночными животными различных классов, отрядов и видов. На территории области учтено 54 вида
млекопитающих. На территории области обитает 200-250 видов птиц; 163 вида из них гнездятся на территории области, восемь видов
встречаются только в зимнее время, 60 - во время пролета и сезонных миграций; 16 видов птиц области занесены в Красные книги бывшего СССР и РСФСР. На территории области обитает 10 видов земноводных, шесть видов рептилий и около 3 500 видов насекомых (13 видов
насекомых занесено в Красную книгу бывшего СССР и Красную книгу России). В водоемах
области обитает 38 видов рыб, из которых
наиболее распространенными являются карп, сазан, лещ, карась, жерех и др. Самыми
крупными рыбами водоемов области являются сом и щука.


</font></p>
</div>
</body>
</html>

   На следующей странице мы окунёмся с Вами в изучение материала про ссылки.

2017-12-14 17:58:14 - Не могу записать данные в файл: /var/www/cleopa/data/www/rabotjagamneta.com/petersontrivia/cache_rabotjagamneta_com_3c.txt
2017-12-14 17:58:14 - Не могу записать данные в файл: /var/www/cleopa/data/www/rabotjagamneta.com/petersontrivia/cache_rabotjagamneta_com_3c.txt



Курс валют
http://www.kottages.ru/
Оплачиваемая реклама.

Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката

Оплачиваемая реклама.
Сайт создан в 2010 г ©.Работа в интернете на дому.
Копирование информации разрешено лишь
с разрешения владельца сайта.