..
, .. Word, .
, , , , .
.
, , .. , , , , , , , , .
, , <p> - .
align "" .
:
:
<p align="center"> !!!</p>
:
<p align="left"> !!!</p>
:
<p align="right"> !!!</p>
:
<p align="justify"> !!! - </p>
:
<html>
<head>
<title> </title>
</head>
<body>
<p align="center"> !!! </p>
<br>
<p align="justify">
! - ! , ! !!! . !!
</p>
</body>
</html>
:
1) <p> , :
<p>
<p>
</p>
</p>
! - , ?
2) , .
<p> , - !!!</p>
3) , align="left" .
4) <p> , , <p> <div> <p> :
<div align="center"> !!!</div>
<div align="left"> !!!</div>
<div align="right"> !!!</div>
<div align="justify"> !!!</div>
, <p> :
|
|
<div>
<p align="left"> </p>
<p align="right"> </p>
</div>
<div> .. -, , .. , , <div>, ..
5) <center> . :
<center> !!!</center>
html :
<h1> !!! </h1>
<h2> !!! </h2>
<h3> !!! </h3>
<h4> !!! </h4>
<h5> !!! </h5>
<h6> !!! </h6>
.. <hx> , x ( ). , - .
, , ?
<font> - "".
<font> , , size - .
:
<font size="+4"> !!! </font>
<font size="+2"> !!! </font>
<font size="+0"> !!! </font>
<font size="-1"> !!! </font>
<font size="-2"> !!! </font>
.
<html>
<head>
<title> </title>
</head>
<body>
<center> <h2> !!! </h2> </center>
<br>
<p align="justify">
<font size="+1"> ! - ! , ! <font size="+2"> !!! </font> . !! </font>
</p>
</body>
</html>
, , ..
..
html . , :
#000000 black | #ffffff white | #ff0000 red |
#ffa500 orange | #ffff00 yellow | #008000 green |
#00ffff cyan | #0000ff blue | #800080 purple |
.
:
RGB - #008000 - , - green ( , green -.)
|
|
, !
<font> - color.
, :
<font color="#ff0000"> !!! </font> - . ..
:
<font color="red"> !!! </font> - ..
, -, , -, ,
. <body></body> "" - text - "" , , "" .
<body> :
<body text="#ff8c40 ">
" !!!" .
<body> bgcolor
<body bgcolor="#40caff"> - ..
.. , !
html .. , , .
:.. ?
<html>
<head>
<title> </title>
</head>
<body text="#484800" bgcolor="#e8e8e8" >
<center>
<h2>
<font color="#008000"> !!!</font>
</h2>
</center>
<p align="justify">
<font size="+1"> ! - ! , ! <font size="+2" color="#ff0000" >!!!</font> . !!
</font>
</p>
</body>
</html>
, , . <body text="#ff207b" bgcolor="#1a77f0"> <body> text bgcolor , ..
..
, :
<b> </b> | - |
<i> </i> | - |
<u> </u> | - |
<strike> </strike> | - |
<s> </s> | - |
<tt> </tt> | - |
<small> </small> | - |
<big> </big> | - |
<sup> </sup> | - |
<sub> </sub> | - |
.. .
<html>
<head>
<title> </title>
</head>
<body>
<big><b><u> . </u></b></big>
<br>
<br>
<sub> 2 </sub> <sub> 2 </sub> <sub> 5 </sub> 40 <sup> </sup> <i> - . </i>
<br>
<s> </s> <tt> . </tt>
<br>
<br>
<br>
<small> . </small>
</body>
</html>
|
|
, . <font> face - ..
:
<font face="arial"> Arial </font>
:
<html>
<head>
<title> </title>
</head>
<body>
<font face="arial"> , , , .</font>
<br>
<font face="times new roman"> , , , .</font>
<br>
<font face="comic sans ms"> , , , .</font>
<br>
</body>
</html>
, , , , . , face() , - "" , .
.
, , "" . , .
"", , .
, , .. , ? <br>, ..
<pre>, , ..
:
<html>
<head>
<title> </title>
</head>
<body>
<pre>
</pre>
</body>
</html>
..
:
, HTML , . , , , .. , html .
.
- , html , , ! , .
- , , , .
- "" - , , .. !
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.jpg" 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>
, - - - .. .
, , -.. , ..
:
- , .. , . , .
- , , , , :
- (. ), ( 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%, .. .. ..