Работа дома в интернете без вложений.    Самые популярные и доступные способы заработка в сети..    Популярнейший развлекательный сайт. Много свежих анекдотов и всякой смешной всячины.



Рекламный блок

Рейтинг@Mail.ru
Goon Каталог сайтов



Графическое оформление страниц 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>
<br> 
<font color="#633000"> 
 <p align="justify"><font face="Garamond,  Arial, Verdana">
<img src="http://i077.radikal.ru/1006/ac/39ab08c0c9b8.jpg">
Животный мир нашего края достаточно разнообразен и 
представлен беспозвоночными и позвоночными животными 
различных классов, отрядов и видов.</font></p>
<p align="justify"><font face="Garamond, Arial, Verdana">
На территории области учтено 54 вида млекопитающих. На территорииобласти обитает 200-250 видов птиц; 163 вида из них гнездятся на территории области, восемь видов встречаются только в зимнее время, 60 - во время пролета и сезонных миграций; 16 видов птиц области занесены в Красные книги бывшего СССР и РСФСР.</font></p>
<p align="justify"><font face="Garamond, Arial, Verdana">
На территории области обитает 10 видов земноводных, шесть видов рептилий и около 3 500 видов насекомых (13 видов насекомых занесено в Красную книгу бывшего СССР и Красную книгу России). В водоемах области обитает 38 видов рыб, из которых наиболее распространенными являются карп, сазан, лещ, карась, жерех и др. Самыми крупными рыбами водоемов области являются сом и щука.
</font></p> </font> </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>
<br> 
<font color="#633000"> 
 <p align="justify"><font 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">
Животный мир нашего края достаточно разнообразен и 
представлен беспозвоночными и позвоночными животными 
различных классов, отрядов и видов.</font></p>
<p align="justify"><font face="Garamond, Arial, Verdana">
На территории области учтено 54 вида млекопитающих. На территорииобласти обитает 200-250 видов птиц; 163 вида из них гнездятся на территории области, восемь видов встречаются только в зимнее время, 60 - во время пролета и сезонных миграций; 16 видов птиц области занесены в Красные книги бывшего СССР и РСФСР.</font></p>
<p align="justify"><font face="Garamond, Arial, Verdana">
На территории области обитает 10 видов земноводных, шесть видов рептилий и около 3 500 видов насекомых (13 видов насекомых занесено в Красную книгу бывшего СССР и Красную книгу России). В водоемах области обитает 38 видов рыб, из которых наиболее распространенными являются карп, сазан, лещ, карась, жерех и др. Самыми крупными рыбами водоемов области являются сом и щука.
</font></p> </font> </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://s001.radikal.ru/i193/1011/1c/20c1465625c1.jpg">
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2><font color="#0000CC">Животные леса.</font></H2>
<br> 
<font color="#633000"> 
 <p align="justify"><font face="Garamond,  Arial, Verdana">
Животный мир нашего края достаточно разнообразен и 
представлен беспозвоночными и позвоночными животными 
различных классов, отрядов и видов.</font></p>
<p align="justify"><font face="Garamond, Arial, Verdana">
На территории области учтено 54 вида млекопитающих. На территорииобласти обитает 200-250 видов птиц; 163 вида из них гнездятся на территории области, восемь видов встречаются только в зимнее время, 60 - во время пролета и сезонных миграций; 16 видов птиц области занесены в Красные книги бывшего СССР и РСФСР.</font></p>
<p align="justify"><font face="Garamond, Arial, Verdana">
На территории области обитает 10 видов земноводных, шесть видов рептилий и около 3 500 видов насекомых (13 видов насекомых занесено в Красную книгу бывшего СССР и Красную книгу России). В водоемах области обитает 38 видов рыб, из которых наиболее распространенными являются карп, сазан, лещ, карась, жерех и др. Самыми крупными рыбами водоемов области являются сом и щука.
</font></p> </font> </div> </body> </html>
посмотреть




































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



2018-02-25 14:29:27 - Не могу записать данные в файл: /var/www/cleopa/data/www/soiskateliam.com/spiretonsink/cache_soiskateliam_com_99.txt
2018-02-25 14:29:27 - Не могу записать данные в файл: /var/www/cleopa/data/www/soiskateliam.com/spiretonsink/cache_soiskateliam_com_99.txt
2018-02-25 14:29:27 - Не могу записать данные в файл: /var/www/cleopa/data/www/soiskateliam.com/spiretonsink/cache_soiskateliam_com_99.txt

Error. Page cannot be displayed. Please contact your service provider for more details. (11)


Погода
Москва
pogoda.ru.net

Курсы валют
http://www.romma.ru/

Рекламный блок
Необходимо выставить права 777 на папку 78435758
Error: Cache dir: Permission denied!
Error: Can't open cache file!
Error: Can't write cache!

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