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

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

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








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


Линии для оформления дизайна документа 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 будет выглядеть следующим образом:

<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>
Анекдоты - самая распространенная в
современном фольклоре форма юмора. Анекдоты
наиболее короткие по содержанию и сжатые в
изложении рассказы о забавных случаях с
неожиданной и остроумной концовкой, что в
лучшую сторону отличает их от таких не менее
забавных жанров как частушки, стишки, приколы
и афоризмы. На этом сайте Вы найдёте
множество
<a href="http://www.rabotjagamneta.com/iymor1.html">прикольных анекдотов</a> и
сможете расслабиться от повседневных трудовых будней.

</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"
link="#FF3366" alink="#6666FF"
vlink="#FF3366">
<div align="center">
<H1>
Прикольные анекдоты.</H1>
<font color="#0000CC">
Вселенная юмора.
</font>
</div>
<p class="line" align="justify">
<font color="#63300" face=" Garamond, Arial,
Verdana ">
Анекдоты - самая распространенная в современном фольклоре форма юмора. Анекдоты наиболее короткие по содержанию и сжатые в изложении рассказы о забавных случаях с неожиданной и остроумной концовкой, что в лучшую сторону отличает их от таких не менее забавных жанров как частушки, стишки, приколы и афоризмы. На этом сайте Вы найдёте
множество
<a href="http://www.rabotjagamneta.com/iymor1.html">прикольных анекдотов</a>
и сможете расслабиться от повседневных
трудовых будней.

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

   посмотреть

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

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



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

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

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