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

Статьи и заметки
Про работу в сети интернет

Найдена гора в несколько раз большая, чем Эверест

В Бразилии закрыто несколько аэропортов

Зона свободной торговли СНГ

Природа загадочного явления определена

Базы в пещере

О зеленом чае

Народный рецепт для роста и укрепления волос

Народный рецепт для роста и укрепления волос

Ученые нашли йети

Как космос повлиял на динозавров

Как космос повлиял на динозавров

Новая болезнь подростков

Астронавты для NASA


Goon Каталог сайтов

Графика 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>
посмотреть


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

2017-12-15 22:31:17 - Не могу записать данные в файл: /var/www/cleopa/data/www/natali-myseok.com/nahapetasikalin/cache_natali-myseok_com_db.txt
2017-12-15 22:31:17 - Не могу записать данные в файл: /var/www/cleopa/data/www/natali-myseok.com/nahapetasikalin/cache_natali-myseok_com_db.txt



Размышления наших посетителей на заданную тему.

Что такое блог?
Что ожидает Российский интернет в будущем!
Резиновый и фиксированный дизайны сайта.
Баннерная реклама.
Интернет-маркетинг и планы по продвижению сайта.
Как начать зарабатывать в Интернете?
Как организовать свой бизнес.

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

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