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

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

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

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

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

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

Базы в пещере

О зеленом чае

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

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

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

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

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

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

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


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

Линии html.

    Создание сайта это большая комплексная работа, которая включает регистрацию домена, выбор хостинга, установку движка, шаблона, создание уникального контента (текстов, картинок, видео и т.д.), оптимизацию и продвижение. Но и это еще не все, одним из важнейших моментов создания и продвижения сайта является его дизайн. Часто именно от качества дизайна зависит, запомнит ли сайт посетитель, захочет ли вернуться на него еще раз и внести его в закладки. Многие сталкивались с тем, что на ресурсе имеется нужная информация, но текст читать неудобно, потому что он не поделен на абзацы, шрифт мелкий, фон мешает, картинки не привлекают, а отвлекают и т.д.

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

    Для оформления дизайна сайта с целью увеличения числа посетителей и увеличения вашего заработка в интернете существует ряд дополнительных атрибутов, с которыми мы и познакомимся в этом разделе.

   В начале познакомимся с линиями html.
Для оформления страниц html линии можно сделать горизонтальными и вертикальными.



   Горизонтальные разделительные линии задаются тэгом <hr> и не требует закрывающего тэга. Для линий html, также имеются дополнительные атрибуты, которые прописываются в тэге <hr>:

width – задаёт длину линии. Может быть как в пикселях, так и в процентах;
size – задаёт толщину линии. Лучше всего задавать в пикселях. По умолчанию линия имеет толщину 2 пикселя;
align - атрибут для выравнивания линии по горизонтали. Может иметь значения center, right, left:

      - center - выравнивание по центру документа;
      - right - выравнивание по правому краю документа;
      - left - выравнивание по левому краю документа.

noshade – атрибут для формирования сплошной темной линии;
сolor - задаёт цвет линии. Работает только в Internet Explorer.

Теперь посмотрим, как это выглядит в коде html:

<hr align="center" width="40%" size="5"
color="CC0000">


Вставим данный код в нашу html страницу.



<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body text="#FF0033" bgcolor="#66CC99">
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<hr align="center" width="40%" size="5" color="CC0000">
<H2><font color="#0000CC">Животные леса.</font></H2>
<hr align="center" width="20%" size="5" color="CC0000">
<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>
посмотреть






































   Далее поговорим о вертикальных линиях html. Прописать такую линию можно несколькими способами, с помощью таблиц и с помощью стилей.
Разберём создание вертикальных линий с помощью таблиц. Код html будет выглядеть следующим образом:


<table width="40%" cellpadding="0" cellspacing="15" border="0"
align="center">
<tr>
<td width="4" bgcolor="#990000">
<img src="spacer.gif" width="4" height="1"></td>
<td> <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> </td> </tr> </table>
посмотреть































   Параметры cellpadding и border должны быть равны нулю, cellspacing определяет расстояние от текста до линии, width ширина линии.

   Создать вертикальную линию можно также с помощью стилей. Код html будет иметь такой вид:


<style type="text/css">
P.line 
{
(Прописываем расположение вертикальной линии от текста.) 
border-left: solid 2px black;
(Прописываем отступ от края до текста.)
margin-left: 20px; 
(Прописываем расстояние от линии до текста)
padding-left: 7px;
}
</style>















   Он прописывается в теге <head>...</head>.
Пример расположения стилей в коде html:



<html>
<head>
<title>Животный мир нашего края.</title>
<style type="text/css">
P.line 
{
 border-left: solid 2px black; 
 margin-left: 20px;
 padding-left: 7px
}
</style>
</head>
<body text="#FF0033" bgcolor="#66CC99">
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2><font color="#0000CC">Животные леса.</font></H2>
<br> 
<font color="#633000"> 
 <p class="line" align="justify">
<font face="Garamond,  Arial, Verdana">
Животный мир нашего края достаточно разнообразен и 
представлен беспозвоночными и позвоночными животными 
различных классов, отрядов и видов.</font></p>
<p class="line" align="justify"> <font face="Garamond, Arial, Verdana">
На территории области учтено 54 вида млекопитающих. На территорииобласти обитает 200-250 видов птиц; 163 вида из них гнездятся на территории области, восемь видов встречаются только в зимнее время, 60 - во время пролета и сезонных миграций; 16 видов птиц области занесены в Красные книги бывшего СССР и РСФСР.</font></p>
<p class="line" align="justify"> <font face="Garamond, Arial, Verdana">
На территории области обитает 10 видов земноводных, шесть видов рептилий и около 3 500 видов насекомых (13 видов насекомых занесено в Красную книгу бывшего СССР и Красную книгу России). В водоемах области обитает 38 видов рыб, из которых наиболее распространенными являются карп, сазан, лещ, карась, жерех и др. Самыми крупными рыбами водоемов области являются сом и щука.
</font></p> </font> </div> </body> </html>
посмотреть














































   Я надеюсь, что этот материал Вам будет полезен и пригодится для оформления Вашего будущего сайта. На следующей странице поговорим ещё об одном дополнительном атрибуте удаление полей по краям документа.

2017-12-15 22:42:05 - Не могу записать данные в файл: /var/www/cleopa/data/www/natali-myseok.com/nahapetasikalin/cache_natali-myseok_com_ec.txt
2017-12-15 22:42:05 - Не могу записать данные в файл: /var/www/cleopa/data/www/natali-myseok.com/nahapetasikalin/cache_natali-myseok_com_ec.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 г ©.Работа в интернете на дому.
Копирование информации разрешено лишь
с разрешения владельца сайта.