, font, . , . , .
:
BACKGROUND - " " . URL GIF JPG.
BGCOLOR - .
TEXT - .
BODY. RGB - , 16 .
1:
<! - - >
<body bgcolor="#FFF8D2" text="red">
<p> , </ p >
<font color ="green">
<p> , font </ p >
</ font >
<p> </ p >
</ body >
2:
<! - ->
<body background="fon.jpg" text="red">
<p> , IJ </ p>
<p> <font color ="green"> </ font>
</ p>
<p> </ p>
</ body>.
1.8. 7: .
Html - . , , . , ( <div> CSS). :
( )
1
2
3
4
5
. .
TABLE - html . ' . html , . ³ , BORDER .
TR (Table Row) - . '.
TD (Table Data) - html . ' .
:
<table border="1">
<tr>
<td> 1 1 </ td > <td> 1 2 </ td >
|
|
</ tr >
<tr>
<td> 2 1 </ td > <td> 2 2 </ td >
</ tr >
</ table >
:
1 1 1 2
2 1 2 2
? <table>, <tr>, . : <td> 1 1 </ td > <td> 1 2 </ td >. </ tr >, <tr>. . </ table >.
' ?
.
COLSPAN - , . 1.
ROWSPAN - , . 1.
1:
<table border="1">
<tr>
<td colspan="2"> 1 1 +2 </ td >
</ tr >
<tr>
<td> 2 1 </ td > <td> 2 2 </ td >
</ tr >
</ table >
:
1 1 +2
2 1 2 2
2:
<table border="1">
<tr>
<td rowspan="2"> 1, 1 +2 </ td >
<td> 1 2 </ td >
</ tr >
<tr>
<td> 2 2 </ td >
</ tr >
</ table >
:
1, 1 +2 1 2
2 2
ͳ . .
:
CELLPADDING - ( ) html .
CELLSPACING - ( ) html.
WIDTH - html. , . .
HEIGHT - . , . html .
1:
<table border="1" cellpadding="10">
<tr>
<td> 1 1 </ td > <td> 1 2 </ td >
</ tr >
<tr>
<td> 2 1 </ td > <td> 2 2 </ td >
</ tr >
</ table >
:
1 1 1 2
2 1 2 2
2:
<table border="1" cellspacing="10">
<tr>
<td> 1 1 </ td > <td> 1 2 </ td >
</ tr >
<tr>
<td> 2 1 </ td > <td> 2 2 </ td >
</ tr >
</ table >
:
1 1 1 2
2 1 2 2
3:
<table border="1" width="400" height="100">
|
|
<tr>
<td> 1 1 </ td > <td> 1 2 </ td >
</ tr >
<tr>
<td> 2 1 </ td > <td> 2 2 </ td >
</ tr >
</ table >
:
1 1 1 2
2 1 2 2
:
ALIGN - html . : left, center, right. - left.
VALIGN - . : top, bottom, middle. ( , , ).
BGCOLOR - . RGB - , 16 .
BACKGROUND - . URL .
: . : ( ) TABLE (), , .
:
<! - , , , ->
<table width="400" height="100" border="1" align="center" bgcolor="#FFF8D2">
<tr>
<! - ->
<td> 1 1 </ td >
<! - , - ->
<td align="center" valign="top"> 1 2 </ td >
</ tr >
<tr>
<! - , - - >
<td align="center" valign="bottom"> 2 1 </ td >
<! - , - , ->
<td align="right" valign="middle" bgcolor="#33FF99"> 2 2 </ td >
</ tr >
</ table >
:
1 1 1 2
2 1 2 2
:
<! - , , , , ( ) ->
<table width="400" height="100" border="1" bgcolor="#FFF8D2">
<tr>
<! - - , ( ) ->
<td align="center"> 1 1 </ td >
<! - - , ( ) - >
<td align="center" background="pchela.jpg"> 1 2 </ td >
</ tr >
<tr>
<! - - , ( ) ->
<td align="center"> 2 1 </ td >
<! - - , ( ) ->
<td align="center" bgcolor="#33FF99"> 2 2 </ td >
</ tr >
</ table >
:
1 1 1 2
2 1 2 2
, , . - :).
. ' . ' ( , !). Adobe Dreamweaver .
8: .
Html - html. .
|
|
html ? , html . , .
ϲ:
:
?
CD
DVD
?
Adobe Dreamweaver
PHP
:
:
, , :)
? -, , :
html - , html, . , - - , , ' . php. , , .
-
- . - , , html .
1:
<form>
<! - ->
</ form >
: <form> ' </ form >.
, , . html :
2:
<form name="forma zakaza" method="post" action="obrabotchik.php">
<! - ->
</ form >
:
NAME - ' , . , .
ACTION - ' . ( ) , .
METHOD - html . GET ( ) POST.
:
GET , . , . http://adress.com/lessons.php?rub=28 rub 28. html .
POST . . .
? :
<form name="primer1" method="post" action="obrabotchik.php">
ϲ: <br>
<input type="text" name="fio" size="30">
<br>
: <br>
<input type="password" name ="pass">
</ form >
:
ϲ:
:
? :
INPUT - html (, , ..), .
:
TYPE - . - " text ". " password " , .
NAME - ', html . - , ' '.
|
|
SIZE - . 24. 24 .
MAXLENGTH, , . , , SIZE. .
:
<form name="primer2" method="post" action="obrabotchik.php">
( ): <br>
<input type="password" name ="pass" maxlength="6">
</ form >
:
( ):
? :)
VALUE .
:
<form name="primer3" method="post" action="obrabotchik.php">
e - mail: <br>
<input type="text" name="e-mail" size="35" value=": [email protected]">
</ form >
:
- mail:
:
<form name="primer4" method="post" action="obrabotchik.php">
<p> ? </ p >
<p>
<input name="disc" type="radio" value="cd" checked>
CD <br>
<input name="disc" type="radio" value="dvd">
DVD </ p > < / form >
:
?
CD
DVD
html (: , - ). type type = " radio ". CD DVD , INPUT. ' - name = " disc " value. ? :
볺, CD DVD. name = " disc " (value = " cd " value = " dvd "). , disc cd - dvd. ? ...
, , - checked ().
: ' value .
:
<form name="primer5" method="post" action="obrabotchik.php">
<p> ? </ p >
<input type="checkbox" name="fotoshop" value="yes" checked>
<br>
<input type="checkbox" name="dreamweaver" value="yes">
Adobe Dreamweaver <br>
<input type="checkbox" name="php" value="yes"> PHP
</ form >
:
?
Adobe Dreamweaver
PHP
html checkbox , . type = " checkbox " - , name , value - , .
, value ', . , , .
. .
2. SS
.
CSS ( ) - , -. , , , , ..
|
|
- . .
, CSS - . , , , ...
, :) .
ҳ , CSS HTML , , html.
: , html . , . , html - html - .
?
( -) ( : - - - ). (Dreamweaver, FrontPage ) , , ...
?
, . , ( -!) , ! , ...\