, , "" . , .
"", , .
, , .. , ? <br>, ..
<pre>, , ..
:
<html>
<head>
<title> </title>
</head>
<body>
<pre>
</pre>
</body>
</html>
..
:
, HTML , . , , , .. , html .
.
o , html , , ! , .
o , , , .
o "" - , , .. !
P.S. , , .
..
, : . , , . . , , - , ..
|
|
|
3
.
, , , html .
, , , .
, - .. () , , html . , .
:
<img src="foto.jpg">
foto.jpg , html , .
, , <img> !
:
<img src="myfoto/foto.jpg"> - , html myfoto foto.jpg
<img src="myfoto/graphics/foto.jpg"> - myfoto, graphics, foto.jpg .
<img src="../foto.jpg"> - ,
<img src="../../foto.jpg"> - , ../ .
,
<img src="http://www.site.ru/foto/foto.jpg">
, .
:
<html>
<head>
<title> </title>
</head>
<body text="#484800" bgcolor="#e8e8e8">
<center>
<h2> <font color="#008000"> !!!</font> </h2>
</center>
<p align="justify">
<font size="+1">
<img src="graphics/foto.jpg">
! - ! , ! <font size="+2" color="#ff0000">!!!</font> . !!
</font>
</p>
</body>
</html>
, , ..
<img>
.
<img> .. align ""
<img src="foto.jpg" align="left"> -
<img src="foto.jpg" align="right"> -
<img src="foto.jpg" align="top"> -
<img src="foto.jpg" align="bottom"> -
<img src="foto.jpg" align="middle"> -
|
|
|
align <img> , . (), , .. - . , , x=1, y=1, .. x=800, y=600 - 800 600 . , , , .. 800 600 .
..
<img src="foto.jpg" vspace="15"> - vspace , 15
<img src="foto.jpg" hspace="25"> -
<img src="foto.jpg" width="180"> -
<img src="foto.jpg" height="240"> - . width height , , .
<img src="foto.jpg" border="5"> - , .
<img src="foto.jpg" border="5" bordercolor="#008000 "> - bordercolor - .
<img src="foto.jpg" alt=" !!!"> - alt - . , - !!!
<img src="foto.jpg" title=" !!!"> - alt .
.. background "" <body>
:
<body background="foto.jpg">
.
. .. , .. , , , , ..
:
<html>
<head>
<title> </title>
</head>
<body>
<img src="foto.jpg ">
<center> <img src="foto.jpg "> </center>
<div align="left" ><img src="foto.jpg"> </div>
<br>
<div align="right"> <img src="foto.jpg"> </div>
<br>
<div align="center "><img src="foto.jpg"> </div>
</body>
</html>
. , , , , .. !
:
<html>
<head>
<title> </title>
</head>
<body text="#484800" bgcolor="#ffffff" background="graphics/fon.jpg">
<center>
<img src="graphics/privet.png" width="400" height="80" alt=" !!!">
</center>
<p align="justify">
<img src="graphics/foto.jpg" align="left" hspace="15" width="140" height="120" alt=" !!!">
<font size="+1">
! - ! , ! <font size="+2" color="#ff0000">!!!</font> . !!
</font>
</p>
</body>
</html>
|
|
|
, - - - .. 6 .
, , -.. , ..
:
, .. , . , .
, , , , :
(. 5), ( alt) : " " "" - .
( bgcolor <body>)
:
<body bgcolor="#008000" background="fon.jpg">
, , - , .
4
.. . , , , , . ..
<table> , , , , :
<tr> -
<td> -
:
<table>
<tr>
<td></td>
</tr>
</table>
, , -
, border "", .
<html>
<head>
<title></title>
</head>
<body>
< table border="1" >
<tr>
<td> 1 1 </td>
<td> 1 2 </td>
<td> 1 3 </td>
</tr>
<tr>
<td> 2 1 </td>
<td> 2 2 </td>
<td> 2 3 </td>
</tr>
<tr>
<td> 3 1 </td>
<td> 3 2 </td>
<td> 3 3 </td>
</tr>
</table>
</body>
</html>
|
|
|
? , ..
.
.
"" , , . Word, "".. , "" "".
colspan rowspan
colspan -
rowspan -
"" , colspan 2 ( ) .
<html>
<head>
<title></title>
</head>
<body>
<table border="1">
<tr>
<td>1 1</td>
<td>1 2</td>
<td>1 3</td>
</tr>
<tr>
<td>2 1</td>
<td>2 2</td>
<td>2 3</td>
</tr>
<tr>
<td>3 1</td>
<td colspan="2" >3 2</td>
<td>3 3</td>
</tr>
</table>
</body>
</html>
, , , . , .
:
<html>
<head>
<title></title>
</head>
<body>
<table border="1">
<tr>
<td>1 1</td>
<td>1 2</td>
<td>1 3</td>
</tr>
<tr>
<td>2 1</td>
<td>2 2</td>
<td>2 3</td>
</tr>
<tr>
<td>3 1</td>
<td colspan="2" >3 2</td>
</tr>
</table>
</body>
</html>
, rowspan, .
<html>
<head>
<title></title>
</head>
<body>
<table border="1">
<tr>
<td rowspan="3" >1 1</td>
<td>1 2</td>
<td>1 3</td>
</tr>
<tr>
<td>2 2</td>
<td>2 3</td>
</tr>
<tr>
<td colspan="2">3 2</td>
</tr>
</table>
</body>
</html>
.. !
.
, .. "" . width - height - , , <table>, <tr> <td>. , .. . , <center>
:
<html>
<head>
<title></title>
</head>
<body>
<center>
<table border="1" width="640" height="480" >
<tr>
<td rowspan="3" width="150" >1 1</td>
<td height="30" >1 2</td>
<td>1 3</td>
</tr>
<tr>
<td height="30" >2 2</td>
<td>2 3</td>
</tr>
<tr>
<td colspan="2" >3 2</td>
</tr>
</table>
</center>
</body>
</html>
, . ? .. ..
..
|
|
|
width height ,
:
<html>
<head>
<title></title>
</head>
<body>
<center>
<table border="1" width="640" height="480">
<tr height="25%" >
<td width="15%"> 1 1</td>
<td width="25%"> 1 2</td>
<td width="60%"> 1 3</td>
</tr>
<tr height="50%">
<td>2 1</td>
<td>2 2</td>
<td>2 3</td>
</tr>
<tr height="25%" >
<td>3 1</td>
<td>3 2</td>
<td>3 3</td>
</tr>
</table>
</center>
</body>
</html>
640 15% , 25% 60% . 480 25% , .. .. , , , 100%, .. .. ..
