-

: 5887 : 19
Ennio Morricone
: 29546 : 31
- ( )
: 88350 : 25
- (NEW)!!!
: 9903 : 8
: 12889 : 25

 -

 - e-mail

 

 -

17 - (1)

...

, - (1)

...

" , , ..." - (4)

  , ...

, . . - (2)

, . . . ...

! - (15)

! , ...

 -

 -

( : 2) _ __

 -

 LiveInternet.ru:
: 20.01.2009
: 8260
: 252897
: 282381

:

(71)

,....

, 17 2011 . 08:11 +


...










...



:  
(26)

HTML & CSS - 5

, 07 2011 . 04:02 +

1

2

3

4



http://...

- http://site.ru http://site.ru/index.html.


.html , HTLM.
c : .jpg,
.doc, .pdf, .mp3, .zip... .
(,
).

,

(HTTP). ?

<a...>...</a>. , , :

<a href="http://yandex.ru" title="" target="_blank"> !</a>

:

!

- .

http://yandex.ru
- , .
. ,
, , .

title="" - . , .

target="_blank"
- ().
,
, . ,
, .

- . , () . .

<a...> </a>
, . ,
- .
, , , ,

<a href="http://yandex.ru" title="" target="_blank"><img src="http://www.promolive.ru/images/content/logo-yandex.gif"></a>

:


, ,
( ).


. ( ,
..) .
<a...> style ( ). , . :

<a href="http://yandex.ru" title="" target="_blank" style="color:green"> !</a>

:

!


,
. -
. .

*


, ,
"". ,
. 1 <a...>...</a>:

<a name="part 1"> 1. </a>

, : name=part1.

. "Lorem ipsum"** ( ). :

1.

Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.


1. ,
, :

<a href="#part 1"> 1</a>


, "" (
, , -
,
):

1

, 1.



* . .

**Lorem ipsum
- -«». «» -
, , ,
. Lorem ipsum
«
», 45 .

XVI ( ).

, " ". :

<a href="mailto:address@yandex.ru"> </a>

:


, , -
().
.


: ,
,
.

, , ftp. , . ( ).



Arnusha




:  
(19)

HTML & CSS - 4

, 04 2011 . 07:28 +

1

2

3

.


- ("",
"" ..) MS Word.
, .
. .

:

  • /s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png" target="_blank">http://s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png);">
    ( ,
    , , )
  • /s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png" target="_blank">http://s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png);">
    ( ,
    , , )
  • /s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png" target="_blank">http://s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png);">
    ( ,
    , , )

, - , :


  • ( ,
    , , )

  • ( ,
    , , )

  • ( ,
    , , )

- . :

<ul style="padding:0 0 0 25px"><li style="list-style-position:outside; list-style-image:url('http://s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png') ; list-style-type:circle"> ...</li><li style="list-style-position:outside; list-style-image:url('http://s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png')
; list-style-type:circle">
...</li><li style="list-style-position:outside;
list-style-image:url('http://s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png') ; list-style-type:circle"> ...</li></ul>


<ul style="padding:0 0 0 25px">...</ul>.

ul unordered list - . padding:0 0 0 25px , "" . padding-left:25px

. <li style="list-style-position:outside; list-style-image:url('URL_'); list-style-type:circle">...</li>. , URL_ .

list-style-position:outside , . list-style-position:inside, "" :


  • ( ,
    , , )

  • ( ,
    , , )

  • ( ,
    , , )
, list-style-position:outside, .

list-style-image:url('URL_') , ( ).

list-style-type:circle , , : circle
(). ,
, ,
(disc). , (square) (none).

(, ) list-style-type , .

, :

:

<ul><li
style="list-style-type:circle"> </li><li
style="list-style-type:disc"> </li><li
style="list-style-type:none"> </li><li
style="list-style-type:square">
</li></ul>



, ?
, , :

  1. /s56.radikal.ru/i153/1007/7b/7f10dfb95c69.png" target="_blank">http://s56.radikal.ru/i153/1007/7b/7f10dfb95c69.png);">
  2. /s001.radikal.ru/i194/1007/b6/dda52ff8f3d2.png" target="_blank">http://s001.radikal.ru/i194/1007/b6/dda52ff8f3d2.png);">
  3. /s004.radikal.ru/i206/1007/2d/cda348ffa7ba.png" target="_blank">http://s004.radikal.ru/i206/1007/2d/cda348ffa7ba.png);">

, ( list-style-position:outside , , , ):

<ol style="padding:0 0 0 25px"><li style="list-style-image:url('http://s56.radikal.ru/i153/1007/7b/7f10dfb95c69.png')"> </li><li style="list-style-image:url('http://s001.radikal.ru/i194/1007/b6/dda52ff8f3d2.png')"> </li><li style="list-style-image:url('http://s004.radikal.ru/i206/1007/2d/cda348ffa7ba.png')"> </li></ol>


, ( <ol>...</ol>) ( <ul>...</ul>)
,
, - () -
decimal.

, , :

:

<ol><li>
</li><ul style="padding:0 0 0 20px"><li
style="list-style-type:circle">
</li><li style="list-style-type:circle">
</li><li
style="list-style-type:circle">
</li></ul><li>
</li><li> </li></ol>



CSS , . ,
, .

. , - . :

:

<ol><li
style="color:maroon; font-family:Verdana; font-size:18px;
font-style:italic; font-weight:bold">
</li><li style="color:maroon; font-family:Verdana;
font-size:18px; font-style:italic; font-weight:bold">
</li></ol>



,
, , , -:

:

<ol><li
style="color:maroon; font-family:Verdana; font-size:18px;
font-style:italic; font-weight:bold"><span style="color:black;
font-family:arial, sans-serif; font-size:.7em; font-style:normal;
font-weight:normal"> </span></li><li
style="color:maroon; font-family:Verdana; font-size:18px;
font-style:italic; font-weight:bold"><span style="color:black;
font-family:arial, sans-serif; font-size:.7em; font-style:normal;
font-weight:normal">
</span></li></ol>


<span> . <span...>...</span> , <li...>...</li> - .

.

:

font-family:arial, sans-serif;

font-size:.7em (.7em - , 0.7em);

font-style:normal;

font-weight:normal;

color - .



 



Arnusha



:  
(21)

HTML & CSS - 3

, 02 2011 . 06:59 +
HTML & CSS - 3

1

2



style,
, ""
HTML. , .
, .

() align <p>. , .. "" : < align="justify">. .

() align <p>. : < align="right">

() align <p>. : < align="center">

() align <p>. : < align="left">

align="left" , .

<center>:

, , <center><p> </p></center>

<center> , , :

<center><img src="URL_"></center>

URL_ (http://...) .

style? .

" ", , 20px: <p style="text-indent:20px"> </p>

. "" . , text-indent:-20px, "" :

text-indent:-20px, .

-. 20px text-indent:-20px:

text-indent:-20px padding:0 0 0 20px: <p style="padding:0 0 0 20px; text-indent:-20px"> </p>.

, :

text-indent:-20px padding:0 0 0 20px: <p style="padding:0 0 0 20px; text-indent:-20px"> </p>.

padding ( margin),

(, "" , ..) -
, .
, padding:0 0 0 20px padding-left:20px.


 






:  
(60)

...

, 25 2011 . 04:07 +




-
,
,
.

,
,

,

,
, ,
,
.
,
,
,
.

, , ,
,
, ,
, ,
, ,
,
, ,
.





٨



:  

 : [1]