Π‘ΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° ΠΈ Css
Π― Ρ
ΠΎΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <div>
ΠΈ CSS.
ΠΡΠΎ ΠΌΠΎΠΉ ΠΎΠ±ΡΠ°Π·Π΅Ρ ΡΠ°Π±Π»ΠΈΡΡ.
<body>
<form>
<div>
<div>
<div align="center">Customer ID</div>
<div >Customer Name</div>
<div >Customer Address</div>
</div>
<div>
<div>001</div>
<div>002</div>
<div>003</div>
</div>
<div>
<div>xxx</div>
<div>yyy</div>
<div>www</div>
</div>
<div>
<div>ttt</div>
<div>uuu</div>
<div>Mkkk</div>
</div>
</div>
</form>
</body>
Π Π‘ΡΠΈΠ»Ρ:
<style type="text/css">
.
divTable
{
display: table;
width:auto;
background-color:#eee;
border:1px solid #666666;
border-spacing:5px;/*cellspacing:poor IE support for this*/
/* border-collapse:separate;*/
}
.divRow
{
display:table-row;
width:auto;
}
.divCell
{
float:left;/*fix for buggy browsers*/
display:table-column;
width:200px;
background-color:#ccc;
}
</style>
ΠΠΎ ΡΡΠ° ΡΠ°Π±Π»ΠΈΡΠ° Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Ρ IE7 ΠΈ Π½ΠΈΠΆΠ΅ Π²Π΅ΡΡΠΈΠΈ. ΠΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, Π΄Π°ΠΉΡΠ΅ ΠΌΠ½Π΅ ΡΠ²ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΈ ΠΈΠ΄Π΅ΠΈ.
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ.
html
css
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
ΠΡΡΠΎΡΠ½ΠΈΠΊ
Kumara Β Β
16 ΠΈΡΠ½Ρ 2010 Π² 12:30
8 ΠΎΡΠ²Π΅ΡΠΎΠ²
270
.div-table {
display: table;
width: auto;
background-color: #eee;
border: 1px solid #666666;
border-spacing: 5px; /* cellspacing:poor IE support for this */
}
.div-table-row {
display: table-row;
width: auto;
clear: both;
}
.div-table-col {
float: left; /* fix for buggy browsers */
display: table-column;
width: 200px;
background-color: #ccc;
}
ΠΠ°ΠΏΡΡΠΊΠ°Π΅ΠΌΡΠΉ ΡΡΠ°Π³ΠΌΠ΅Π½Ρ ΠΊΠΎΠ΄Π°:
.div-table {
display: table;
width: auto;
background-color: #eee;
border: 1px solid #666666;
border-spacing: 5px; /* cellspacing:poor IE support for this */
}
.div-table-row {
display: table-row;
width: auto;
clear: both;
}
.div-table-col {
float: left; /* fix for buggy browsers */
display: table-column;
width: 200px;
background-color: #ccc;
}
<body>
<form>
<div>
<div>
<div align="center">Customer ID</div>
<div >Customer Name</div>
<div >Customer Address</div>
</div>
<div>
<div>001</div>
<div>002</div>
<div>003</div>
</div>
<div>
<div>xxx</div>
<div>yyy</div>
<div>www</div>
</div>
<div>
<div>ttt</div>
<div>uuu</div>
<div>Mkkk</div>
</div>
</div>
</form>
</body>
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
Shiva Komuravelly Β Β
12 ΠΈΡΠ»Ρ 2011 Π² 11:36
94
div
s Π½Π΅ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡΠ½ΡΡ
Π΄Π°Π½Π½ΡΡ
. ΠΡΠΎ ΡΠ°ΠΊ ΠΆΠ΅ Π½Π΅ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ, ΠΊΠ°ΠΊ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡ Π΄Π»Ρ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ <table>
. ΠΡΠΎ Π»Π΅Π³ΠΊΠΎ, ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ, ΠΈ Π²Ρ Π·Π°ΠΊΠΎΠ½ΡΠΈΡΠ΅ ΡΠ΅ΡΠ΅Π· 5 ΠΌΠΈΠ½ΡΡ.
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
Kobi Β Β
16 ΠΈΡΠ½Ρ 2010 Π² 12:32
9
ΠΡΠΎ ΡΡΠ°ΡΠ°Ρ ΡΠ΅ΠΌΠ°, Π½ΠΎ Ρ ΠΏΠΎΠ΄ΡΠΌΠ°Π», ΡΡΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅. ΠΠ΅Π΄Π°Π²Π½ΠΎ Ρ ΡΡΠΎΠ»ΠΊΠ½ΡΠ»ΡΡ Ρ ΡΠΎΠΉ ΠΆΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠΎΠΉ, ΠΈ Ρ ΡΠ΅ΡΠΈΠ» Π΅Π΅, ΡΠ»Π΅Π΄ΡΡ ΡΡΠ΅Ρ ΡΡΠ°ΠΏΠ½ΠΎΠΌΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄Ρ , ΠΎΠΏΠΈΡΠ°Π½Π½ΠΎΠΌΡ Π½ΠΈΠΆΠ΅, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡ Π±Π΅Π· ΠΊΠ°ΠΊΠΈΡ -Π»ΠΈΠ±ΠΎ ΡΠ»ΠΎΠΆΠ½ΡΡ CSS .
(NOTE : ΠΠΎΠ½Π΅ΡΠ½ΠΎ, Π΄Π»Ρ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ Π°ΡΡΠΈΠ±ΡΡΠ° table ΠΈΠ»ΠΈ table-row ΠΈΠ»ΠΈ table-cell Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ CSS ΡΠ΅ΡΠΈΠ»ΠΎ Π±Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ. ΠΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄, ΠΊΠΎΡΠΎΡΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π», Π±ΡΠ΄Π΅Ρ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Ρ ΠΎΡΠΎΡΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΠΈ ΡΡΠ°ΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ , ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΎΠ½ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΡΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π΄Π»Ρ Π°ΡΡΠΈΠ±ΡΡΠ° display CSS.)
3-Π¨ΠΠΠΠΠ«Π ΠΠ ΠΠ‘Π’ΠΠ ΠΠΠΠ₯ΠΠ
ΠΠ»Ρ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ divs, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΡΡΠ΅ΠΉΠΊΠΈ ΠΈ ΡΡΡΠΎΠΊΠΈ, ΠΊΠ°ΠΊ Π² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄.
- ΠΠ°ΠΌΠ΅Π½ΠΈΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ°Π±Π»ΠΈΡΡ Π½Π° Π±Π»ΠΎΠΊ div (ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΊΠ»Π°ΡΡ
.table
) - ΠΠ°ΠΌΠ΅Π½ΠΈΡΠ΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ tr ΠΈΠ»ΠΈ th Π½Π° Π±Π»ΠΎΠΊ div (ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΊΠ»Π°ΡΡ
.row
) - ΠΠ°ΠΌΠ΅Π½ΠΈΡΠ΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ td Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΌ Π±Π»ΠΎΠΊΠΎΠΌ div (ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΊΠ»Π°ΡΡ
.cell
)
.table {display:block; }
.row { display:block;}
.cell {display:inline-block;}
<h3>Table below using table element</h3>
<table cellspacing="0" >
<tr>
<td>Mike</td>
<td>36 years</td>
<td>Architect</td>
</tr>
<tr>
<td>Sunil</td>
<td>45 years</td>
<td>Vice President aas</td>
</tr>
<tr>
<td>Jason</td>
<td>27 years</td>
<td>Junior Developer</td>
</tr>
</table>
<h3>Table below is using Divs only</h3>
<div>
<div>
<div>
Mike
</div>
<div>
36 years
</div>
<div>
Architect
</div>
</div>
<div>
<div>
Sunil
</div>
<div>
45 years
</div>
<div>
Vice President
</div>
</div>
<div>
<div>
Jason
</div>
<div>
27 years
</div>
<div>
Junior Developer
</div>
</div>
</div>
UPDATE 1
Π§ΡΠΎΠ±Ρ ΠΎΠ±ΠΎΠΉΡΠΈ ΡΡΡΠ΅ΠΊΡ, ΠΏΡΠΈ ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Π°Ρ ΡΠΈΡΠΈΠ½Π° Π½Π΅ ΡΠΎΡ
ΡΠ°Π½ΡΠ΅ΡΡΡ Π²ΠΎ Π²ΡΠ΅Ρ
ΡΡΠ΅ΠΉΠΊΠ°Ρ
ΡΡΠΎΠ»Π±ΡΠ°, ΠΊΠ°ΠΊ ΡΠΏΠΎΠΌΠΈΠ½Π°Π»ΠΎΡΡ thatslch
Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π»ΡΠ±ΠΎΠΉ ΠΈΠ· Π΄Π²ΡΡ
ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΠΎΠ², ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΡΡ
Π½ΠΈΠΆΠ΅.
Π£ΠΊΠ°ΠΆΠΈΡΠ΅ ΡΠΈΡΠΈΠ½Ρ Π΄Π»Ρ ΠΊΠ»Π°ΡΡΠ°
cell
ΡΡΠ΅ΠΉΠΊΠ° {display:inline-block; width:340px;}
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ CSS ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ², ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅.
.table {display:table; }
.row { display:table-row;}
.cell {display:table-cell;}
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
Sunil Β Β
03 ΠΈΡΠ½Ρ 2016 Π² 17:43
- ΠΠ°ΠΊ ΠΎΠ±Π½ΠΎΠ²ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π° div Ρ ΠΏΠΎΠΌΠΎΡΡΡ ajax php
Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ ΡΠΎΠ±ΡΡΠΈΠ΅ ajax table click, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΠΎΠ»ΡΡΠ°Π΅Ρ Π΄Π°Π½Π½ΡΠ΅ Π±Π°Π·Ρ Π΄Π°Π½Π½ΡΡ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ ΠΊΠ»ΠΈΠΊΠ° ΠΈΠ· ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ Π²ΡΠΎΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠ΅ΠΉ ΠΎ ΡΠΎΡΡΡΠ΄Π½ΠΈΠΊΠ΅. ΠΡΠΎΠ±Π»Π΅ΠΌΠ° ΡΠ΅ΠΏΠ΅ΡΡ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎ Π΄Π°Π½Π½ΡΠ΅ ΠΎ ΡΠΎΡΡΡΠ΄Π½ΠΈΠΊΠ°Ρ Π½Π°ΠΊΠ°ΠΏΠ»ΠΈΠ²Π°ΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π²ΠΎ Π²ΡΠΎΡΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅, Ρ Ρ ΠΎΡΡ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡΡ…
- ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π° DIV Ρ ΠΏΠΎΠΌΠΎΡΡΡ Jquery?
Π― ΡΠΎΠ·Π΄Π°Π» ΡΠ°Π±Π»ΠΈΡΡ Π΄Π°Π½Π½ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ <script> var table = ‘<table border=0 id=tblTestCases>’; table+=<tr bgcolor=’#e6e6e6′><td colspan=’3′>Number of text boxes = + $searchObject.find(‘[type=text]’).length + </td></tr>;…
4
ΠΡΠ»ΠΈ Π² <table>
Π΅ΡΡΡ ΡΡΠΎ-ΡΠΎ, ΡΡΠΎ Π²Π°ΠΌ Π½Π΅ Π½ΡΠ°Π²ΠΈΡΡΡ, ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ, Π²Ρ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΠΉΠ» ΡΠ±ΡΠΎΡΠ° ?
ΠΈΠ»ΠΈ
Π΅ΡΠ»ΠΈ Π²Π°ΠΌ ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ Π΄Π»Ρ ΠΌΠ°ΠΊΠ΅ΡΠ° ΡΡΡΠ°Π½ΠΈΡΡ, ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡΡΠ΅ΡΡ Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ°ΠΌΠΈ ΠΌΠ°ΠΊΠ΅ΡΠ° cssplay Π΄Π»Ρ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² Π±Π΅Π· ΡΠ°Π±Π»ΠΈΡ.
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
Urszula Karzelek Β Β
16 ΠΈΡΠ½Ρ 2010 Π² 12:39
4
Π― Π½Π΅ Π²ΠΈΠΆΡ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ ΠΎΡΠ²Π΅ΡΠ°, ΡΡΠΈΡΡΠ²Π°Ρ ΡΠ΅ΡΠΊΡ-Css. Π― Π΄ΡΠΌΠ°Ρ, ΡΡΠΎ ΡΡΠΎ ΠΎΡΠ΅Π½Ρ ΡΠ»Π΅Π³Π°Π½ΡΠ½ΡΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄: grid-css Π΄Π°ΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΏΡΠΎΠΌΠ΅ΠΆΡΡΠΊΠΈ ΡΡΡΠΎΠΊ ΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ². ΠΠ΄Π΅ΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΠΉΡΠΈ ΠΎΡΠ΅Π½Ρ Ρ ΠΎΡΠΎΡΡΡ ΡΡΠ°ΡΡΡ:
https://medium.com/@js_tut/css-grid-tutorial-filling-in-the-gaps-c596c9534611
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
Neo Β Β
17 ΠΎΠΊΡΡΠ±ΡΡ 2018 Π² 04:50
2
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΉ ΡΠΈΠΏ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°; ΡΡΠΎ ΡΠ΅ΡΠΈΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ. ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΡΡΠΎΠΊΡ Π½ΠΈΠΆΠ΅ Π² Π½Π°ΡΠ°Π»ΠΎ ΡΠ°ΠΉΠ»Π° HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
abcd Β Β
14 ΠΌΠ°ΡΡΠ° 2012 Π² 06:14
2
ΠΠ΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΠ ΠΠ Π’ΠΠΠ, Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠΌΠΎΡΡ ΠΊΠΎΠΌΡ-ΡΠΎ Π΄Π»Ρ Π±ΠΎΠ»Π΅Π΅ ΡΠΈΡΡΠΎΠ³ΠΎ HTML…
CSS
.common_table{
display:table;
border-collapse:collapse;
border:1px solid grey;
}
.common_table DIV{
display:table-row;
border:1px solid grey;
}
.common_table DIV DIV{
display:table-cell;
}
HTML
<DIV>
<DIV><DIV>this is a cell</DIV></DIV>
<DIV><DIV>this is a cell</DIV></DIV>
</DIV>
Π Π°Π±ΠΎΡΠ°Π΅Ρ Π½Π° Chrome ΠΈ Firefox
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
Harijs KrΕ«tainis Β Β
08 ΡΠ½Π²Π°ΡΡ 2016 Π² 07:44
2
ΠΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ Π½Π°Π±ΠΎΡΠ° ΡΠ΅Π³ΠΎΠ² ΠΌΠ°ΠΊΠ΅ΡΠ° Ρ Π½Π°ΡΠ΅Π» Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΎΡΠ²Π΅Ρ Π½Π° ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ. ΠΠ΄Π΅ΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ Π½Π°Π±ΠΎΡ ΡΠ΅Π³ΠΎΠ² ΠΈ ΠΈΡ ΠΊΠ»Π°ΡΡΡ CSS.
HTML
<layout-table>
<layout-header>
<layout-column> 1 a</layout-column>
<layout-column> </layout-column>
<layout-column> 3 </layout-column>
<layout-column> 4 </layout-column>
</layout-header>
<layout-row>
<layout-column> a </layout-column>
<layout-column> a 1</layout-column>
<layout-column> a </layout-column>
<layout-column> a </layout-column>
</layout-row>
<layout-footer>
<layout-column> 1 </layout-column>
<layout-column> </layout-column>
<layout-column> 3 b</layout-column>
<layout-column> 4 </layout-column>
</layout-footer>
</layout-table>
CSS
layout-table
{
display : table;
clear : both;
table-layout : fixed;
width : 100%;
}
layout-table:unresolved
{
color : red;
border: 1px blue solid;
empty-cells : show;
}
layout-header, layout-footer, layout-row
{
display : table-row;
clear : both;
empty-cells : show;
width : 100%;
}
layout-column
{
display : table-column;
float : left;
width : 25%;
min-width : 25%;
empty-cells : show;
box-sizing: border-box;
/* border: 1px solid white; */
padding : 1px 1px 1px 1px;
}
layout-row:nth-child(even)
{
background-color : lightblue;
}
layout-row:hover
{ background-color: #f5f5f5 }
ΠΠ»ΡΡΠΎΠΌ ΠΊ ΡΠΎΠΌΡ, ΡΡΠΎΠ±Ρ ΠΏΡΡΡΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ ΠΈ ΡΡΠ΅ΠΉΠΊΠΈ Π² ΡΠ΅Π»ΠΎΠΌ ΠΈΠΌΠ΅Π»ΠΈ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΉ ΡΠ°Π·ΠΌΠ΅Ρ, ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠΎΡΠΎΠ±ΠΊΠΈ ΠΈ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅. ΠΡΠ°Π½ΠΈΡΠ° Π±ΡΠ΄Π΅Ρ Π΄Π΅Π»Π°ΡΡ ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅, Π½ΠΎ ΡΠΎΠ·Π΄Π°Π΅Ρ Π»ΠΈΠ½ΠΈΡ Π² ΡΡΡΠΎΠΊΠ΅. ΠΠ±ΠΈΠ²ΠΊΠ°-Π½Π΅Ρ. Π, Ρ ΠΎΡΡ Ρ Π΅ΡΠ΅ Π½Π΅ ΠΏΡΠΎΠ±ΠΎΠ²Π°Π», Ρ Π΄ΡΠΌΠ°Ρ, ΡΡΠΎ Margin Π±ΡΠ΄Π΅Ρ Π΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ ΡΠ°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅, Π·Π°ΡΡΠ°Π²Π»ΡΡ ΠΈ ΠΏΡΡΡΡΡ ΡΡΠ΅ΠΉΠΊΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡΡΡ.
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
E Net Arch Β Β
27 ΠΈΡΠ»Ρ 2016 Π² 18:32
ΠΠΎΡ ΠΎΠΆΠΈΠ΅ Π²ΠΎΠΏΡΠΎΡΡ:
ΠΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ CSS ΡΠΎΠ»ΡΠΊΠΎ ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡ Div
Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½Π°Ρ ΠΏΠ°Π½Π΅Π»Ρ, ΠΊΠΎΡΠΎΡΡΡ Ρ ΡΠ΄Π΅Π»Π°Π» Ρ ΠΏΠΎΠΌΠΎΡΡΡ bootstrap CSS. Π― Ρ ΠΎΡΠ΅Π» Π±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΅Π³ΠΎ Π½Π° ΡΠ²ΠΎΠΉ ΡΠ°ΠΉΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ ΡΠ²ΠΎΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ CSS, ΠΈ ΠΊΠΎΠ³Π΄Π° Ρ ΠΏΡΠΈΠΊΡΠ΅ΠΏΠ»ΡΡ ΠΎΠ±Π΅ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ,…
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ div ΠΈ CSS
Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ ΡΠ΅Π³ΠΈ div Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΡΠΎΡΠΌΠ°ΡΠ΅: <div>first</div> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div>…
ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎΠ³ΠΎ div Ρ ΠΏΠΎΠΌΠΎΡΡΡ css
Π― Π²ΡΠ΅Π³Π΄Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ JQuery Π΄Π»Ρ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ div, Π½ΠΎ Π½Π° ΡΡΠΎΡ ΡΠ°Π· Ρ Π΄Π΅Π»Π°Ρ ΠΏΡΠΎΠ΅ΠΊΡ Π±Π΅Π· ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ JQuery ΠΈΠ»ΠΈ Javascript. ΠΏΠΎΡΡΠΎΠΌΡ Ρ Ρ ΠΎΡΡ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°ΡΡ div ΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ css ΠΈ…
ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <div> Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅Π³Π° dispaly:table
ΠΠΎΠΆΠ΅Ρ Π»ΠΈ ΠΊΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ ΠΏΠΎΠΌΠΎΡΡ ΠΌΠ½Π΅ Π½Π°ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΡΠ΅Π³ΠΎΠΌ div ΠΈ Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° display:table Π² asp.net mvc3. Π― Ρ ΠΎΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈ Ρ Π³ΡΠ°Π½ΠΈΡΠ°ΠΌΠΈ.
ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ 5Ρ 5 Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <div> , ΠΊΠΎΡΠΎΡΡΠΉ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅Π³Π° <table>
Π― ΡΠΎΠ·Π΄Π°Π» ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ°Π±Π»ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <table> , Π½ΠΎ Π½Π΅ Π·Π½Π°Ρ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΡΠΎΡ ΠΆΠ΅ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <div> . Π― ΠΏΡΡΠ°Π»ΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅, Π½ΠΎ ΠΏΠΎΠΊΠ° Π½Π΅ Π΄ΠΎΠ±ΠΈΠ»ΡΡ ΡΡΠΏΠ΅Ρ Π°. Π― ΠΏΡΠΎΠ±ΡΡ…
ΠΠ°ΠΊ ΠΎΠ±Π½ΠΎΠ²ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π° div Ρ ΠΏΠΎΠΌΠΎΡΡΡ ajax php
Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ ΡΠΎΠ±ΡΡΠΈΠ΅ ajax table click, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΠΎΠ»ΡΡΠ°Π΅Ρ Π΄Π°Π½Π½ΡΠ΅ Π±Π°Π·Ρ Π΄Π°Π½Π½ΡΡ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ ΠΊΠ»ΠΈΠΊΠ° ΠΈΠ· ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ Π²ΡΠΎΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠ΅ΠΉ ΠΎ ΡΠΎΡΡΡΠ΄Π½ΠΈΠΊΠ΅. ΠΡΠΎΠ±Π»Π΅ΠΌΠ° ΡΠ΅ΠΏΠ΅ΡΡ…
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π° DIV Ρ ΠΏΠΎΠΌΠΎΡΡΡ Jquery?
Π― ΡΠΎΠ·Π΄Π°Π» ΡΠ°Π±Π»ΠΈΡΡ Π΄Π°Π½Π½ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ <script> var table = ‘<table border=0 id=tblTestCases>’; table+=<tr bgcolor=’#e6e6e6′><td colspan=’3′>Number of text boxes = +…
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎ CSS Π΄Π»Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ΅Π³ΠΎΠ² div?
Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΠ° Ρ 6 ΡΠ΅Π³Π°ΠΌΠΈ <div> ΠΈ Π½Π΅Ρ Π΄ΠΎΡΡΡΠΏΠ° ΠΊ Html ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠΎΡΡΠΎΠΌΡ Ρ ΠΏΡΡΠ°ΡΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ css Π΄Π»Ρ ΡΡΠΈΡ ΠΏΠΎΠ»Π΅ΠΉ. ΠΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, ΡΠΌΠΎΡΡΠΈΡΠ΅ ΠΏΡΠΈΠ»Π°Π³Π°Π΅ΠΌΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ : ΠΠΎΠ΄ Html Π²ΡΠ³Π»ΡΠ΄ΠΈΡ…
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <div> ΠΈ bootstrap?
Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ ΠΊΠΎΠ΄ Π½ΠΈΠΆΠ΅, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ΅Π³ ΡΠ°Π±Π»ΠΈΡΡ. ΠΠΎ Ρ Ρ ΠΎΡΡ, ΡΡΠΎΠ±Ρ ΡΠ° ΠΆΠ΅ ΡΠ°Π±Π»ΠΈΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»Π° ΡΠ΅Π³ div. Π― ΠΏΡΡΠ°Π»ΡΡ, Π½ΠΎ Π½Π΅ ΡΠΌΠΎΠ³ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅. ΠΠΈΠΆΠ΅ Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠΈΠ» ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅. ΠΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, ΠΏΠΎΠΌΠΎΠ³ΠΈΡΠ΅…
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ 2-ΠΌΠ΅ΡΠ½ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ Ρ div Π±Π΅Π· ΡΠ΅Π³Π° ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ javascript
Π― Ρ ΠΎΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° div Π±Π΅Π· ΡΠ΅Π³Π° ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ javascript. Π― ΡΠ΄Π΅Π»Π°Π» ΡΡΠΎ ΡΠ°ΠΌ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ div, Π½ΠΎ Ρ Π½Π΅ ΠΌΠΎΠ³Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ js. ΠΠ½Π΅ Π½ΡΠΆΠ΅Π½ ΠΏΠΎΡΡΠ΄ΠΊΠΎΠ²ΡΠΉ Π½ΠΎΠΌΠ΅Ρ Π²Π½ΡΡΡΠΈ…
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³ΠΎΠ² div?
ΠΡΠΎΡ Π²ΠΎΠΏΡΠΎΡ Π½Π° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅ ΠΏΡΠΈΡΠ΅Π» ΠΈΠ· ΠΌΠΎΠΈΡ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠΎΠ² Ρ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΎΠΌ GWT, Π½ΠΎ Ρ ΡΠ΅ΡΠΈΠ» ΡΠΏΡΠΎΡΡΠΈΡΡ ΡΡΠΎΡ Π²ΠΎΠΏΡΠΎΡ.
Π― ΠΏΡΡΠ°ΡΡΡ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΠ½ΡΠΉ ΡΠ΅Π³ Π½Π° divs. ΠΠ°ΠΊ Ρ ΠΌΠΎΠ³Ρ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎ Π²ΡΡΠΎΠ²Π½ΡΡΡ Π΄Π²Π° ΡΠ΅Π³Π° DIV, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ Π΄Π²Π° Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎ Π²ΡΡΠΎΠ²Π½Π΅Π½Π½ΡΡ ΡΠ΅Π³Π° DIV ?
ΠΠΎΡ ΡΡΠΎ Ρ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ:
<!doctype html>
<html>
<body>
<div>
<div>
<div >Name:</div>
<div >Address:</div>
</div>
<div>
<div >test1</div>
<div >test2</div>
</div>
</div>
</body>
</html>
ΠΡΠΎ ΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ Π² ΠΌΠΎΠΉ Ρ ΡΠΎΠΌ 15.0.874.106 ΠΌ:
Name:
Address:
test1
test2
Π³Π΄Π΅ Ρ ΠΈ ΠΎΠΆΠΈΠ΄Π°Π» Π΅Π³ΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ:
Name: test1
Address: test2
ΠΠ΅ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ Π²Ρ ΠΌΠ½Π΅ ΠΏΠΎΠΌΠΎΡΡ, ΠΏΠΎΠΆΠ°Π»ΡΠΉΡΡΠ° ?
html
css
css-tables
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
ΠΡΡΠΎΡΠ½ΠΈΠΊ
expert Β Β
13 Π½ΠΎΡΠ±ΡΡ 2011 Π² 08:04
7 ΠΎΡΠ²Π΅ΡΠΎΠ²
- ΠΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ΅Π³ΠΎΠ² div Ρ ΠΏΠΎΠΌΠΎΡΡΡ jQuery
Π― ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ VS.Net 2008. Π― ΡΠΎΠ·Π΄Π°Π» Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Ajax Π² C#. Π² webform1 Ρ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ 6 ΡΠ΅Π³ΠΎΠ² div. Π ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΈΠ· ΡΠ΅Π³ΠΎΠ² div, ΠΊΠΎΡΠΎΡΡΠΉ Ρ Ρ ΠΎΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΡΠ°ΠΉΠ» .acsx. ΠΠ΄Π΅ΡΡ Ρ ΠΌΠΎΠ³Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°ΡΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ DIV ΠΈ Jquery. Π’Π΅ΠΏΠ΅ΡΡ, ΠΊΠΎΠ³Π΄Π° Ρ Π½Π°Ρ ΠΎΠΆΡΡΡ Π² UserControl1.acsx ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Ρ…
- ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <div> ΠΈ Css
Π― Ρ ΠΎΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <div> ΠΈ CSS. ΠΡΠΎ ΠΌΠΎΠΉ ΠΎΠ±ΡΠ°Π·Π΅Ρ ΡΠ°Π±Π»ΠΈΡΡ. <body> <form id=form1> <div class=divTable> <div class=headRow> <div class=divCell align=center>Customer ID</div> <div class=divCell>Customer Name</div> <div…
14
HTML ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡ Π΄Π»Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΠ½ΡΡ Π΄Π°Π½Π½ΡΡ . ΠΡΠΎΡΡΠΎ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π»Ρ ΠΎΠ±ΡΠ΅ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ. ΠΠ΄Π½Π°ΠΊΠΎ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ Π»ΡΡΡΠ΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡΠ½ΡΡ Π΄Π°Π½Π½ΡΡ .
UPDATE: Π Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΠ±ΡΠ°ΡΠΈΡΡΡΡ ΠΊ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ ΡΠ΅ΡΠΊΠΈ CSS3: http://www.w3.org/TR/css3-grid-layout/
ΠΠΎ ΠΊΠ°ΠΊ Π΅ΡΡΡ, Π΅ΡΠ»ΠΈ Π²Ρ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Ρ ΠΎΡΠΈΡΠ΅ Π·Π°ΡΡΠ°Π²ΠΈΡΡ Π΅Π³ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΏΡΠΈΡΠΈΠ½Π΅, Ρ Π±Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠ» Π²ΡΠ΅ ΡΡΠΎΠ»Π±ΡΡ ΠΊΠ°ΠΊ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠΈΡΠΈΠ½Ρ, ΠΏΠ»Π°Π²Π°ΡΡΡΡ Π²Π»Π΅Π²ΠΎ ΠΈ ΡΠΈΡΡΡΡ Π² ΠΏΠ΅ΡΠ²ΠΎΠΌ ΡΡΠΎΠ»Π±ΡΠ΅. ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½Π° ΡΠ°Π·Π½Π°Ρ ΡΠΈΡΠΈΠ½Π° Π΄Π»Ρ ΡΠ°Π·Π½ΡΡ ΡΡΠΎΠ»Π±ΡΠΎΠ², Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΠΊΠ»Π°ΡΡΡ Π΄Π»Ρ ΡΡΠΈΡ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΈ Π·Π°Π΄Π°ΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ ΡΠΈΡΠΈΠ½Ρ. ΠΠΎ Π΅ΡΠ»ΠΈ Π² Π²Π°ΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅ Π΅ΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ Π΄Π°Π½Π½ΡΠ΅, Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΡΡΠΎ overflow:hidden Π²ΠΊΠ»ΡΡΠ΅Π½, ΠΈΠ½Π°ΡΠ΅ ΠΎΠ½ ΡΠ»ΠΎΠΌΠ°Π΅Ρ Π²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ.
Π― Π²ΡΡΠ°Π²ΠΈΠ» ΠΊΠΎΠ΄ ΡΡΠ΄Π°, Π½ΠΎ Ρ ΡΠ°ΠΊΠΆΠ΅ ΡΠΎΠ·Π΄Π°Π» ΡΡΡΠ»ΠΊΡ jsfiddle .
ΠΠΎΡ html:
<div>
<div>Name:</div>
<div>test1</div>
<div>Address:</div>
<div>test2</div>
</div>
Π ΡΡΠΈΠ»ΠΈ:
.table .column{
width: 100px;
float: left;
}
.table .column.first{
clear: left;
}
ΠΠ΄Π½Π°ΠΊΠΎ Π²Ρ ΡΡΠΎΠ»ΠΊΠ½Π΅ΡΠ΅ΡΡ Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°ΠΌΠΈ, ΠΊΠΎΠ³Π΄Π° ΡΠ΅ΠΊΡΡ Π²Π½ΡΡΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΡ. ΠΡΠΎ Π½Π΅ Π±ΡΠ΄Π΅Ρ Π΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ ΠΊΠ°ΠΊ ΡΡΠΎΠ». ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠΎΠ³Π΄Π° ΡΠ΅ΠΊΡΡ ΡΡΠ΅ΠΉΠΊΠΈ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΈΡΡΡ Π½Π° ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΡΡΠΎΠΊΡ, ΠΎΠ½ Π½Π΅ Π±ΡΠ΄Π΅Ρ ΡΠ΅Π³ΡΠ»ΠΈΡΠΎΠ²Π°ΡΡ Π²ΡΡΠΎΡΡ Π²ΡΠ΅Ρ ΡΡΠ΅Π΅ΠΊ Π² ΡΡΠΎΠΉ ΡΡΡΠΎΠΊΠ΅, ΠΊΠ°ΠΊ Π²Ρ ΠΎΠΆΠΈΠ΄Π°Π»ΠΈ Π±Ρ ΠΎΡ ΡΡΠ΅ΠΉΠΊΠΈ. ΠΡΡΡΠ΄Π° ΠΈ ΠΏΠ΅ΡΠ΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅: ΡΠΊΡΡΡΠΎ ΠΈΠ»ΠΈ ΠΏΡΠΎΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ HTML.
ΠΠ°Π΄Π΅ΡΡΡ, ΡΡΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ…
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
Homer6 Β Β
13 Π½ΠΎΡΠ±ΡΡ 2011 Π² 08:11
11
Π― Π΄ΡΠΌΠ°Ρ, ΡΡΠΎ Π΄Π»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ°, Ρ Π²Π°Ρ Π΅ΡΡΡ ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΡΠ°Π±Π»ΠΈΡΠ°, Π±ΡΠ»ΠΎ Π±Ρ Π±ΠΎΠ»Π΅Π΅ ΡΠΌΠ΅ΡΡΠ½ΠΎ, ΠΎΠ΄Π½Π°ΠΊΠΎ; Π²Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ-ΡΠΎ Π²ΡΠΎΠ΄Π΅ ΡΡΠΎΠ³ΠΎ:
<body>
<div>
<div>
<div>Name:</div>
<div>test1</div>
</div>
<div>
<div>Address:</div>
<div>test2</div>
</div>
</div>
</body>
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
neurotik Β Β
13 Π½ΠΎΡΠ±ΡΡ 2011 Π² 08:18
1
<div>
<div>
<div >Name:</div>
<div >Address:</div>
</div>
<div>
<div >test1</div>
<div >test2</div>
</div>
<div></div>
</div>
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
Moe Sweet Β Β
13 Π½ΠΎΡΠ±ΡΡ 2011 Π² 08:08
- ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ div
Π― Ρ ΠΎΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΊΡΡ ΡΠ°Π±Π»ΠΈΡΡ, Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ div Π²ΠΌΠ΅ΡΡΠΎ table <style type=text/css> body{ font-family:Segoe UI, Tahoma } td { padding:0px 5px 10px 5px; } .username { white-space:nowrap; vertical-align:top; text-align:right; width:auto; color:DodgerBlue; } </style> <table width=500px…
- ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³ΠΎΠ² <table> , <tr> , <td> ΠΈ <div> ?
Π― Ρ ΠΎΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ, Π½ΠΎ Ρ ΠΌΠ΅Π½Ρ Π²ΠΎΠ·Π½ΠΈΠΊΠ»ΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΡΠ΄Π½ΠΎΡΡΠΈ Ρ Π²ΡΡΡΠ½Π΅Π½ΠΈΠ΅ΠΌ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ, ΠΊΠΎΠ³Π΄Π°. ΠΠ° Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ ΡΡΠ° ΡΠ°Π±Π»ΠΈΡΠ° ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ΅Π³ΠΎΠ² table , ΠΏΡΠΈΡΠ΅ΠΌ ΠΏΠ΅ΡΠ²Π°Ρ ΡΡΡΠΎΠΊΠ° Π²ΡΠΏΠΎΠ»Π½ΡΠ΅ΡΡΡ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ΅Π³ΠΎΠ² tr ΠΈ td . Π Π΅Π°Π»ΡΠ½Π°Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π²…
1
CSS3 ΠΈΠΌΠ΅Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ Π±ΠΈΠ»Π΅Ρ:
.tabl {width:400px;border:1px solid blue;display:table}
.row {height:40px;display:table-row}
.cell {border:1px solid black;display:table-cell}
<div>
<div>
<div> CELL one</div>
<div> CELL two</div>
<div> CELL three</div></div>
<div>
<div> CELL four
</div><div> CELL five</div>
<div>
<div>
<div>
<div>CELL 6A</div>
<div>CELL6B</div>
</div>
</div>
</div>
</div>
</div>
ΠΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠ²ΡΠ·Π°Π½ΠΎ ΡΠΎ ΡΡΡΡΠΊΡΡΡΠΎΠΉ, ΠΊΠΎΡΠΎΡΠ°Ρ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΊΠ°ΠΊ ΡΠ°Π±Π»ΠΈΡΠ°, Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Ρ Π²ΠΊΠ»ΡΡΠΈΠ» Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ:
ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅, Π²Ρ, Π²Π΅ΡΠΎΡΡΠ½ΠΎ, ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΡΡΠ°Π²ΠΈΡΡ Π²Π½Π΅ΡΠ½ΡΡ ΠΎΠ±ΠΎΠ»ΠΎΡΠΊΡ, Π² ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ ΡΠ΅Π°Π»ΡΠ½ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ, ΡΡΡΠΎΠΊΠΈ ΠΈ ΡΡΠ΅ΠΉΠΊΠΈ, ΠΏΠΎΡ ΠΎΠΆΠ΅, Π² Π½Π΅ΠΉ Π½Π΅ Π½ΡΠΆΠ΄Π°ΡΡΡΡ. Π ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ, ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ Π² ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ , ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ CSS3, ΡΡΠΎ ΠΈΡΠΊΠ»ΡΡΠ°Π΅Ρ IE, Π²ΠΊΠ»ΡΡΠ°Ρ IE9.
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
COBOLdinosaur Β Β
13 Π½ΠΎΡΠ±ΡΡ 2011 Π² 08:22
1
Π²Π°ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ :-
PLease ΠΏΡΠΎΠ²Π΅ΡΡΡΠ΅ ΡΡΠΎ
<style type="text/css">
.Table
{
display: table;
}
.Row
{
display: table-row;
}
.Cell
{
display: table-cell;
}
</style>
<!doctypehtml>
<html>
<body>
<div>
<div>
<p>Name:</p>
</div>
<div>
<p>Test1</p>
</div>
</div>
<div>
<div>
<p>Address:</p>
</div>
<div>
<p>Test2</p>
</div>
</div>
</body>
</html>
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
Muder Surti Β Β
10 Π΄Π΅ΠΊΠ°Π±ΡΡ 2013 Π² 11:47
0
ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΡΡ ΡΠ°Π±Π»ΠΈΡΠ½ΡΡ ΡΡΡΡΠΊΡΡΡΡ, ΠΏΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ jqGrid ( Π΄Π΅ΠΌΠΎ )
ΠΠ»ΠΈ Π΅ΡΠ»ΠΈ Π²Π°ΡΠ° ΡΠ΅Π»Ρ Π΄ΡΡΠ³Π°Ρ ΠΈ Π²Ρ Π²ΡΠ΅ Π΅ΡΠ΅ Ρ ΠΎΡΠΈΡΠ΅ ΠΏΠΎΠΉΡΠΈ Ρ div? ΠΠΎΠΏΡΠΎΠ±ΡΠΉ ΡΡΠΎ..
ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ float:left;
Π²ΠΌΠ΅ΡΡΠΎ display:inline
. Float ΡΠΆΠΈΠΌΠ°Π΅Ρ div Π΄ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ, ΠΎΡΠ²ΠΎΠ±ΠΎΠΆΠ΄Π°Ρ ΠΌΠ΅ΡΡΠΎ Π΄Π»Ρ Π΄ΡΡΠ³ΠΈΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΡΠΎ Π·Π°ΡΡΠ°Π²Π»ΡΠ΅Ρ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡΡΡ ΡΡΠ΄ΠΎΠΌ Ρ ΠΏΠ»Π°Π²Π°ΡΡΠΈΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ.
ΠΡΠΏΡΠ°Π²Π»Π΅Π½Π½ΡΠΉ ΠΊΠΎΠ΄:
<!doctype html>
<html>
<body>
<div>
<div>
<div >Name:</div>
<div >Address:</div>
</div>
<div>
<div >test1</div>
<div >test2</div>
</div>
</div>
</body>
</html>
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
Pavan Kondapuram Β Β
13 Π½ΠΎΡΠ±ΡΡ 2011 Π² 08:18
0
Π‘ΠΏΠΎΡΠΎΠ± ΠΠΎ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΊΡΡΡΠΎΠΉ, Π½ΠΎ ΠΎΠ½ Π½Π΅ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ.
ΠΡΠΎ Π»ΡΡΡΠΈΠΉ ΡΠΏΠΎΡΠΎΠ±.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ CSS ΠΊΠΎΠΌΠ°Π½Π΄Ρ «float» ΡΠ°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΡΡΠΎ:
HTML ΠΠΎΠ΄:
.gwt-Label
{
float: left;
width: 50%
}
<!doctype html>
<html>
<head>
<link href="Style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div>
<div>
<div >Name:</div>
<div >test1</div>
</div>
<div>
<div >Address:</div>
<div >test2</div>
</div>
</div>
</body>
</html>
ΠΠ»ΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠΌΠ΅ΡΡ Π²ΡΠ΅ ΡΡΠΎ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΌΠ΅ΡΡΠ΅:
<!doctype html>
<html>
<head>
<style type="text/css">
.gwt-Label{
float: left;
width: 50%
}
</style>
</head>
<body>
<div>
<div>
<div >Name:</div>
<div >test1</div>
</div>
<div>
<div >Address:</div>
<div >test2</div>
</div>
</div>
</body>
</html>
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
Mahyar Kakaee Β Β
13 Π½ΠΎΡΠ±ΡΡ 2011 Π² 08:20
ΠΠΎΡ ΠΎΠΆΠΈΠ΅ Π²ΠΎΠΏΡΠΎΡΡ:
ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <div> Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅Π³Π° dispaly:table
ΠΠΎΠΆΠ΅Ρ Π»ΠΈ ΠΊΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ ΠΏΠΎΠΌΠΎΡΡ ΠΌΠ½Π΅ Π½Π°ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΡΠ΅Π³ΠΎΠΌ div ΠΈ Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° display:table Π² asp.net mvc3. Π― Ρ ΠΎΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈ Ρ Π³ΡΠ°Π½ΠΈΡΠ°ΠΌΠΈ.
ΠΠ°ΠΊ Ρ ΠΌΠΎΠ³Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΊΡΡ ΡΠΈΡΡΠ΅ΠΌΡ ΡΠ΅Π³ΠΎΠ², ΠΊΠ°ΠΊ stackoverflow.com?
Π― ΡΠΎΠ±ΠΈΡΠ°ΡΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΉΡ Π΄Π»Ρ ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΈ Ρ ΡΠ΅Π³Π°ΠΌΠΈ. Π’Π΅Π³ΠΈ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ Π΄ΠΎ ΠΏΡΡΠΈ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ΅Π³ΠΎΠ², ΠΊΠ°ΠΊ Π² stackoverflow.com. ΠΠΎΠΆΠ΅Ρ Π»ΠΈ ΠΊΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ ΡΠΊΠ°Π·Π°ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ ΡΠ΅Π³ΠΎΠ² StackOverflow? Π Π΅Π»ΡΡΠΈΠΎΠ½Π½Π°Ρ ΡΠΈΡΡΠ΅ΠΌΠ° Π±Π°Π·…
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ Π½ΠΎΠ²ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎ ΡΡΡΠΎΠΊΠ°ΠΌΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ jquery ΠΈ ΠΎΠ±Π΅ΡΠ½ΡΡΡ Π΅Π΅ Π²Π½ΡΡΡΠΈ div
Π― Ρ ΠΎΡΠ΅Π» Π±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° div Π ΠΌΠΎΠ΅ΠΌ ΡΠ°ΠΉΠ»Π΅ .html Ρ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ Π²ΠΎΡ ΡΡΠΎ <div> </div> Π ΠΌΠΎΠ΅ΠΌ js-ΡΠ°ΠΉΠ»Π΅ Ρ Ρ ΠΎΡΡ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ Π½ΠΎΠ²ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎ ΡΡΡΠΎΠΊΠ°ΠΌΠΈ ΠΈ Π΄Π°Π½Π½ΡΠΌΠΈ ΠΠ°ΠΊ Ρ…
ΠΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ΅Π³ΠΎΠ² div Ρ ΠΏΠΎΠΌΠΎΡΡΡ jQuery
Π― ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ VS.Net 2008. Π― ΡΠΎΠ·Π΄Π°Π» Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Ajax Π² C#. Π² webform1 Ρ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ 6 ΡΠ΅Π³ΠΎΠ² div. Π ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΈΠ· ΡΠ΅Π³ΠΎΠ² div, ΠΊΠΎΡΠΎΡΡΠΉ Ρ Ρ ΠΎΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΡΠ°ΠΉΠ» .acsx. ΠΠ΄Π΅ΡΡ Ρ ΠΌΠΎΠ³Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°ΡΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ·…
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <div> ΠΈ Css
Π― Ρ ΠΎΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <div> ΠΈ CSS. ΠΡΠΎ ΠΌΠΎΠΉ ΠΎΠ±ΡΠ°Π·Π΅Ρ ΡΠ°Π±Π»ΠΈΡΡ. <body> <form id=form1> <div class=divTable> <div class=headRow> <div class=divCell…
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ div
Π― Ρ ΠΎΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΊΡΡ ΡΠ°Π±Π»ΠΈΡΡ, Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ div Π²ΠΌΠ΅ΡΡΠΎ table <style type=text/css> body{ font-family:Segoe UI, Tahoma } td { padding:0px 5px 10px 5px; } .username { white-space:nowrap;…
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³ΠΎΠ² <table> , <tr> , <td> ΠΈ <div> ?
Π― Ρ ΠΎΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ, Π½ΠΎ Ρ ΠΌΠ΅Π½Ρ Π²ΠΎΠ·Π½ΠΈΠΊΠ»ΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΡΠ΄Π½ΠΎΡΡΠΈ Ρ Π²ΡΡΡΠ½Π΅Π½ΠΈΠ΅ΠΌ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ, ΠΊΠΎΠ³Π΄Π°. ΠΠ° Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ ΡΡΠ° ΡΠ°Π±Π»ΠΈΡΠ° ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ΅Π³ΠΎΠ² table…
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ Π²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ· ΡΠ΅Π³ΠΎΠ²?
Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ product_table Ρ product_id ΡΡΠ΅Π΄ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ Π΄ΡΡΠ³ΠΈΡ ΠΏΠΎΠ»Π΅ΠΉ. Π― ΡΠΎΠ·Π΄Π°Ρ tag_table Ρ 2 ΠΏΠΎΠ»ΡΠΌΠΈ, tag_id ΠΈ tag_name . Π’Π΅Π³ΠΈ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ Π»ΡΠ±ΡΠΌΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ «silver» ΠΈΠ»ΠΈ «penn…
Π’Π°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³ΠΎΠ² div
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³ΠΎΠ² div ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΡΠΎΠ±Ρ ΡΡΠΎΠ»Π±ΡΡ Π² ΡΡΡΠΎΠΊΠ΅ ΠΈΠΌΠ΅Π»ΠΈ ΡΠΈΡΠΈΠ½Ρ, ΠΎΡΠ½ΠΎΠ²Π°Π½Π½ΡΡ Π½Π° Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠΌ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅ Π² ΡΡΠΎΠ»Π±ΡΠ΅ div. Π ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΠΊΠΎΠ΄Π΅ ΠΏΠ΅ΡΠ²Π°Ρ ΡΡΡΠΎΠΊΠ° 3 ΡΡΠΎΠ»Π±ΡΠ° Π΄ΠΎΠ»ΠΆΠ½Π°…
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎ CSS Π΄Π»Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ΅Π³ΠΎΠ² div?
Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΠ° Ρ 6 ΡΠ΅Π³Π°ΠΌΠΈ <div> ΠΈ Π½Π΅Ρ Π΄ΠΎΡΡΡΠΏΠ° ΠΊ Html ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠΎΡΡΠΎΠΌΡ Ρ ΠΏΡΡΠ°ΡΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ css Π΄Π»Ρ ΡΡΠΈΡ ΠΏΠΎΠ»Π΅ΠΉ. ΠΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, ΡΠΌΠΎΡΡΠΈΡΠ΅ ΠΏΡΠΈΠ»Π°Π³Π°Π΅ΠΌΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ : ΠΠΎΠ΄ Html Π²ΡΠ³Π»ΡΠ΄ΠΈΡ…
HTML. ΠΠ°ΠΊ Π½Π°ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ | ΠΠΈΠ·Π½Ρ — ΡΡΠΎ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅! Π ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
ΠΡΠ±Π°Ρ ΡΠ°Π±Π»ΠΈΡΠ° ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· ΡΡΡΠΎΠΊ ΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ². ΠΠ° ΠΈΡ ΠΏΠ΅ΡΠ΅ΡΠ΅ΡΠ΅Π½ΠΈΠΈ β ΡΡΠ΅ΠΉΠΊΠΈ. ΠΠ΅ΡΠ²Π°Ρ ΡΡΡΠΎΠ° ΡΠ°Π±Π»ΠΈΡΡ β ΡΡΡΠΎΠΊΠ° Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌΠΈ.Β
Π’Π°Π±Π»ΠΈΡΠ° Π² Π±Π»ΠΎΠ³Π΅ ΠΈΠ»ΠΈ Π²ΠΎΡΠ΄Π΅
ΠΠΎΡΠΎΡΠΊΠΎ ΠΎ Π³Π»Π°Π²Π½ΠΎΠΌ
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΡΠ΅Π³ΠΈ
- table Β Β β Π½Π°ΡΠΈΠ½Π°Π΅ΠΌ ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ
- tr Β Β Β Β β ΡΡΡΠΎΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ, ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π² ΡΠ΅Π±Π΅ Π½Π°Π±ΠΎΡ th ΠΈΠ»ΠΈ td
- th Β Β Β Β β ΡΡΠ΅ΠΉΠΊΠ° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π² ΡΡΡΠΎΠΊΠ΅ tr. Π‘ΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»-ΠΎΠ² <th> β ΡΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎΠ»Π±ΡΠΎΠ² Π² ΡΠ°Π±Π»ΠΈΡΠ΅.
- td Β Β Β Β β ΡΡΠ΅ΠΉΠΊΠ° Π² ΡΡΡΠΎΠΊΠ΅ tr
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΠΎ ΡΠ΅Π³Π°Ρ
ΠΠ½ΡΡΡΠΈ ΡΠ΅Π³ΠΎΠ² table Π±ΡΠ΄Π΅Ρ Π½Π°ΡΠ° ΡΠ°Π±Π»ΠΈΡΠ°.
Π€ΠΎΡΠΌΠΈΡΡΠ΅ΠΌ Π΅Π΅ ΠΏΠΎΡΡΡΠΎΡΠ½ΠΎ. TR β ΠΎΠ΄Π½Π° ΡΡΡΠΎΠΊΠ°. ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ ΡΠ΅Π³ TR ΠΈ Π²Π½ΡΡΡΠΈ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»ΡΠ΅ΠΌ ΡΡΠ΅ΠΉΠΊΠΈ ΠΎΠ΄Π½Ρ Π·Π° Π΄ΡΡΠ³ΠΎΠΉ.
<table>
<!— Π‘ΡΡΠΎΠΊΠ° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² —>
<tr>
<th>ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΡΡΠΎΠ»Π±ΡΠ° 1</th>
<th>ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΡΡΠΎΠ»Π±ΡΠ° 2</th>
</tr>
<!— Β ΠΠ΅ΡΠ²Π°Ρ ΡΡΡΠΎΠΊΠ° ΠΏΠΎΡΠ»Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ².Β
Β Β Β Β Β Β Β Β ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ td — ΡΡΠ΅ΠΉΠΊΠ° ΡΡΡΠΎΠΊΠΈ —>
<tr>
<td>ΠΡΠ° ΡΡΠ΅ΠΉΠΊΠ° ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΡΡΠΎΠ»Π±ΡΡ 1</td>
<td>ΠΡΠ° ΡΡΠ΅ΠΉΠΊΠ° ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΡΡΠΎΠ»Π±ΡΡ 2</td>
</tr>
<!— Β ΠΡΠΎΡΠ°Ρ ΡΡΡΠΎΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ —>
<tr>
<td>ΠΡΠ° ΡΡΠ΅ΠΉΠΊΠ° ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΡΡΠΎΠ»Π±ΡΡ 1</td>
<td>ΠΡΠ° ΡΡΠ΅ΠΉΠΊΠ° ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΡΡΠΎΠ»Π±ΡΡ 2</td>
</tr>
Β </table>
Π‘ΠΌ ΡΠ°ΠΊΠΆΠ΅:
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ Π² ΠΊΠΎΠ΄Π΅ β ΠΊΠ°ΠΊ ΡΠ°ΡΡΡΠ°Π²Π»ΡΡΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ
CSS-ΠΊΠΎΠ΄
Π§ΡΠΎΠ±Ρ ΡΠ°Π±Π»ΠΈΡΠ° ΠΎΡΡΠΈΡΠΎΠ²ΡΠ²Π°Π»Π°ΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Π½ΡΠΆΠ½ΠΎ Π² ΡΠ°Π·Π΄Π΅Π» Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ CSS-ΠΊΠΎΠ΄:
<head>
Β Β Β <meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″ />
<!— ΠΡΠΎΡΡΠΎ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΡΠ°Π³ΠΌΠΏΠ΅Π½Ρ CSS-ΠΊΠΎΠ΄Π°, ΡΡΠΎΠ±Ρ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ Π²ΠΈΠ΄Π΅ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π²Β
Β Β Β Β Β Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. ΠΠ΅ Π΄ΡΠΌΠ°ΠΉΡΠ΅ ΠΏΠΎΠΊΠ° ΠΎ Π½Π΅ΠΌ π —>
<style type = «text/css»>
td, th {border: 1px solid black;}
</style>
</head>
ΠΡΠΈΠΌΠ΅Ρ
ΠΠ°ΡΠΈΡΡΠ΅ΠΌ ΡΠ°Π±Π»ΠΈΡΡ Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌΠΈ Π±Π°Π³ΠΎΠ² ΠΈ ΡΠ»ΡΡΡΠ΅Π½ΠΈΠΉ ΠΈΠ· ΠΏΡΠ½ΠΊΡΠ° 3 ΡΡΠ°ΡΡΠΈ Β«ΠΠ°ΠΊ Π·Π°Π²ΠΎΠ΄ΠΈΡΡ Π·Π°Π΄Π°ΡΠΈ Π² Π±Π°Π³-ΡΡΠ΅ΠΊΠ΅ΡΒ».
<!— Π’Π΅Π³ table ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ ΡΠ°Π±Π»ΠΈΡΠ° —>
<table>
<!— ΠΡΠΎ ΠΏΠ΅ΡΠ²Π°Ρ ΡΡΡΠΎΠΊΠ°, ΠΊΠΎΡΠΎΡΡΡ ΠΌΡ Π½Π°ΡΠΈΠ½Π°Π΅ΠΌ ΡΠ΅Π³ΠΎΠΌ tr.Β
ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ tr ΡΠΎΡΠΌΠΈΡΡΠ΅Ρ ΡΡΡΠΎΠΊΡ ΡΠ°Π±Π»ΠΈΡΡ. ΠΠ΅ ΡΡΠΎΠ»Π±Π΅Ρ! —>
<tr>
<!— ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ th — Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΡΠΎΠ»Π±ΡΠ° ΡΠ°Π±Π»ΠΈΡΡ.Β
Β Β ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈΒ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»ΡΡΡΡΡ ΠΎΠ΄ΠΈΠ½ Π·Π° Π΄ΡΡΠ³ΠΈΠΌ.Β
Β Β Π ΡΠ°ΠΊΠΎΠΉ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ ΠΎΠ½ΠΈ ΠΈ ΠΎΠ±ΡΠ°Π·ΡΡΡ ΡΡΡΠΎΠΊΡ tr —>
<th>ΠΠ°Π³</th>
<th>Π£Π»ΡΡΡΠ΅Π½ΠΈΠ΅</th>
</tr>
<!— Β ΠΠ΅ΡΠ²Π°Ρ ΡΡΡΠΎΠΊΠ° ΠΏΠΎΡΠ»Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ². ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ td — ΡΡΠ΅ΠΉΠΊΠ° ΡΡΡΠΎΠΊΠΈ —>
<tr>
<!— ΠΡΠ° ΡΡΠ΅ΠΉΠΊΠ° ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΡΡΠΎΠ»Π±ΡΡ Β«ΠΠ°Π³Β» —>
<td>ΠΠΎΠΆΠ½ΠΎ Π·Π°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ ΠΡΡΠ»Ρ
Ρ</td>
<!— ΠΡΠ° ΡΡΠ΅ΠΉΠΊΠ° ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΡΡΠΎΠ»Π±ΡΡ Β«Π£Π»ΡΡΡΠ΅Π½ΠΈΠ΅Β» —>
<td>ΠΠ°ΠΏΡΠ΅ΡΠΈΡΡ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ ΠΡΡΠ»Ρ
Ρ</td>
</tr>
<!— Β ΠΡΠΎΡΠ°Ρ ΡΡΡΠΎΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ —>
<tr>
<!— ΠΡΠ° ΡΡΠ΅ΠΉΠΊΠ° ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΡΡΠΎΠ»Π±ΡΡ Β«ΠΠ°Π³Β» —>
<td>Π‘ΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ ΠΎΠ± ΠΎΡΠΈΠ±ΠΊΠ΅ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π½Π° Π½Π΅Π²Π΅ΡΠ½ΡΠΉ ΠΏΠ°ΡΠΎΠ»Ρ ΠΏΡΠΈ Π²Π²ΠΎΠ΄Π΅ Π½Π΅Π΄ΠΎΠΏΡΡΡΠΈΠΌΠΎΠ³ΠΎ ΠΈΠΌΠ΅Π½ΠΈ</td>
<!— ΠΡΠ° ΡΡΠ΅ΠΉΠΊΠ° ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΡΡΠΎΠ»Π±ΡΡ Β«Π£Π»ΡΡΡΠ΅Π½ΠΈΠ΅Β» —>
<td>ΠΡΠ²ΠΎΠ΄ΠΈΡΡ Π² ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ ΠΎΠ± ΠΎΡΠΈΠ±ΠΊΠ΅ Π΄Π΅ΡΠ°Π»ΡΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΏΠΎ ΠΏΡΠΈΡΠΈΠ½Π΅</td>
</tr>
</table>
ΠΠΎΠ»Π½ΡΠΉ ΠΊΠΎΠ΄ βΒ simple_table.html
ΠΠΎΡ ΡΡΠΎ Ρ Π½Π°Ρ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ
ΠΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅
Π‘ΡΡΠ°ΡΠ½Π΅Π½ΡΠΊΠ°Ρ? ΠΠ°. ΠΠΎ ΡΠΈΡΠ°Π±Π΅Π»ΡΠ½Π°Ρ.Β
Π ΠΎ ΠΊΡΠ°ΡΠΈΠ²ΠΎΡΡΡΡ
ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΏΠΎΡΠΎΠΌ.
PS β Π΄ΠΎΠ±Π°Π²ΠΈΠ»Π° ΡΡΠ°ΡΡΡ Π² ΠΏΠΎΠ»Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΌΠΎΠΈΡ Β ΠΊΠΎΠ½ΡΠΏΠ΅ΠΊΡΠΎΠ² Π»Π΅ΠΊΡΠΈΠΉ ΠΏΠΎ HTML & CSS
Π’Π΅Π³ TABLE. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ HTML-ΡΠ°Π±Π»ΠΈΡΡ | web-sprints
ΠΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΡΠ°ΡΡΠΎ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΡ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½Π° ΡΠ°ΠΉΡ ΠΎΠ΄Π½Ρ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π±Π»ΠΈΡ Ρ Π΄Π°Π½Π½ΡΠΌΠΈ. ΠΠΎΠ½Π΅ΡΠ½ΠΎ, ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π² Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ ΠΈ Π²ΡΡΠ°Π²ΠΈΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Π»ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅. ΠΠ΄Π½Π°ΠΊΠΎ, Π³ΠΎΡΠ°Π·Π΄ΠΎ Π±ΠΎΠ»Π΅Π΅ Π³ΠΈΠ±ΠΊΠΈΠΉ Π²Π°ΡΠΈΠ°Π½Ρ β ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ HTMLβΡΠ΅Π³Π° table. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π°ΠΌ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈ ΠΌΠ΅Π½ΡΡΡ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΡΠ°Π±Π»ΠΈΡΡ (ΡΠ΅ΡΠ΅Π· CSS)ΠΈ Π΅Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ (ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²ΠΎΠΌ PHP ΠΈΠ»ΠΈ JS).
Π‘Π°ΠΌ ΠΏΠΎ ΡΠ΅Π±Π΅ ΡΠ΅Π³ table ΡΠΎΠ·Π΄Π°Π΅Ρ ΠΏΡΡΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π±Π΅Π· ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ ΠΈ ΡΡΡΠΎΠΊ. ΠΠ°Π±Ρ Π² Π½Π΅ΠΉ ΠΏΠΎΡΠ²ΠΈΠ»ΠΈΡΡ ΡΡΠΈ ΡΠ°ΠΌΡΠ΅ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΈ ΡΡΡΠΎΠΊΠΈ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π²Π½ΡΡΡΡ table Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ΅Π³ΠΈ, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ β trΒ ΠΈ td. Π’Π΅Π³ tr ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΡΠΎΡΠΌΠΈΡΠΎΠ²Π°ΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΠΏΡΡΡΡΡ ΡΡΡΠΎΠΊΡ ΡΠ°Π±Π»ΠΈΡΡ (Π±Π΅Π· ΡΡΠ΅Π΅ΠΊ), Π° td β ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΡΡΠ΅ΠΉΠΊΡ Π²Π½ΡΡΡΠΈ ΡΠ΅ΠΊΡΡΠ΅ΠΉ ΡΡΡΠΎΠΊΠΈ. ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² td ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ Π² ΡΡΡΠΎΠΊΠ΅. ΠΡΠ»ΠΈ Π² ΡΠ°Π·Π½ΡΡ ΡΡΡΠΎΠΊΠ°Ρ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ td ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ Π΄ΡΡΠ³ ΠΎΡ Π΄ΡΡΠ³Π°, ΡΠΎ ΡΠ°Π±Π»ΠΈΡΠ° ΠΌΠΎΠΆΠ΅Ρ ΠΏΠ΅ΡΠ΅ΠΊΠΎΡΠΈΡΡΡΡ. ΠΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ ΠΊΠΎΠ΄Π° ΠΏΡΠΎΡΡΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ, ΡΠΎΡΡΠΎΡΡΠ΅ΠΉ ΠΈΠ· ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ ΠΈ Π΄Π²ΡΡ ΡΡΠ΅Π΅ΠΊ Π² Π½Π΅ΠΉ:
<table>
<tr>
<td>1_ΡΡΠ΅ΠΉΠΊΠ°</td>
<td>2_ΡΡΠ΅ΠΉΠΊΠ°</td>
</tr>
</table>
| <table> Β Β <tr> Β Β Β Β <td>1_ΡΡΠ΅ΠΉΠΊΠ°</td> Β Β Β Β <td>2_ΡΡΠ΅ΠΉΠΊΠ°</td> Β Β </tr> </table> |
ΠΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΡΠ°Π±Π»ΠΈΡ ΠΌΠΎΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠ°ΠΊΠΈΠ΅ Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΊΠ°ΠΊ thead, tbody, Π° ΡΠ°ΠΊΠΆΠ΅ tfoot. ΠΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ thead Π·Π°ΠΊΠ»ΡΡΠ°Π΅Ρ Π² ΡΠ΅Π±Π΅ ΠΎΠ΄Π½Ρ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΡΠΎΠΊ (tr), ΠΊΠΎΡΠΎΡΡΠ΅ Π±ΡΠ΄ΡΡ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ Π²Π²Π΅ΡΡ Ρ ΡΠ°Π±Π»ΠΈΡΡ (ΠΏΠ΅ΡΠ²ΡΠ΅ ΡΡΡΠΎΠΊΠΈ). tbody ΠΌΠΎΠΆΠ΅Ρ Π·Π°ΠΊΠ»ΡΡΠ°ΡΡΒ Π² ΡΠ΅Π±Ρ ΡΡΡΠΎΠΊΠΈ, ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΠΈΠ΅ΡΡ Π² ΡΡΠ΅Π΄Π½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ. tfoot ΠΌΠΎΠΆΠ΅Ρ Π·Π°ΠΊΠ»ΡΡΠ°ΡΡ Π² ΡΠ΅Π±Ρ ΡΡΡΠΎΠΊΠΈ, ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΠΈΠ΅ΡΡ Π² Π½ΠΈΠΆΠ½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ (Π² ΠΊΠΎΠ΄Π΅ Π΄Π°Π½Π½ΡΠΉ Π±Π»ΠΎΠΊ Π²ΡΠ΅Π³Π΄Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠ΄ΡΠΈ ΡΡΠ°Π·Ρ ΠΏΠΎΡΠ»Π΅ thead). tbody ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΡΡΡΡΡΠ²ΠΎΠ²Π°ΡΡ Π²Π½ΡΡΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠ°Π·Ρ Π² Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΠ°Ρ . Π§ΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ thead ΠΈ tfoot, ΡΠΎ ΠΈΡ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ°Π²Π½ΠΎ 1.
ΠΠ΅ΡΠ½Π΅ΠΌΡΡ ΠΊ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌΡ ΡΠ΅Π³Ρ table. ΠΠ½ ΠΌΠΎΠΆΠ΅Ρ ΠΎΠ±Π»Π°Π΄Π°ΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎΠΌ ΡΠ°Π·Π½ΡΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠ². ΠΠΈΠΆΠ΅ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»ΠΈΠΌ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ· Π½ΠΈΡ .
- align. ΠΠ°Π΄Π°Π΅ΡΡΡ ΡΠΈΠΏ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ Π²ΠΎ Π²ΡΠ΅Ρ ΡΡΠ΅ΠΉΠΊΠ°Ρ ΡΠ°Π±Π»ΠΈΡΡ (Π»Π΅Π²ΠΎ, ΠΏΡΠ°Π²ΠΎ, ΡΠ΅Π½ΡΡ).
- cols. ΠΠ°Π΄Π°Π΅ΡΡΡ ΡΠΈΡΠ»ΠΎ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ (ΠΌΠΎΠΆΠ΅Ρ Π²ΡΡΡΠΈΡΡΠ²Π°ΡΡΡΡ, ΠΈΡΡ ΠΎΠ΄Ρ ΠΈΠ· ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² td, Π½ΠΎ ΡΠ²Π½ΠΎΠ΅ ΡΠΊΠ°Π·Π°Π½ΠΈΠ΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΠΊΠΎΡΡΠ΅Ρ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ).
- background. Π£ΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ URLβΠ°Π΄ΡΠ΅Ρ ΡΠΎΠ½ΠΎΠ²ΠΎΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ.
- width. Π£ΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ ΡΠΈΡΠΈΠ½Π° ΡΠ°Π±Π»ΠΈΡΡ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ ΠΈΠ»ΠΈ ΠΏΡΠΎΡΠ΅Π½ΡΠ°Ρ ΠΎΡ ΡΠΈΡΠΈΠ½Ρ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ HTMLβΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
- Β border. ΠΠ°Π΄Π°Π΅ΡΡΡ ΡΠΎΠ»ΡΠΈΠ½Π° Π±ΠΎΡΠ΄Π΅ΡΠ° (Π³ΡΠ°Π½ΠΈΡΡ) ΡΠ°Π±Π»ΠΈΡΡ.
- cellpadding ΠΈ cellspacing. ΠΡΠΎ Π²Π½ΡΡΡΠ΅Π½Π½ΠΈΠ΅ ΠΎΡΡΡΡΠΏΡ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠ΅ ΠΈ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΠ΅ΠΉΠΊΠ°ΠΌΠΈ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ.
- rules. ΠΠ΄Π΅ΡΡ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π³ΡΠ°Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΠ΅ΠΉΠΊΠ°ΠΌΠΈ (Π²ΠΎΠΊΡΡΠ³ Π²ΡΠ΅Ρ ΡΡΠ΅Π΅ΠΊ, Π²ΠΎΠΊΡΡΠ³ Π³ΡΡΠΏΠΏ thead / tbody / tfoot, Π²ΠΎΠΊΡΡΠ³ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ ΠΈ Ρ.Π΄.).
ΠΠ»Π΅ΠΌΠ΅Π½Ρ td (ΠΎΡΠ΄Π΅Π»ΡΠ½Π°Ρ ΡΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ) ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ ΠΏΠΎΡΡΠΈ ΡΠ΅ΠΌΠΈ ΠΆΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌΠΈ. Π’ΡΡ ΡΠΎΠΆΠ΅ Π΅ΡΡΡ align, background, width ΠΈ Ρ.Π΄. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π½ΠΎΠ²ΡΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠ². rowspan ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΊΠ»Π΅ΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠ΅Π΅ΠΊ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ (Π² ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅). Π§ΠΈΡΠ»ΠΎ Π² Π·Π½Π°ΡΠ΅Π½ΠΈΠΈ ΡΡΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ° β ΡΡΠΎ ΠΈ Π΅ΡΡΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅ΠΌΡΡ ΡΡΠ΅Π΅ΠΊ. colspan Π΄Π΅Π»Π°Π΅Ρ ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅, ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ (ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠ΅Π΅ΠΊ Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅). ΠΡΡΠΈΠ±ΡΡ valign ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΠΊ ΡΡΠ΅ΠΉΠΊΠ΅ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ (Π²Π΅ΡΡ Π½ΠΈΠΉ ΠΊΡΠ°ΠΉ, Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΡΠ°ΠΉ, ΡΠ΅Π½ΡΡ).
3.3. Π―ΡΠ΅ΠΉΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ. HTML, XHTML ΠΈ CSS Π½Π° 100%
Π§ΠΈΡΠ°ΠΉΡΠ΅ ΡΠ°ΠΊΠΆΠ΅
3.9. Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ° ΠΈΠ»ΠΈ ΡΠΈΡΡΠ½ΠΊΠ° ΡΡΠ΅ΠΉΠΊΠΈ
3.9. Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ° ΠΈΠ»ΠΈ ΡΠΈΡΡΠ½ΠΊΠ° ΡΡΠ΅ΠΉΠΊΠΈ
Π HTML Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ° ΠΈΠ»ΠΈ ΡΠΈΡΡΠ½ΠΊΠ°. ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ Π°ΡΡΠΈΠ±ΡΡΡ bgcolor ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠ²Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΡΡΠ΅ΠΉΠΊΠΈ, ΡΡΡΠΎΠΊΠΈ, Π³ΡΡΠΏΠΏΡ ΡΡΠΎΠ»Π±ΡΠΎΠ², Π³ΡΡΠΏΠΏΡ ΡΡΡΠΎΠΊ, ΡΠ°Π±Π»ΠΈΡΡ ΡΠ΅Π»ΠΈΠΊΠΎΠΌ.ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΡ <td bgcolor=
ΠΡΡΡΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ
ΠΡΡΡΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ
CSS ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ, ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π»ΠΈ Π³ΡΠ°Π½ΠΈΡΡ ΠΏΡΡΡΡΡ
ΡΡΠ΅Π΅ΠΊ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°Π΄Π°ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡΡΡΡΡ
ΡΡΠ΅Π΅ΠΊ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ CSS empty-cells. ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΡΠΏΡΠ°Π²Π»ΡΠ΅Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ Π³ΡΠ°Π½ΠΈΡ Π²ΠΎΠΊΡΡΠ³ ΡΡΠ΅Π΅ΠΊ, Π½Π΅ ΠΈΠΌΠ΅ΡΡΠΈΡ
Π²ΠΈΠ΄ΠΈΠΌΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ. Π‘ΡΠΈΡΠ°Π΅ΡΡΡ, ΡΡΠΎ Π²ΠΈΠ΄ΠΈΠΌΠΎΠ³ΠΎ
ΠΠ°ΠΊ Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΡΡΡΠΎΠΊΡ, ΡΡΠΎΠ»Π±Π΅Ρ ΠΈ ΡΡΠ΅ΠΉΠΊΠΈ
ΠΠ°ΠΊ Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΡΡΡΠΎΠΊΡ, ΡΡΠΎΠ»Π±Π΅Ρ ΠΈ ΡΡΠ΅ΠΉΠΊΠΈ
ΠΡΠ»ΠΈ Π½ΡΠΆΠ½ΠΎ ΡΡΠΎ-ΡΠΎ ΠΏΡΠΎΠ΄Π΅Π»Π°ΡΡ Ρ ΡΠ΅ΠΊΡΡΠΎΠΌ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Π² Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ
ΡΡΠ΅ΠΉΠΊΠ°Ρ
, ΠΈΡ
ΡΠ΄ΠΎΠ±Π½ΠΎ Π²ΡΠ΄Π΅Π»ΠΈΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΏΡΠΈΠ΅ΠΌΡ.β’Β Π§ΡΠΎΠ±Ρ Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΡΡΠΎΠ»Π±Π΅Ρ, ΠΏΠΎΠ΄Π²Π΅Π΄ΠΈΡΠ΅ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΌΡΡΠΈ ΠΊ Π²Π΅ΡΡ
Π½Π΅ΠΉ Π³ΡΠ°Π½ΠΈΡΠ΅ ΠΈ, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ ΠΏΡΠΈΠΌΠ΅Ρ Π²ΠΈΠ΄ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΎΠΉ ΡΠ΅ΡΠ½ΠΎΠΉ
Π’Π°Π±Π»ΠΈΡΡ
Π’Π°Π±Π»ΠΈΡΡ
ΠΠΎΠΌΠ°Π½Π΄Π° TABLE ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΠ΅Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡΡΡΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² Π² ΡΠ΅ΡΡΠ΅ΠΆΠ΅. ΠΡΠ·ΡΠ²Π°Π΅ΡΡΡ ΠΊΠΎΠΌΠ°Π½Π΄Π° ΠΈΠ· ΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΠΌΠ΅Π½Ρ Draw ? Tableβ¦ ΠΈΠ»ΠΈ ΡΠ΅Π»ΡΠΊΠΎΠΌ Π½Π° ΠΏΠΈΠΊΡΠΎΠ³ΡΠ°ΠΌΠΌΠ΅ Tableβ¦ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Draw. Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΡΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ Π²ΡΡΠ°Π²ΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ Insert Table β ΡΠΈΡ. 10.8.
Π ΠΈΡ. 10.8.
Π―ΡΠ΅ΠΉΠΊΠΈ ΠΎΠ±ΡΠ°Π·ΡΠΎΠ² ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ²
Π―ΡΠ΅ΠΉΠΊΠΈ ΠΎΠ±ΡΠ°Π·ΡΠΎΠ² ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ²
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ Π½Π°Π΄ Π½ΠΎΠ²ΠΎΠΉ ΡΡΠ΅Π½ΠΎΠΉ Material Editor (Π Π΅Π΄Π°ΠΊΡΠΎΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ²) ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΡΠ΅ΡΡΡ ΡΡΠ΅Π΅ΠΊ Ρ ΠΎΠ±ΡΠ°Π·ΡΠ°ΠΌΠΈ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ². Π©Π΅Π»ΡΠΎΠΊ Π½Π° ΡΡΠ΅ΠΉΠΊΠ΅ Π°ΠΊΡΠΈΠ²ΠΈΠ·ΠΈΡΡΠ΅Ρ Π΅Π΅ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅Ρ ΡΠ²Π΅Ρ Π΅Π΅ Π³ΡΠ°Π½ΠΈΡΡ Π½Π° Π±Π΅Π»ΡΠΉ. ΠΡΠ»ΠΈ ΡΡΠ΅ΠΉΠΊΠ° ΠΎΠ±ΡΠ°Π·ΡΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π», ΠΊΠΎΡΠΎΡΡΠΉ
Π€ΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π°ΠΊΡΠΈΠ²Π½ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ
Π€ΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π°ΠΊΡΠΈΠ²Π½ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎ ΡΠ²ΠΎΠ΅ΠΌΡ ΡΡΠΌΠΎΡΡΠ΅Π½ΠΈΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½ΡΡ
Π² Π»ΡΠ±ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠ΅ Π»ΠΈΠ±ΠΎ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π΅, ΡΠΎ Π΅ΡΡΡ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π°ΠΊΡΠΈΠ²Π½ΡΡ ΡΡΠ΅ΠΉΠΊΡ ΠΈΠ»ΠΈ Π²Ρ Π΄Π΅Π»Π΅Π½Π½ΡΠΉ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½. Π§ΡΠΎΠ±Ρ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ Π² Π΄Π°Π½Π½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌ, Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ Π€ΠΎΡΠΌΠ°Ρ ΡΡΠ΅Π΅ΠΊ
Π’Π°Π±Π»ΠΈΡΡ
Π’Π°Π±Π»ΠΈΡΡ
ΠΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ ΡΠ°Π±ΠΎΡΡ Ρ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ Π² Word-2003 Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΡΠΎΠ²Π΅ΡΡΠ΅Π½ΡΡΠ²ΠΎΠ²Π°Π½Ρ ΠΏΠΎ ΡΡΠ°Π²Π½Π΅Π½ΠΈΡ Ρ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠΈΠΌΠΈ Π²Π΅ΡΡΠΈΡΠΌΠΈ ΡΡΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ. Π’Π΅ΠΏΠ΅ΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π² ΡΠ΅ΠΊΡΡΠ΅ Word ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠΊΠ²Π°Π»ΡΠ½ΠΎ Π΄Π²ΡΠΌΡ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΡΠΌΠΈ ΠΌΡΡΠΊΠΈ.Π‘Π°ΠΌΡΠΉ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ± β Π½Π°ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ. ΠΠΎΠΉΠ΄ΠΈΡΠ΅ Π² ΠΌΠ΅Π½Ρ Π’Π°Π±Π»ΠΈΡΠ°
Π―ΡΠ΅ΠΉΠΊΠΈ
Π―ΡΠ΅ΠΉΠΊΠΈ
Π€ΠΎΡΠΌΠ°Ρ Π΄Π°Π½Π½ΡΡ
ΠΠ°ΠΆΠ΄ΡΡ ΠΈΠ· ΡΡΠ΅Π΅ΠΊ Excel ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡΡ ΡΠ°Π·Π½ΡΠΌΠΈ ΡΠΈΠΏΠ°ΠΌΠΈ Π΄Π°Π½Π½ΡΡ
: ΡΠ΅ΠΊΡΡΠΎΠΌ, ΡΠΈΡΠ»Π΅Π½Π½ΡΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ, Π΄Π°ΠΆΠ΅ Π³ΡΠ°ΡΠΈΠΊΠΎΠΉ. ΠΡΠ°Π²Π΄Π°, Π΄Π»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ Π²Π²Π΅Π΄Π΅Π½Π½Π°Ρ Π²Π°ΠΌΠΈ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°Π»Π°ΡΡ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ, Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡΠΈΡΠ²ΠΎΠΈΡΡ ΡΡΠ΅ΠΉΠΊΠ΅ (Π° ΡΠ°ΡΠ΅ ΡΠ΅Π»ΠΎΠΌΡ ΡΡΠΎΠ»Π±ΡΡ ΠΈΠ»ΠΈ ΡΡΡΠΎΠΊΠ΅)
2.6. Π’Π°Π±Π»ΠΈΡΡ
2.6. Π’Π°Π±Π»ΠΈΡΡ
2.6.1. Π¦ΠΈΡΡΠΎΠ²ΠΎΠΉ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π» Π΄Π»Ρ Π΄ΠΎΡΡΠΈΠΆΠ΅Π½ΠΈΡ Π»ΡΡΡΠ΅ΠΉ Π½Π°Π³Π»ΡΠ΄Π½ΠΎΡΡΠΈ ΠΈ ΡΡΠ°Π²Π½ΠΈΠΌΠΎΡΡΠΈ ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»Π΅ΠΉ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΎΡΠΎΡΠΌΠ»ΡΡΡ Π² Π²ΠΈΠ΄Π΅ ΡΠ°Π±Π»ΠΈΡΡ.2.6.2. ΠΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΡΡΡ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡΠΌΠΈ ΠΠΠ‘Π’ 1.5-85.Π’Π°Π±Π»ΠΈΡΠ° ΠΌΠΎΠΆΠ΅Ρ ΠΈΠΌΠ΅ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ»Π΅Π΄ΡΠ΅Ρ
14.5. Π―ΡΠ΅ΠΉΠΊΠΈ
14.5. Π―ΡΠ΅ΠΉΠΊΠΈ
ΠΠ°ΠΆΠ΄Π°Ρ ΡΡΠ΅ΠΉΠΊΠ° ΠΈΠΌΠ΅Π΅Ρ Π°Π΄ΡΠ΅Ρ, Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΈ ΡΠΎΡΠΌΠ°Ρ. ΠΠ΄ΡΠ΅Ρ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΠ±ΡΠ°ΡΠΈΡΡΡΡ ΠΊ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΡΠ΅ΠΉΠΊΠΈ ΠΏΡΠΈ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΠΈ ΡΠΎΡΠΌΡΠ». ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π²ΡΠ΅, ΡΡΠΎ ΡΠ³ΠΎΠ΄Π½ΠΎ β ΡΡΡΠΎΠΊΠ°, ΡΠΈΡΠ»ΠΎ, ΡΠΎΡΠΌΡΠ»Π°, Π΄Π°ΡΠ°, ΡΠΈΡΡΠ½ΠΎΠΊ ΠΈ Ρ.Β Π΄. Π€ΠΎΡΠΌΠ°Ρ Π·Π°Π΄Π°Π΅Ρ, ΠΊΠ°ΠΊ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΡΠΎ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅. ΠΠ°ΠΊ
14.5.1. ΠΠ΄ΡΠ΅Ρ ΡΡΠ΅ΠΉΠΊΠΈ
14.5.1. ΠΠ΄ΡΠ΅Ρ ΡΡΠ΅ΠΉΠΊΠΈ
Π‘Π½Π°ΡΠ°Π»Π° ΡΠ°Π·Π±Π΅ΡΠ΅ΠΌΡΡ Ρ Π°Π΄ΡΠ΅ΡΠΎΠΌ ΡΡΠ΅ΠΉΠΊΠΈ. ΠΡΠ΅ ΠΌΡ ΠΈΠ³ΡΠ°Π»ΠΈ Π² Π΄Π΅ΡΡΡΠ²Π΅ Π² ΠΌΠΎΡΡΠΊΠΎΠΉ Π±ΠΎΠΉ. ΠΡΠΈΠ½ΡΠΈΠΏ Π°Π΄ΡΠ΅ΡΠ°ΡΠΈΠΈ ΡΡΠ΅Π΅ΠΊ Π² Excel ΡΠ°ΠΊΠΎΠΉ ΠΆΠ΅. Π―ΡΠ΅ΠΉΠΊΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΡΠΎΠΈΡ Π½Π° ΠΏΠ΅ΡΠ΅ΡΠ΅ΡΠ΅Π½ΠΈΠΈ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ (ΠΈΠΌΡ ΠΊΠΎΡΠΎΡΠΎΠΉ Π) ΠΈ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ ΡΡΠ΄Π° (Π΅Π³ΠΎ Π½ΠΎΠΌΠ΅Ρ 1), Π±ΡΠ΄Π΅Ρ Π½Π°Π·ΡΠ²Π°ΡΡΡΡ Π1 β ΡΡΠΎ ΠΈ Π΅ΡΡΡ Π°Π΄ΡΠ΅Ρ ΡΡΠ΅ΠΉΠΊΠΈ.
14.5.2. ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ
14.5.2. ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ
ΠΠ°ΠΊ ΠΈ Π² ΡΠ»ΡΡΠ°Π΅ Ρ Word, ΠΏΡΠΎΡΡΠΎ Π½Π°ΡΠΈΠ½Π°ΠΉΡΠ΅ Π²Π²ΠΎΠ΄ΠΈΡΡ ΡΠ΅ΠΊΡΡ ΠΈΠ»ΠΈ ΡΠΈΡΠ»Π°. ΠΠ΅ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΉΡΠ΅ΡΡ, ΡΡΠΎ Π²Π²Π΅Π΄Π΅Π½Π½ΠΎΠ΅ Π²Π°ΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π²ΡΡ
ΠΎΠ΄ΠΈΡ Π·Π° ΡΠ°ΠΌΠΊΠΈ ΡΡΠ΅ΠΉΠΊΠΈ β ΡΡΠΎ ΠΏΠΎΠΏΡΠ°Π²ΠΈΠΌΠΎ. ΠΠ»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠΈΡΠΈΠ½Ρ ΡΡΠ΅ΠΉΠΊΠΈ ΡΡ
Π²Π°ΡΠΈΡΠ΅ΡΡ Π·Π° Π³ΡΠ°Π½ΠΈΡΡ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΈ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°ΠΉΡΠ΅ Π΅Π΅, ΠΏΠΎΠΊΠ° Π½Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ ΡΠ°Π·ΠΌΠ΅Ρ
14.5.3. Π€ΠΎΡΠΌΠ°Ρ ΡΡΠ΅ΠΉΠΊΠΈ
14.5.3. Π€ΠΎΡΠΌΠ°Ρ ΡΡΠ΅ΠΉΠΊΠΈ
Π€ΠΎΡΠΌΠ°Ρ Π·Π°Π΄Π°Π΅Ρ, ΠΊΠ°ΠΊ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ. Π€ΠΎΡΠΌΠ°Ρ ΡΠ΅ΡΠ½ΠΎ ΡΠ²ΡΠ·Π°Π½ Ρ ΡΠΈΠΏΠΎΠΌ Π΄Π°Π½Π½ΡΡ
ΡΡΠ΅ΠΉΠΊΠΈ. Π’ΠΈΠΏ Π·Π°Π΄Π°Π΅ΡΠ΅ Π²Ρ ΡΠ°ΠΌΠΈ. ΠΡΠ»ΠΈ Π²Ρ Π²Π²Π΅Π»ΠΈ ΡΠΈΡΠ»ΠΎ, ΡΠΎ ΡΡΠΎ ΡΠΈΡΠ»ΠΎΠ²ΠΎΠΉ ΡΠΈΠΏ Π΄Π°Π½Π½ΡΡ
. Excel ΡΠ°ΠΌΠ° ΡΡΠ°ΡΠ°Π΅ΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΡΠΎΡΠΌΠ°Ρ ΠΏΠΎ ΡΠΈΠΏΡ Π΄Π°Π½Π½ΡΡ
. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΅ΡΠ»ΠΈ Π²Ρ Π²Π²Π΅Π»ΠΈ ΡΠ΅ΠΊΡΡ, ΡΠΎ
6.2.2. Π€ΠΎΡΠΌΠ°ΡΠΈΡΡΠ΅ΠΌ ΡΡΠ΅ΠΉΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ
6.2.2. Π€ΠΎΡΠΌΠ°ΡΠΈΡΡΠ΅ΠΌ ΡΡΠ΅ΠΉΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ
ΠΠ»Ρ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ Π·Π°Π΄Π°Π½ΠΈΡ Π½Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π» ΡΠ°Π·Π΄. 5.2.5.ΠΠ°Π΄Π°Π½ΠΈΠ΅Π‘ΠΎΠ·Π΄Π°ΡΡ ΠΈ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠΈΡ.Β 6.27. ΠΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΡΠΉ Π²ΠΈΠ΄ Π·Π°Π΄Π°Π½ΠΈΡ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ Π² ΡΠ°ΠΉΠ»Π΅: /numbers/tasks/6.2.2.pdf.1.Β ΠΡΠΊΡΡΡΡ ΡΠ°ΠΉΠ» ΡΠΏΡ. numbers, Ρ
ΡΠ°Π½ΡΡΠΈΠΉΡΡ Π² ΠΏΠ°ΠΏΠΊΠ΅
ΠΠ²ΠΎΠ΄ Π΄Π°Π½Π½ΡΡ Π² ΡΡΠ΅ΠΉΠΊΠΈ
ΠΠ²ΠΎΠ΄ Π΄Π°Π½Π½ΡΡ
Π² ΡΡΠ΅ΠΉΠΊΠΈ
ΠΠ»Ρ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ ΡΡΠ΅ΠΉΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π°Π½Π½ΡΠΌΠΈ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅.1. ΠΡΠ±ΡΠ°ΡΡ Π½ΡΠΆΠ½ΡΡ ΡΡΠ΅ΠΉΠΊΡ.2. ΠΠ²Π΅ΡΡΠΈ ΡΠ΅ΠΊΡΡ, ΡΠΈΡΠ»ΠΎ ΠΈΠ»ΠΈ ΡΠΎΡΠΌΡΠ»Ρ.3. ΠΠ°ΠΆΠ°ΡΡ Π»ΡΠ±ΡΡ ΠΈΠ· ΠΊΠ»Π°Π²ΠΈΡ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΠΏΠΎ Π»ΠΈΡΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΠΊΠ»Π°Π²ΠΈΡΡ ΡΠΎ ΡΡΡΠ΅Π»ΠΊΠΎΠΉ ΠΈΠ»ΠΈ Enter Π΄Π»Ρ ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄Π° ΠΊ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΡΠ΅ΠΉΠΊΠ΅.ΠΡΠΈ Π²Π²ΠΎΠ΄Π΅
HTML ΡΠ°Π±Π»ΠΈΡΡ
Π’Π°Π±Π»ΠΈΡΡ ΡΠΎΠ·Π΄Π°ΡΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΏΠ°ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅Π³Π° <table>
, Π²Π½ΡΡΡΠΈ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡΡΡ ΡΠ΅Π³ΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΡΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ β <tr>...</tr>
, ΠΈ ΡΠ΅Π³ΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΠ΅Π΅ΠΊ ΡΠ°Π±Π»ΠΈΡΡ β <td>...</td>
:
<table> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </tr> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </tr> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </tr> </table>
ΠΠ°Π½Π½Π°Ρ ΡΠ°Π±Π»ΠΈΡΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΡΡΠΈ ΡΡΡΠΎΠΊΠΈ, Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ ΠΏΠΎ ΡΡΠΈ ΡΡΠ΅ΠΉΠΊΠΈ. Π Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΎΠ½Π° ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡΡ ΡΠ°ΠΊ:
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΠ° Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π±Π΅Π· Π³ΡΠ°Π½ΠΈΡ ΠΈ ΠΎΡΡΡΡΠΏΠΎΠ². ΠΡΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡΡΡ ΡΠ΅ΡΠ΅Π· CSS.
Π’Π°Π±Π»ΠΈΡΠ° Ρ ΡΠ°ΠΏΠΊΠΎΠΉ ΠΈ ΠΏΠΎΠ΄Π²Π°Π»ΠΎΠΌ
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΠ°ΠΏΠΊΡ ΠΈ ΠΏΠΎΠ΄Π²Π°Π», Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ°ΠΊΡΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΡ:
<table> <thead> <tr> <th>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> <th>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> <th>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> </td> </thead> <tfoot> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> </td> </tfoot> <tbody> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> </tbody> </table>
Π¨Π°ΠΏΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ Π»Π΅ΠΆΠΈΡ Π² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅ thead
, ΡΡΠ΅ΠΉΠΊΠΈ Π² ΡΠ°ΠΏΠΊΠ΅ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <th>...</th>
. ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ΅ΠΊΡΡ Π² ΡΡΠ΅ΠΉΠΊΠ°Ρ
ΡΠ°ΠΏΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ ΠΈ Π²ΡΠ΄Π΅Π»Π΅Π½ ΠΆΠΈΡΠ½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ.
ΠΠΎΠ΄Π²Π°Π» ΡΠ°Π±Π»ΠΈΡΡ Π»Π΅ΠΆΠΈΡ Π² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅ tfoot
. ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ ΠΏΠΎΠ΄Π²Π°Π» Π² ΠΊΠΎΠ΄Π΅ ΠΈΠ΄Π΅Ρ ΡΡΠ°Π·Ρ ΠΏΠΎΡΠ»Π΅ ΡΠ°ΠΏΠΊΠΈ, Π±ΡΠ°ΡΠ·Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡ Π΅Π³ΠΎ Π² ΡΠ°ΠΌΠΎΠΌ Π½ΠΈΠ·Ρ ΡΠ°Π±Π»ΠΈΡΡ, Ρ.Π΅. ΠΏΠΎΡΠ»Π΅ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° tbody
.
ΠΡΠ½ΠΎΠ²Π½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΡΠΈΠ½ΡΡΠΎ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡ Π² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅ tbody
.
ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΡΡΠ΅Π΅ΠΊ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ
ΠΠ»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠ΅Π΅ΠΊ Π² ΡΡΡΠΎΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌ Π°ΡΡΠΈΠ±ΡΡ colspan
. ΠΠΎΠΏΡΡΡΠΈΠΌ Π² Π½Π°ΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅ ΠΌΡ Ρ
ΠΎΡΠΈΠΌ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ Π΄Π²Π΅ ΡΡΠ΅ΠΉΠΊΠΈ Π² ΡΠ°ΠΏΠΊΠ΅, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π΄Π»Ρ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ Π·Π°ΠΏΠΈΡΡΠ²Π°Π΅ΠΌ Π°ΡΡΠΈΠ±ΡΡ colspan
ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ Π΄Π²Π°: <td colspan="2">
, ΠΈ ΡΠ΄Π°Π»ΡΠ΅ΠΌ ΡΡΠ΅ΠΉΠΊΡ, ΠΈΠ΄ΡΡΡΡ ΠΏΠΎΡΠ»Π΅ ΡΡΠΎΠΉ:
<table> <thead> <tr> <th colspan="2">Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> <th>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> </td> </thead> <tfoot> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> </td> </tfoot> <tbody> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> </tbody> </table>
ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΡΡΠ΅Π΅ΠΊ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ
Π§ΡΠΎΠ±Ρ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ ΡΡΠ΅ΠΉΠΊΠΈ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π°ΡΡΠΈΠ±ΡΡ rowspan
. ΠΠΎΠΏΡΡΡΠΈΠΌ Π² ΡΠ΅Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ ΠΏΠ΅ΡΠ²ΡΡ ΡΡΠ΅ΠΉΠΊΡ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ Ρ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΎΠΉ Π²ΡΠΎΡΠΎΠΉ ΡΡΡΠΎΠΊΠΈ, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π΄Π»Ρ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ Π² ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ Π½ΡΠΆΠ½ΠΎ Π·Π°ΠΏΠΈΡΠ°ΡΡ <td rowspan="2">
, ΠΈ ΡΠ΄Π°Π»ΠΈΡΡ ΠΏΠ΅ΡΠ²ΡΡ ΡΡΠ΅ΠΉΠΊΡ Π²ΠΎ Π²ΡΠΎΡΠΎΠΉ ΡΡΡΠΎΠΊΠ΅:
<table> <thead> <tr> <th>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> <th>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> <th>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> </td> </thead> <tfoot> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> </td> </tfoot> <tbody> <tr> <td rowspan="2">Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> </tbody> </table>
ΠΠΈΠ΄Π΅ΠΎ ΠΊ ΡΡΠΎΠΊΡ
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ΅Π³ ΠΈ Css
ΠΡΠΎ ΡΡΠ°ΡΠ°Ρ Π²Π΅ΡΠΊΠ°, Π½ΠΎ Ρ ΡΠ΅ΡΠΈΠ» ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅. ΠΠ΅Π΄Π°Π²Π½ΠΎ Ρ ΡΡΠΎΠ»ΠΊΠ½ΡΠ»ΡΡ Ρ ΡΠΎΠΉ ΠΆΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠΎΠΉ, ΠΈ Ρ ΡΠ΅ΡΠΈΠ» Π΅Π΅, ΡΠ»Π΅Π΄ΡΡ ΡΡΠ΅Ρ ΡΡΠ°ΠΏΠ½ΠΎΠΌΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄Ρ, ΠΎΠΏΠΈΡΠ°Π½Π½ΠΎΠΌΡ Π½ΠΈΠΆΠ΅, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡ Π±Π΅Π· ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ ΡΠ»ΠΎΠΆΠ½ΠΎΠ³ΠΎ CSS .
(ΠΠ ΠΠΠΠ§ΠΠΠΠ. ΠΠΎΠ½Π΅ΡΠ½ΠΎ, Π΄Π»Ρ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠ° CSS ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ»ΠΈ ΡΡΡΠΎΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ»ΠΈ ΡΡΠ΅ΠΉΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΌΠΎΠΆΠ΅Ρ ΡΠ΅ΡΠΈΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ. ΠΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄, ΠΊΠΎΡΠΎΡΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π», Π±ΡΠ΄Π΅Ρ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Ρ ΠΎΡΠΎΡΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΠΈ ΡΡΠ°ΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ , ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΎΠ½ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΡΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠ° CSS.)
3-Ρ ΡΠ°Π³ΠΎΠ²ΡΠΉ ΠΏΡΠΎΡΡΠΎΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄
ΠΠ»Ρ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ div, ΠΏΠΎΡΡΠΎΠΌΡ Π²Ρ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ ΠΈ ΡΡΡΠΎΠΊΠΈ, ΠΊΠ°ΠΊ Π² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄.
- ΠΠ°ΠΌΠ΅Π½ΠΈΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ°Π±Π»ΠΈΡΡ Π½Π° Π±Π»ΠΎΠΊ div (ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅
.table
ΠΊΠ»Π°ΡΡ) - ΠΠ°ΠΌΠ΅Π½ΠΈΡΠ΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ tr ΠΈΠ»ΠΈ th Π±Π»ΠΎΠΊΠΎΠΌ div (ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅
.row
ΠΊΠ»Π°ΡΡ) - ΠΠ°ΠΌΠ΅Π½ΠΈΡΠ΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ td Π½Π° Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ Π±Π»ΠΎΠΊ div (ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅
.cell
ΠΊΠ»Π°ΡΡ)
.table {display:block; }
.row { display:block;}
.cell {display:inline-block;}
<h3>Table below using table element</h3>
<table cellspacing="0" >
<tr>
<td>Mike</td>
<td>36 years</td>
<td>Architect</td>
</tr>
<tr>
<td>Sunil</td>
<td>45 years</td>
<td>Vice President aas</td>
</tr>
<tr>
<td>Jason</td>
<td>27 years</td>
<td>Junior Developer</td>
</tr>
</table>
<h3>Table below is using Divs only</h3>
<div>
<div>
<div>
Mike
</div>
<div>
36 years
</div>
<div>
Architect
</div>
</div>
<div>
<div>
Sunil
</div>
<div>
45 years
</div>
<div>
Vice President
</div>
</div>
<div>
<div>
Jason
</div>
<div>
27 years
</div>
<div>
Junior Developer
</div>
</div>
</div>
ΠΠΠΠΠΠΠΠΠΠ 1
Π§ΡΠΎΠ±Ρ ΠΎΠ±ΠΎΠΉΡΠΈ ΡΡΡΠ΅ΠΊΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΉ ΡΠΈΡΠΈΠ½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π²ΠΎ Π²ΡΠ΅Ρ
ΡΡΠ΅ΠΉΠΊΠ°Ρ
ΡΡΠΎΠ»Π±ΡΠ°, ΠΊΠ°ΠΊ ΡΠΏΠΎΠΌΡΠ½ΡΡΠΎ thatslch
Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π»ΡΠ±ΠΎΠΉ ΠΈΠ· Π΄Π²ΡΡ
ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΠΎΠ² Π½ΠΈΠΆΠ΅.
Π£ΠΊΠ°ΠΆΠΈΡΠ΅ ΡΠΈΡΠΈΠ½Ρ Π΄Π»Ρ
cell
ΠΊΠ»Π°ΡΡΠ°cell {display: inline-block; ΡΠΈΡΠΈΠ½Π°: 340px;}
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ CSS ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ², ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅.
.table {display: table; } .row {display: table-row;} .cell {display: table-cell;}
HTML-ΡΠ°Π±Π»ΠΈΡ — Π£ΡΠ΅Π±Π½ΠΎΠ΅ ΠΏΠΎΡΠΎΠ±ΠΈΠ΅ ΠΏΠΎ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌ Ρ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠΌ ΠΊΠΎΠ΄Π°
ΠΠΎΠ³Π΄Π° Π²Ρ ΡΠΎΠ·Π΄Π°Π΅ΡΠ΅ ΠΏΡΠΎΠ΅ΠΊΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ Π΄Π°Π½Π½ΡΠ΅ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ, Π²Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ Ρ ΠΎΡΠΎΡΠΈΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ, ΡΡΠΎΠ±Ρ Π΅Π΅ Π±ΡΠ»ΠΎ Π»Π΅Π³ΠΊΠΎ ΡΠΈΡΠ°ΡΡ ΠΈ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ.
Π’Π΅ΠΏΠ΅ΡΡ, Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠΈΠΏΠ° Π΄Π°Π½Π½ΡΡ , Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΠΈΡΠ°ΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΠΌΠ΅ΡΠΎΠ΄Π°ΠΌΠΈ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² HTML.
Π Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ ΡΠ»ΡΡΠ°Π΅Π² ΡΠ°Π±Π»ΠΈΡΡ ΡΠ΄ΠΎΠ±Π½Π΅Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π±ΠΎΠ»ΡΡΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΌΡ ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ Π΄Π°Π½Π½ΡΡ . ΠΠΎΡ ΠΏΠΎΡΠ΅ΠΌΡ Π² ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΡΠ·Π½Π°Π΅ΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π² HTML, Π° Π·Π°ΡΠ΅ΠΌ ΠΊΠ°ΠΊ ΠΈΡ ΡΡΠΈΠ»ΠΈΠ·ΠΎΠ²Π°ΡΡ.
ΠΠΎ ΠΎΠ±ΠΎ Π²ΡΠ΅ΠΌ ΠΏΠΎ ΠΏΠΎΡΡΠ΄ΠΊΡ — ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΡΠ°Π±Π»ΠΈΡΠ° Π² HTML?
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΡΠ°Π±Π»ΠΈΡΠ° Π² HTML?
Π’Π°Π±Π»ΠΈΡΠ° — ΡΡΠΎ Π½Π΅ ΡΡΠΎ ΠΈΠ½ΠΎΠ΅, ΠΊΠ°ΠΊ ΡΠΏΠΎΡΠΎΠ± ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ Π² ΡΡΡΠΎΠΊΠ°Ρ ΠΈ ΡΡΠΎΠ»Π±ΡΠ°Ρ . ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΊΠ°ΠΊ Π³ΡΡΠΏΠΏΡ ΡΡΡΠΎΠΊ, ΠΊΠ°ΠΆΠ΄Π°Ρ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π³ΡΡΠΏΠΏΡ ΡΡΠ΅Π΅ΠΊ.
Π’Π°Π±Π»ΠΈΡΡ
HTML ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ Π΄Π°Π½Π½ΡΠ΅ Π² ΡΡΡΠΎΠΊΠ°Ρ ΠΈ ΡΡΠΎΠ»Π±ΡΠ°Ρ . Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°Π±Π»ΠΈΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠΈΠ²Π°ΡΡ Π΄Π°Π½Π½ΡΠ΅, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΠ΅ΠΊΡΡ, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΡΡΡΠ»ΠΊΠΈ, Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅, Π² ΡΡΡΠΎΠΊΠΈ ΠΈ ΡΡΠΎΠ»Π±ΡΡ ΡΡΠ΅Π΅ΠΊ.
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π² HTML, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ.Π’Π°Π±Π»ΠΈΡΠ° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΎΠ±ΡΡΠ²Π»Π΅Π½Π° ββΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΡΠ΅Ρ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π° ΠΈΠΌΠ΅Π½Π½ΠΎ:
-
<ΡΠ°Π±Π»ΠΈΡΠ°>
— ΡΡΠΎ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ. -
— ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΡΡΠΎΠΊΠΈ. — ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΠ΅Π΅ΠΊ Π΄Π°Π½Π½ΡΡ . Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ HTML:
<ΡΠ°Π±Π»ΠΈΡΠ°>
Π―ΡΠ΅ΠΉΠΊΠ° 1 Π―ΡΠ΅ΠΉΠΊΠ° 2 Π―ΡΠ΅ΠΉΠΊΠ° 3 Π―ΡΠ΅ΠΉΠΊΠ° 4 Π―ΡΠ΅ΠΉΠΊΠ° 5 Π―ΡΠ΅ΠΉΠΊΠ° 6 Π―ΡΠ΅ΠΉΠΊΠ° 1 Π―ΡΠ΅ΠΉΠΊΠ° 2 Π―ΡΠ΅ΠΉΠΊΠ° 3 Π―ΡΠ΅ΠΉΠΊΠ° 4 Π―ΡΠ΅ΠΉΠΊΠ° 5 Π―ΡΠ΅ΠΉΠΊΠ° 6 Π’Π΅ΠΏΠ΅ΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ ΠΈΠ·ΡΡΠΈΠ»ΠΈ Π±Π°Π·ΠΎΠ²ΡΡ ΡΡΡΡΠΊΡΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ HTML, ΠΏΠΎΡΠ° ΡΠΎΠ·Π΄Π°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠΌΠΈ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ — ΠΊΠ°ΠΊ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²
.
ΠΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ Π² HTML
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π°
. ΠΡΠΎΡ ΡΠ΅Π³ Π·Π°ΠΌΠ΅Π½ΠΈΡ ΡΠ΅Π³ , ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΡΠ΅Π΅ΠΊ Π΄Π°Π½Π½ΡΡ . ΠΠ±ΡΡΠ½ΠΎ Π²Ρ Π΄Π΅Π»Π°Π΅ΡΠ΅ Π²Π΅ΡΡ Π½ΡΡ ΡΡΡΠΎΠΊΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ ΡΠ°Π±Π»ΠΈΡΡ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅. ΠΠΎ Π²Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
Π² Π»ΡΠ±ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅. ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Ρ Π² ΡΠ΅Π³Π΅ , ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ ΠΈ ΠΏΠΎΠ»ΡΠΆΠΈΡΠ½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ.
ΠΡΠΈΠΌΠ΅Ρ Ρ<ΡΠ°Π±Π»ΠΈΡΠ°>
ΠΠΎΠΌΠΏΠ°Π½ΠΈΡ Π‘Π²ΡΠ·Π°ΡΡΡΡ Π‘ΡΡΠ°Π½Π° TechMania ΠΠ°ΡΠΈΡ ΠΠ΅ΡΠΌΠ°Π½ΠΈΡ ΠΠΎΠΌΠΌΠ΅ΡΡΠ΅ΡΠΊΠΈΠΉ ΡΠ΅Π½ΡΡ Π€ΡΠ°Π½ΡΠΈΡΠΊΠΎ ΠΠ΅ΠΊΡΠΈΠΊΠ° ΠΠΎΠΌΠΏΠ°Π½ΠΈΡ ΠΠΎΠ½ΡΠ°ΠΊΡ Π‘ΡΡΠ°Π½Π° TechMania ΠΠ°ΡΠΈΡ ΠΠ΅ΡΠΌΠ°Π½ΠΈΡ ΠΠΎΠΌΠΌΠ΅ΡΡΠ΅ΡΠΊΠΈΠΉ ΡΠ΅Π½ΡΡ Π€ΡΠ°Π½ΡΠΈΡΠΊΠΎ ΠΠ΅ΠΊΡΠΈΠΊΠ° Π ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²ΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ Π²ΠΈΠ΄ΠΈΠΌ ΡΠΎΠ»Ρ, ΠΊΠΎΡΠΎΡΡΡ ΠΈΠ³ΡΠ°Π΅Ρ ΡΠ΅Π³
— ΠΎΠ½ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π΄Π»Ρ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ ΡΡΠ΅Π΅ΠΊ Π² ΡΡΠΎΠ»Π±ΡΠ°Ρ , ΠΊΠΎΡΠΎΡΡΠΌ ΠΎΠ½ ΠΏΡΠΈΠ½Π°Π΄Π»Π΅ΠΆΠΈΡ. ΠΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π°ΡΡΠΈΠ±ΡΡ ΠΎΠ±Π»Π°ΡΡΠΈ Π² HTML
ΠΡΡΠΈΠ±ΡΡ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠΏΠΎΡΠΎΠ± ΡΠ²ΡΠ·Π°ΡΡ ΡΡΠ΅ΠΉΠΊΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈ ΡΡΠ΅ΠΉΠΊΠΈ Π΄Π°Π½Π½ΡΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅.
ΠΡΡΠΈΠ±ΡΡ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ, ΡΠ²Π»ΡΠ΅ΡΡΡ Π»ΠΈ ΡΡΠ΅ΠΉΠΊΠ° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ Π΄Π»Ρ ΡΡΠΎΠ»Π±ΡΠ° ΠΈΠ»ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ Π΄Π»Ρ ΡΡΡΠΎΠΊΠΈ.
ΠΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΎΠ±ΡΡΠ²Π»Π΅Π½ ΡΠΎΠ»ΡΠΊΠΎ Π² ΡΡΠ΅ΠΉΠΊΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈ ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Β«colΒ», Β«rowΒ», Β«colgroupΒ» ΠΈ Β«rowgroupΒ». ΠΠ½Π°ΡΠ΅Π½ΠΈΡ Β«colΒ» ΠΈ Β«rowΒ» ΡΠΊΠ°Π·ΡΠ²Π°ΡΡ, ΡΡΠΎ ΡΡΠ΅ΠΉΠΊΠ° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π΄Π»Ρ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ ΡΡΠ΅Π΅ΠΊ Π² ΡΡΠΎΠ»Π±ΡΠ΅ ΠΈΠ»ΠΈ ΡΡΡΠΎΠΊΠ΅ (ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ), Π³Π΄Π΅ ΠΎΠ½Π° ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π°.
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠ° ΠΎΠ±Π»Π°ΡΡΠΈ
ΠΡΠΈΠΌΠ΅Ρ Π² ΠΊΠΎΠ΄Π΅
<ΡΠ°Π±Π»ΠΈΡΠ°>
ΠΠ΅Π½Ρ Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΠ°Π²ΡΡΠ° ΡΠ΅ΡΠ²Π΅ΡΠ³ Π£ΡΠ»ΠΎΠ²ΠΈΠ΅ Π‘ΠΎΠ»Π½Π΅ΡΠ½ΠΎ ΠΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ ΡΠΎΠ»Π½Π΅ΡΠ½ΠΎ ΠΠ΅Π±ΠΎΠ»ΡΡΠ°Ρ ΠΎΠ±Π»Π°ΡΠ½ΠΎΡΡΡ Π’Π΅ΠΌΠΏΠ΅ΡΠ°ΡΡΡΠ° 19 Β° C 17 Β° C 12 Β° C ΠΠ΅Π½Ρ Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΠ°Π²ΡΡΠ° Π§Π΅ΡΠ²Π΅ΡΠ³ Π‘ΠΎΡΡΠΎΡΠ½ΠΈΠ΅ Π‘ΠΎΠ»Π½Π΅ΡΠ½ΡΠΉ ΠΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ ΡΠΎΠ»Π½Π΅ΡΠ½ΠΎ ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ ΠΎΠ±Π»Π°ΡΠ½ΠΎΡΡΡ Π’Π΅ΠΌΠΏΠ΅ΡΠ°ΡΡΡΠ° 19 Β° Π‘ 17 Β° Π‘ 12 Β° Π‘ ΠΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΏΠΎΠ΄ΠΏΠΈΡΡ ΠΊ ΡΠ°Π±Π»ΠΈΡΠ΅
ΠΡΠΎ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ Π°ΡΡΠΈΠ±ΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π΄Π΅Π»Π°Π΅Ρ ΡΠ°Π±Π»ΠΈΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠΈΡΠ°Π΅ΠΌΠΎΠΉ.Π ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ , ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π½ΡΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅.
Π§ΡΠΎΠ±Ρ Π²ΡΡΠ°Π²ΠΈΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
ΡΡΠ°Π·Ρ ΠΏΠΎΡΠ»Π΅ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎ ΡΠ΅Π³Π° ΡΠ°Π±Π»ΠΈΡΡ. Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΠΏΠΎΠ΄ΠΏΠΈΡΠΈ
<ΡΠ°Π±Π»ΠΈΡΠ°>
ΠΡΠΈΠΌΠ΅Ρ Π² ΠΊΠΎΠ΄Π΅
<ΡΠ°Π±Π»ΠΈΡΠ°>
Π Π°ΡΡ ΠΎΠ΄ ΡΠΎΠΏΠ»ΠΈΠ²Π° Π°Π²ΡΠΎΠΌΠΎΠ±ΠΈΠ»Π΅ΠΉ Π²ΠΎ Π²ΡΠ΅ΠΌΡ Π΄ΡΠ°ΠΉΠ²-ΡΠ΅ΡΡΠΎΠ² ΠΠ²ΡΠΎΠΌΠΎΠ±ΠΈΠ»Ρ ΡΠ½Π²Π°ΡΡ ΡΠ΅Π²ΡΠ°Π»Ρ ΠΌΠ°ΡΡ G-Wagon 30 Π³Π°Π»Π»ΠΎΠ½ΠΎΠ² 82 Π³Π°Π»Π»ΠΎΠ½Π° 70 Π³Π°Π»Π»ΠΎΠ½ΠΎΠ² Π Π°ΡΡ ΠΎΠ΄ ΡΠΎΠΏΠ»ΠΈΠ²Π° Π°Π²ΡΠΎΠΌΠΎΠ±ΠΈΠ»Π΅ΠΉ ΠΏΡΠΈ Ρ ΠΎΠ΄ΠΎΠ²ΡΡ ΠΈΡΠΏΡΡΠ°Π½ΠΈΡΡ ΠΠ²ΡΠΎΠΌΠΎΠ±ΠΈΠ»Ρ Π―Π½Π²Π°ΡΡ Π€Π΅Π²ΡΠ°Π»Ρ ΠΠ°ΡΡ G-Wagon 30 Π³Π°Π»Π»ΠΎΠ½ΠΎΠ² 82 Π³Π°Π»Π»ΠΎΠ½Π° 70 Π³Π°Π»Π»ΠΎΠ½ΠΎΠ² ΠΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ ΡΡΠ΅Π΅ΠΊ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ HTML
ΠΡ ΠΌΠΎΠ³Π»ΠΈ Π²ΠΈΠ΄Π΅ΡΡ ΡΡΠ΅ΠΉΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π·Π°Π½ΠΈΠΌΠ°ΡΡ Π΄Π²Π° ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΡΠΎΠ»Π±ΡΠ° ΠΈΠ»ΠΈ ΡΡΡΠΎΠΊΠΈ Π² ΡΠ°Π±Π»ΠΈΡΠ΅.ΠΡΠΎ Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ ΠΎΡ Π²Π°ΡΠΎΠΌ ΡΡΠ΅Π΅ΠΊ.
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΡΠ΅ΠΉΠΊΠΈ, ΠΎΡ Π²Π°ΡΡΠ²Π°ΡΡΠΈΠ΅ ΡΡΡΠΎΠΊΠΈ ΠΈ ΡΡΠΎΠ»Π±ΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΄Π²Π° Π°ΡΡΠΈΠ±ΡΡΠ°:
ΠΈ . ΠΠ»Ρ ΡΡΠΎΠΉ ΡΠ°Π±ΠΎΡΡ Π²Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΡΡΡΡ Π΄Π²Π° Π΄ΡΡΠ³ΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠ° ΡΡΠ΅Π΅ΠΊ: colspan
Π΄Π»Ρ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΈrowspan
Π΄Π»Ρ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΎΡ Π²Π°ΡΠ°.ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΈΡΠ²ΠΎΠΈΡΡ ΡΡΠΈΠΌ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌ ΡΠ΅Π»ΠΎΡΠΈΡΠ»Π΅Π½Π½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, Π±ΠΎΠ»ΡΡΠ΅Π΅, ΡΠ΅ΠΌ Π½ΠΎΠ»Ρ, ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡΠ΅Π΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΠ΅Π΅ΠΊ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΎΡ Π²Π°ΡΠΈΡΡ.
ΠΡΠΈΠΌΠ΅Ρ Π² ΠΊΠΎΠ΄Π΅:
<ΡΠ°Π±Π»ΠΈΡΠ°>
ΠΠ΅Π½Ρ 1 ΠΠ΅Π½Ρ 2 ΠΠ΅Π½Ρ 3 ΠΠ΅Π½Ρ 4 ΠΠ°ΠΉΠΊ (ΡΠ°Π½Π΅Π½) 0 ΠΊΠΌ 4 ΠΊΠΌ Π‘ΡΡΠ·Π°Π½ 23 ΠΊΠΌ 18 ΠΊΠΌ 19 ΠΊΠΌ 15 ΠΊΠΌ ΠΠ΅Π½Ρ 1 ΠΠ΅Π½Ρ 2 ΠΠ΅Π½Ρ 3 ΠΠ΅Π½Ρ 4 ΠΠ°ΠΉΠΊ (ΡΠ°Π½Π΅Π½) 0 ΠΊΠΌ 4 ΠΊΠΌ Π‘ΡΡΠ·Π°Π½ 23 ΠΊΠΌ 18 ΠΊΠΌ 19 ΠΊΠΌ 15 ΠΊΠΌ ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ Π² ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²ΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Ρ Π½Π°Ρ Π΅ΡΡΡ ΡΡΠ΅ΠΉΠΊΠ°, ΠΎΡ Π²Π°ΡΡΠ²Π°ΡΡΠ°Ρ 3 ΡΡΠ΅ΠΉΠΊΠΈ, ΠΊΠ°ΠΊ ΡΠΊΠ°Π·Π°Π½ΠΎ
colspan
.Π’ΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ Π² ΡΠ»ΡΡΠ°Π΅rowspan
, Π½ΠΎ Π² ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ ΠΏΠ΅ΡΠ΅ΠΊΡΡΡΠΈΠ΅.ΠΡΠΈΠΌΠ΅Ρ ΠΊΠΎΠ΄Π°:
<ΡΠ°Π±Π»ΠΈΡΠ°>
ΠΠ°Π·ΠΎΠ²ΡΠΉ ΠΠΎΠ»Π½ΡΠΉ ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΠΎ! 49,99 Π΄ΠΎΠ»Π». Π‘Π¨Π ΠΠ΅ΡΠ²ΡΠΉ Π³ΠΎΠ΄ 19,99 Π΄ΠΎΠ»Π». Π‘Π¨Π ΠΡΠΎΡΠΎΠΉ Π³ΠΎΠ΄ 9 Π΄ΠΎΠ»Π»Π°ΡΠΎΠ² Π‘Π¨Π.99 29,99 Π΄ΠΎΠ»Π». Π‘Π¨Π ΠΠ°Π·ΠΎΠ²ΡΠΉ ΠΠΎΠ»Π½ΡΠΉ ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΠΎ! $ 49,99 ΠΠ΅ΡΠ²ΡΠΉ Π³ΠΎΠ΄ $ 19.99 ΠΡΠΎΡΠΎΠΉ Π³ΠΎΠ΄ $ 9,99 29,99 Π΄ΠΎΠ»Π». Π‘Π¨Π ΠΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ
colspan
ΠΈrowspan
ΡΠ±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Π²Ρ ΠΎΠ±ΡΡΠ²Π»ΡΠ΅ΡΠ΅ ΠΈΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ, ΡΡΠΎΠ±Ρ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ ΠΏΠ΅ΡΠ΅ΠΊΡΡΡΠΈΡ ΡΡΠ΅Π΅ΠΊ.ΠΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΡΠ΅ΠΊΡΡ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ» Π² ΡΠ°Π±Π»ΠΈΡΡ HTML
Π’Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Π½Π° Π²Π΅Π±-ΡΠ°ΠΉΡΠ°Ρ Ρ ΡΡΠ΅ΠΌΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΠΌΠΈ ΡΠ°Π·Π΄Π΅Π»Π°ΠΌΠΈ, ΡΠ°Π±Π»ΠΈΡΠ° ΡΠΎΠΆΠ΅. ΠΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ°Π·Π΄Π΅Π»ΠΈΡΡ Π½Π°ΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ Π½Π° ΡΡΠΈ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠ°ΡΡΠΈ: Π²Π΅ΡΡ Π½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ», ΡΠ΅Π»ΠΎ ΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ».
-
— ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠ³ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ.
— ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΠ°ΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ.
— ΡΠΎΠ·Π΄Π°Π΅Ρ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ» Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡΡ.Π§ΡΠΎΠ±Ρ Π»ΡΡΡΠ΅ ΠΏΠΎΠ½ΡΡΡ, ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ, Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π΄Π°Π½Π½ΡΡ ΠΈΠ· Π΄Π²ΡΡ Π³ΡΡΠΏΠΏ. Π’Π°Π±Π»ΠΈΡΠ° ΠΈΠΌΠ΅Π΅Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠΎ ΡΡΡΠΎΠΊΠ°ΠΌΠΈ, Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ» ΡΠΎ ΡΠ²ΠΎΠ΄ΠΊΠΎΠΉ Π΄Π°Π½Π½ΡΡ ΠΈ Π±Π»ΠΎΠΊ ΡΡΡΠΎΠΊ, ΡΠΎΡΡΠ°Π²Π»ΡΡΡΠΈΡ ΡΠ΅Π»ΠΎ ΡΠ°Π±Π»ΠΈΡΡ:
<ΡΠ°Π±Π»ΠΈΡΠ°>
ΠΠ½ΡΠΎΠ½ΠΈ ΠΠΈΠΎΠ½ ΠΠ°ΡΠ° ΠΠΎΡ ΠΎΠ΄ Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΠΠΎΡ ΠΎΠ΄ Π Π΅Π·ΡΠ»ΡΡΠ°Ρ 15 ΠΈΡΠ»Ρ 200,00 Π΄ΠΎΠ»Π». Π‘Π¨Π 50,00 Π΄ΠΎΠ»Π». Π‘Π¨Π 0 Π΄ΠΎΠ»Π»Π°ΡΠΎΠ² 0 Π΄ΠΎΠ»Π»Π°ΡΠΎΠ² 28 ΠΈΡΠ»Ρ 0,00 Π΄ΠΎΠ»Π». Π‘Π¨Π 100,00 Π΄ΠΎΠ»Π». Π‘Π¨Π 100,00 Π΄ΠΎΠ»Π». Π‘Π¨Π 0,00 Π΄ΠΎΠ»Π». Π‘Π¨Π ΠΠ°Π»Π°Π½Ρ 20,00 Π΄ΠΎΠ»Π»Π°ΡΠΎΠ² Π‘Π¨Π 10,00 Π΄ΠΎΠ»Π»Π°ΡΠΎΠ² Π‘Π¨Π ΠΠ½ΡΠΎΠ½ΠΈ ΠΠΈΠΎΠ½ ΠΠ°ΡΠ° ΠΠΎΡ ΠΎΠ΄ Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΠΠΎΡ ΠΎΠ΄ Π Π΅Π·ΡΠ»ΡΡΠ°Ρ 07/15 $ 200,00 $ 50,00 $ 0 $ 0 28 ΠΈΡΠ»Ρ $ 0,00 $ 100,00 $ 100,00 $ 0,00 ΠΠ΅ΡΡ $ 20,00 $ 10,00 Π’Π°Π±Π»ΠΈΡΠ° ΠΌΠΎΠΆΠ΅Ρ ΠΈΠΌΠ΅ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠ΅Π»Π°.Π ΡΠ°ΠΊΠΎΠΌ ΡΡΠ΅Π½Π°ΡΠΈΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΡΠ΅Π»ΠΎ Π³ΡΡΠΏΠΏΠΈΡΡΠ΅Ρ ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ Π΄ΡΡΠ³ Ρ Π΄ΡΡΠ³ΠΎΠΌ ΡΡΡΠΎΠΊΠΈ.
ΠΠ°ΠΊ ΡΡΠΈΠ»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ HTML Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS
Π Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ ΡΠ°Π±Π»ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ Π²ΠΈΠ΄ΠΈΡΠ΅, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΠ°Π·Π½ΡΠ΅ ΡΠ²Π΅ΡΠ° ΠΈ ΠΌΠ΅ΡΠΎΠ΄Ρ ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΠΈ, ΡΡΠΎΠ±Ρ ΡΠ°Π·Π»ΠΈΡΠ°ΡΡ ΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΈ Π²Π°ΠΆΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ. Π ΠΊΠΎΠ½ΡΠ΅ ΠΊΠΎΠ½ΡΠΎΠ², ΠΊΡΠΎ Π·Π°Ρ ΠΎΡΠ΅Ρ ΡΠΌΠΎΡΡΠ΅ΡΡ Π½Π° Π΄Π°Π½Π½ΡΠ΅, ΡΠ°Π·Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠΎΠΉ …?
Π§ΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠΈΠ»Ρ Π² ΡΠ°Π±Π»ΠΈΡΡ, Π²Π°ΠΌ ΠΏΠΎΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΉΠ» .css, Π½Π° ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ Π±ΡΠ΄Π΅ΡΠ΅ ΡΡΡΠ»Π°ΡΡΡΡ Π² ΡΠ²ΠΎΠ΅ΠΌ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΡΠ°ΠΉΠ»Π΅ HTML.
Π ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²ΡΡΠ΅ ΠΊΠΎΠ΄Π΅ ΠΌΡ ΡΠΎΠ·Π΄Π°Π»ΠΈ ΠΏΡΠΎΡΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΡΡΠΊΡΡΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π»ΠΈ Π² ΡΡΠ°ΡΡΠ΅.
ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΡΠ»ΠΈ Π΄Π°Π»ΡΡΠ΅ ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΠΈΠ»Ρ, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π½Π°Ρ ΡΡΠΎΠ» Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΠΌ. Π’Π°Π±Π»ΠΈΡΠ° ΡΠ°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΠΏΠΎΡΡΠΎΠΌΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°ΡΡ Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΎΠ±ΡΠ΅ΠΌ Π΄Π°Π½Π½ΡΡ ΠΈ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ Π²ΠΈΠ΄Π΅ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΡΡΠΎΠ»Π±ΡΠ°.
ΠΠΎΠ³Π΄Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π² HTML
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π² ΡΠ²ΠΎΠ΅ΠΌ HTML ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ°Π·.
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ, Π΅ΡΠ»ΠΈ Ρ ΠΎΡΠΈΡΠ΅ ΡΡΠ°Π²Π½ΠΈΡΡ ΠΈ ΡΠΎΠΏΠΎΡΡΠ°Π²ΠΈΡΡ Π΄Π°Π½Π½ΡΠ΅ Ρ ΠΎΠ±ΡΠΈΠΌΠΈ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠ°ΠΌΠΈ
ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ, Π΅ΡΠ»ΠΈ Ρ ΠΎΡΠΈΡΠ΅ Π΄Π°ΡΡ ΠΎΠ±Π·ΠΎΡ ΡΠΈΡΠ»ΠΎΠ²ΡΡ Π΄Π°Π½Π½ΡΡ .
Π’Π°Π±Π»ΠΈΡΠ° ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠΌΠΎΡΡ ΡΠΈΡΠ°ΡΠ΅Π»ΡΠΌ Π±ΡΡΡΡΠΎ Π½Π°ΠΉΡΠΈ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΠΈΠ·Π»ΠΎΠΆΠ΅Π½Π½ΡΡ Π² ΡΡΠ½ΠΎΠΉ ΡΠΎΡΠΌΠ΅.
ΠΠ°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅
Π’Π°Π±Π»ΠΈΡΡ — ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΠ½ΡΡ Π΄Π°Π½Π½ΡΡ , ΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΈΡ , ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π±Π°Π·ΠΎΠ²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ
,
, . Π Π²Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΠΈΠ»Ρ, ΡΡΠΎΠ±Ρ ΠΎΠ½ΠΈ Ρ ΠΎΡΠΎΡΠΎ Π²ΡΠ³Π»ΡΠ΄Π΅Π»ΠΈ ΠΈ ΡΠ΅ΡΠΊΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ»ΠΈ Π΄Π°Π½Π½ΡΠ΅.
Π Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅, Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΡΠ°Π±Π»ΠΈΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠ΅ΠΌΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π»ΠΈ Π² ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅:
ΠΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ°ΠΌΠΊΡ ΠΊ ΡΠ°Π±Π»ΠΈΡΠ΅ Π² Office Π΄Π»Ρ Mac
Π Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ, ΠΊΠΎΡΠΎΡΡΡ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΠΊ ΡΠ°Π±Π»ΠΈΡΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π³Π°Π»Π΅ΡΠ΅ΠΈ ΡΡΠΈΠ»Π΅ΠΉ Π³ΡΠ°Π½ΠΈΡ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ Π·Π°ΡΠ°Π½Π΅Π΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΠΉ ΡΡΠΈΠ»Ρ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ»ΠΈ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ²ΠΎΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
Π‘Π»ΠΎΠ²ΠΎ
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π³Π°Π»Π΅ΡΠ΅Ρ ΡΡΠΈΠ»Π΅ΠΉ Π³ΡΠ°Π½ΠΈΡ, ΡΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ
Π‘Π°ΠΌΡΠΉ Π±ΡΡΡΡΡΠΉ ΡΠΏΠΎΡΠΎΠ± Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ Π² Word — ΠΈΠ· Π³Π°Π»Π΅ΡΠ΅ΠΈ ΡΡΠΈΠ»Π΅ΠΉ Π³ΡΠ°Π½ΠΈΡ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ, Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΌΠ°ΡΠΊΠ΅Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ , ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ.
ΠΠΎΡΠ²ΠΈΡΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠ° Table Tools Design . (Π Office Π΄Π»Ρ Mac ΠΏΠΎΡΠ²Π»ΡΡΡΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Table Design ΠΈ Layout . Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΡ Table Design .)
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π‘ΡΠΈΠ»ΠΈ Π³ΡΠ°Π½ΠΈΡ ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΡΠΈΠ»Ρ Π³ΡΠ°Π½ΠΈΡΡ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Borders ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅, Π³Π΄Π΅ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
Π‘ΠΎΠ²Π΅Ρ: Π§ΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ Π΄Π»Ρ ΡΠ°ΡΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ, ΡΠ±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Π²ΡΠ±ΡΠ°Π½ Border Painter , Π° Π·Π°ΡΠ΅ΠΌ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΊΠ°ΠΆΠ΄ΡΡ Π³ΡΠ°Π½ΠΈΡΡ, ΠΊΠΎΡΠΎΡΡΡ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ.Word ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅Ρ ΡΡΠΈΠ»Ρ Π³ΡΠ°Π½ΠΈΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ ΡΠΆΠ΅ Π²ΡΠ±ΡΠ°Π»ΠΈ, ΠΈ Π²Π°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π²ΡΠ±ΠΈΡΠ°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΡΠΈΠ»Ρ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Π³ΡΠ°Π½ΠΈΡΡ
ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π·Π°ΡΠ°Π½Π΅Π΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΠΎΠ³ΠΎ ΡΡΠΈΠ»Ρ ΡΡΠΎΠ»Π° — Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ Π±ΡΡΡΡΡΠΉ ΡΠΏΠΎΡΠΎΠ± Π²ΡΠ΄Π΅Π»ΠΈΡΡ Π²Π°Ρ ΡΡΠΎΠ».Π‘ΡΠΈΠ»ΠΈ ΡΠ°Π±Π»ΠΈΡ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½Π½ΡΠ΅ Π³ΡΠ°Π½ΠΈΡΡ, Π·Π°ΡΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΈ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π²Π½ΡΡΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ, Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΡ Table Tools Design (Π²ΠΊΠ»Π°Π΄ΠΊΠ° Table Design Π² Office Π΄Π»Ρ Mac).
Π Π³Π°Π»Π΅ΡΠ΅Π΅ Π‘ΡΠΈΠ»ΠΈ ΡΠ°Π±Π»ΠΈΡ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΡΠΈΠ»Ρ ΡΠ°Π±Π»ΠΈΡΡ.Π§ΡΠΎΠ±Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ ΡΡΠΈΠ»ΠΈ Π³Π°Π»Π΅ΡΠ΅ΠΈ, ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΡΡΠ΅Π»ΠΊΡ ΠΡΠ΅ . (ΠΡΠ° ΡΡΡΠ΅Π»ΠΊΠ° ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΠΏΠΎΠ΄ Π³Π°Π»Π΅ΡΠ΅Π΅ΠΉ Π² Office Π΄Π»Ρ Mac.)
ΠΠΎΠ±Π°Π²ΠΈΡΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΡ Π³ΡΠ°Π½ΠΈΡΡ
Π§ΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ Π³ΡΠ°Π½ΠΈΡΡ, Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²Π΅Ρ, ΡΠΈΡΠΈΠ½Ρ, ΡΡΠΈΠ»Ρ Π»ΠΈΠ½ΠΈΠΈ ΠΈ ΠΌΠ΅ΡΡΠΎ, Π³Π΄Π΅ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
Π Word ΠΈΠ»ΠΈ Outlook ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ, Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΌΠ°ΡΠΊΠ΅Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ , ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ.
Π PowerPoint ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π² Π»ΡΠ±ΠΎΠΌ ΠΌΠ΅ΡΡΠ΅ Π²Π½Π΅ΡΠ½Π΅ΠΉ Π³ΡΠ°Π½ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΡ, ΡΡΠΎΠ±Ρ Π²ΡΠ΄Π΅Π»ΠΈΡΡ Π΅Π΅. (ΠΠ°ΡΠΊΠ΅Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ Π½Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π² PowerPoint.)
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΡ Table Tools Design (Π²ΠΊΠ»Π°Π΄ΠΊΠ° Table Tools Π² Office Π΄Π»Ρ Mac).
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ²ΠΎΠΉ Π±ΠΎΡΠ΄ΡΡ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π‘ΡΠΈΠ»Ρ Π»ΠΈΠ½ΠΈΠΈ ( Π‘ΡΠΈΠ»Ρ ΠΏΠ΅ΡΠ° Π² PowerPoint) ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΡΠΈΠ»Ρ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π’ΠΎΠ»ΡΠΈΠ½Π° Π»ΠΈΠ½ΠΈΠΈ ( Π’ΠΎΠ»ΡΠΈΠ½Π° ΠΏΠ΅ΡΠ° Π² PowerPoint) ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΡ ΡΠΈΡΠΈΠ½Ρ Π³ΡΠ°Π½ΠΈΡΡ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Pen Color ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²Π΅Ρ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Borders ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΠ΅ Π³ΡΠ°Π½ΠΈΡΡ.
Π‘ΠΎΠ²Π΅Ρ: Π§ΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ Π΄Π»Ρ ΡΠ°ΡΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ, ΡΠ±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Π²ΡΠ±ΡΠ°Π½ Border Painter , Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΊΠ°ΠΆΠ΄ΡΡ Π³ΡΠ°Π½ΠΈΡΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅.Word Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ ΡΠ°ΠΌΠΊΡ Π² ΡΡΠΈΠ»Π΅, ΡΠΈΡΠΈΠ½Π΅ ΠΈ ΡΠ²Π΅ΡΠ΅, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΡΠΆΠ΅ Π²ΡΠ±ΡΠ°Π»ΠΈ, ΠΈ Π²Π°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π²ΡΠ±ΠΈΡΠ°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ.
PowerPoint
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΡΠΈΠ»Ρ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Π³ΡΠ°Π½ΠΈΡΡ
ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π·Π°ΡΠ°Π½Π΅Π΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΠΎΠ³ΠΎ ΡΡΠΈΠ»Ρ ΡΡΠΎΠ»Π° — Π±ΡΡΡΡΡΠΉ ΡΠΏΠΎΡΠΎΠ± Π²ΡΠ΄Π΅Π»ΠΈΡΡ Π²Π°Ρ ΡΡΠΎΠ» ΡΡΠ΅Π΄ΠΈ Π΄ΡΡΠ³ΠΈΡ .Π‘ΡΠΈΠ»ΠΈ ΡΠ°Π±Π»ΠΈΡ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½Π½ΡΠ΅ Π³ΡΠ°Π½ΠΈΡΡ, Π·Π°ΡΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΈ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π²Π½ΡΡΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ, Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΡ Table Tools Design (Π²ΠΊΠ»Π°Π΄ΠΊΠ° Table Design Π² Office Π΄Π»Ρ Mac).
Π Π³Π°Π»Π΅ΡΠ΅Π΅ Π‘ΡΠΈΠ»ΠΈ ΡΠ°Π±Π»ΠΈΡ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΡΠΈΠ»Ρ ΡΠ°Π±Π»ΠΈΡΡ.Π§ΡΠΎΠ±Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ ΡΡΠΈΠ»ΠΈ Π³Π°Π»Π΅ΡΠ΅ΠΈ, ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΡΡΠ΅Π»ΠΊΡ ΠΡΠ΅ . (ΠΡΠ° ΡΡΡΠ΅Π»ΠΊΠ° ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΠΏΠΎΠ΄ Π³Π°Π»Π΅ΡΠ΅Π΅ΠΉ Π² Office Π΄Π»Ρ Mac.)
ΠΠΎΠ±Π°Π²ΠΈΡΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΡ Π³ΡΠ°Π½ΠΈΡΡ
Π§ΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ Π³ΡΠ°Π½ΠΈΡΡ, Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²Π΅Ρ, ΡΠΈΡΠΈΠ½Ρ, ΡΡΠΈΠ»Ρ Π»ΠΈΠ½ΠΈΠΈ ΠΈ ΠΌΠ΅ΡΡΠΎ, Π³Π΄Π΅ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
Π Word ΠΈΠ»ΠΈ Outlook ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ, Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΌΠ°ΡΠΊΠ΅Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ , ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ.
Π PowerPoint ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π² Π»ΡΠ±ΠΎΠΌ ΠΌΠ΅ΡΡΠ΅ Π²Π½Π΅ΡΠ½Π΅ΠΉ Π³ΡΠ°Π½ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΡ, ΡΡΠΎΠ±Ρ Π²ΡΠ΄Π΅Π»ΠΈΡΡ Π΅Π΅. (ΠΠ°ΡΠΊΠ΅Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ Π½Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π² PowerPoint.)
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΡ Table Tools Design (Π²ΠΊΠ»Π°Π΄ΠΊΠ° Table Tools Π² Office Π΄Π»Ρ Mac).
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ²ΠΎΠΉ Π±ΠΎΡΠ΄ΡΡ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π‘ΡΠΈΠ»Ρ Π»ΠΈΠ½ΠΈΠΈ ( Π‘ΡΠΈΠ»Ρ ΠΏΠ΅ΡΠ° Π² PowerPoint) ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΡΠΈΠ»Ρ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π’ΠΎΠ»ΡΠΈΠ½Π° Π»ΠΈΠ½ΠΈΠΈ ( Π’ΠΎΠ»ΡΠΈΠ½Π° ΠΏΠ΅ΡΠ° Π² PowerPoint) ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΡ ΡΠΈΡΠΈΠ½Ρ Π³ΡΠ°Π½ΠΈΡΡ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Pen Color ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²Π΅Ρ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Borders ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΠ΅ Π³ΡΠ°Π½ΠΈΡΡ.
Π‘ΠΎΠ²Π΅Ρ: Π§ΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ Π΄Π»Ρ ΡΠ°ΡΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ, ΡΠ±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Π²ΡΠ±ΡΠ°Π½ Border Painter , Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΊΠ°ΠΆΠ΄ΡΡ Π³ΡΠ°Π½ΠΈΡΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅.Word Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ ΡΠ°ΠΌΠΊΡ Π² ΡΡΠΈΠ»Π΅, ΡΠΈΡΠΈΠ½Π΅ ΠΈ ΡΠ²Π΅ΡΠ΅, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΡΠΆΠ΅ Π²ΡΠ±ΡΠ°Π»ΠΈ, ΠΈ Π²Π°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π²ΡΠ±ΠΈΡΠ°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ.
ΠΠ°ΠΆΠ½ΠΎ:
Office Π΄Π»Ρ Mac 2011 Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ . ΠΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π½Π° Microsoft 365, ΡΡΠΎΠ±Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π³Π΄Π΅ ΡΠ³ΠΎΠ΄Π½ΠΎ Ρ Π»ΡΠ±ΠΎΠ³ΠΎ ΡΡΡΡΠΎΠΉΡΡΠ²Π°, ΠΈ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°ΠΉΡΠ΅ ΠΏΠΎΠ»ΡΡΠ°ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ.ΠΠ±Π½ΠΎΠ²ΠΈΡΡ ΡΠ΅ΠΉΡΠ°Ρ
Π‘Π»ΠΎΠ²ΠΎ
ΠΠΎΠ±Π°Π²ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΠΊΠΎ Π²ΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅ ΠΈΠ»ΠΈ ΠΊ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΠΌ ΡΡΠ΅ΠΉΠΊΠ°ΠΌ ΡΠ°Π±Π»ΠΈΡΡ
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ»ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ, ΠΊ ΠΊΠΎΡΠΎΡΡΠΌ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π’Π°Π±Π»ΠΈΡΡ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΡΠ°Π½ΠΈΡΡ , Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΠ΅ Π³ΡΠ°Π½ΠΈΡΡ.
ΠΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΡΠΈΠ»Ρ Π»ΠΈΠ½ΠΈΠΈ
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ»ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ, Π² ΠΊΠΎΡΠΎΡΡΡ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Tables Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Draw Borders Π²ΠΎ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΌ ΠΌΠ΅Π½Ρ Line Style ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΠΉ ΡΡΠΈΠ»Ρ Π»ΠΈΠ½ΠΈΠΈ.
ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π’Π°Π±Π»ΠΈΡΡ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΡΠ°Π½ΠΈΡΡ , Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΠ΅ Π³ΡΠ°Π½ΠΈΡΡ.
ΠΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠΈΡΠΈΠ½Ρ Π»ΠΈΠ½ΠΈΠΈ
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ»ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ, Π² ΠΊΠΎΡΠΎΡΡΡ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π’Π°Π±Π»ΠΈΡΡ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π³ΡΠ°Π½ΠΈΡΡ Π²ΠΎ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΌ ΠΌΠ΅Π½Ρ Π’ΠΎΠ»ΡΠΈΠ½Π° Π»ΠΈΠ½ΠΈΠΈ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΠΉ Π²Π΅Ρ Π»ΠΈΠ½ΠΈΠΈ.
ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π’Π°Π±Π»ΠΈΡΡ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΡΠ°Π½ΠΈΡΡ , Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΠ΅ Π³ΡΠ°Π½ΠΈΡΡ.
Π£Π΄Π°Π»ΠΈΡΡ Π±ΠΎΡΠ΄ΡΡ
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ»ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ, Π² ΠΊΠΎΡΠΎΡΡΡ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΠ΄Π°Π»ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π’Π°Π±Π»ΠΈΡΡ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΡΠ°Π½ΠΈΡΡ , Π° Π·Π°ΡΠ΅ΠΌ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΠ΅Ρ .
PowerPoint
ΠΠΎΠ±Π°Π²ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΠΊΠΎ Π²ΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅ ΠΈΠ»ΠΈ ΠΊ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΠΌ ΡΡΠ΅ΠΉΠΊΠ°ΠΌ ΡΠ°Π±Π»ΠΈΡΡ
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ»ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ, ΠΊ ΠΊΠΎΡΠΎΡΡΠΌ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π’Π°Π±Π»ΠΈΡΡ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΡΡΠ΅Π»ΠΊΡ ΡΡΠ΄ΠΎΠΌ Ρ ΠΏΠΎΠ»Π΅ΠΌ ΠΡΠ°Π½ΠΈΡΡ , Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΠ΅ Π³ΡΠ°Π½ΠΈΡΡ.
ΠΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΡΠΈΠ»Ρ Π»ΠΈΠ½ΠΈΠΈ
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ»ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ, Π² ΠΊΠΎΡΠΎΡΡΡ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Tables Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Draw Borders Π²ΠΎ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΌ ΠΌΠ΅Π½Ρ Line Style ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΠΉ ΡΡΠΈΠ»Ρ Π»ΠΈΠ½ΠΈΠΈ.
ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π’Π°Π±Π»ΠΈΡΡ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΡΡΠ΅Π»ΠΊΡ ΡΡΠ΄ΠΎΠΌ Ρ ΠΏΠΎΠ»Π΅ΠΌ ΠΡΠ°Π½ΠΈΡΡ , Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΠ΅ Π³ΡΠ°Π½ΠΈΡΡ.
ΠΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠΈΡΠΈΠ½Ρ Π»ΠΈΠ½ΠΈΠΈ
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ»ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ, Π² ΠΊΠΎΡΠΎΡΡΡ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π’Π°Π±Π»ΠΈΡΡ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π³ΡΠ°Π½ΠΈΡΡ Π²ΠΎ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΌ ΠΌΠ΅Π½Ρ Π’ΠΎΠ»ΡΠΈΠ½Π° Π»ΠΈΠ½ΠΈΠΈ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΠΉ Π²Π΅Ρ Π»ΠΈΠ½ΠΈΠΈ.
ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π’Π°Π±Π»ΠΈΡΡ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΡΡΠ΅Π»ΠΊΡ ΡΡΠ΄ΠΎΠΌ Ρ ΠΏΠΎΠ»Π΅ΠΌ ΠΡΠ°Π½ΠΈΡΡ , Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΠ΅ Π³ΡΠ°Π½ΠΈΡΡ.
ΠΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ²Π΅Ρ Π»ΠΈΠ½ΠΈΠΈ
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ»ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ, Π² ΠΊΠΎΡΠΎΡΡΡ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π’Π°Π±Π»ΠΈΡΡ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΡΡΠ΅Π»ΠΊΡ ΡΡΠ΄ΠΎΠΌ Ρ ΠΏΠΎΠ»Π΅ΠΌ Π¦Π²Π΅Ρ Π»ΠΈΠ½ΠΈΠΈ , Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΠΉ ΡΠ²Π΅Ρ Π»ΠΈΠ½ΠΈΠΈ.
ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π’Π°Π±Π»ΠΈΡΡ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΡΡΠ΅Π»ΠΊΡ ΡΡΠ΄ΠΎΠΌ Ρ ΠΏΠΎΠ»Π΅ΠΌ ΠΡΠ°Π½ΠΈΡΡ , Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π½ΡΠΆΠ½ΡΠ΅ Π³ΡΠ°Π½ΠΈΡΡ.
Π£Π΄Π°Π»ΠΈΡΡ Π±ΠΎΡΠ΄ΡΡ
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ»ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ, Π² ΠΊΠΎΡΠΎΡΡΡ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΠ΄Π°Π»ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π’Π°Π±Π»ΠΈΡΡ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΡΡΠ΅Π»ΠΊΡ ΡΡΠ΄ΠΎΠΌ Ρ ΠΏΠΎΠ»Π΅ΠΌ ΠΡΠ°Π½ΠΈΡΡ , Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΠ΅Π· Π³ΡΠ°Π½ΠΈΡ .
ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΡ ΡΠ°Π±Π»ΠΈΡ | Π°ΡΡΠΈΠ±ΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ, ΡΡΡΠΎΠΊΠΈ ΠΈ ΡΡΠ΅ΠΉΠΊΠΈ, COLSPAN ΠΈ ROWSPAN
ΠΡΡΡ // www.yourhtmlsource.com β Π’Π°Π±Π»ΠΈΡΡ β Π ΠΠ‘Π¨ΠΠ ΠΠΠΠ«Π Π’ΠΠΠΠΠ¦Π«
ΠΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ ΡΠ°Π±Π»ΠΈΡ ΡΡΠ΅Π±ΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² ΡΠ°Π±Π»ΠΈΡ ΠΈ Π°ΡΡΠΈΠ±ΡΡΠΎΠ². ΠΠ΄Π΅ΡΡ Ρ ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ²Π΅Ρ Π² Π²Π°ΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ, ΠΎ ΡΡΠΏΠ΅Ρ-Π·Π°Π±Π°Π²Π½ΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈ Π΄Π²ΡΡ Π½ΠΎΠ²ΡΡ Π°ΡΡΠΈΠ±ΡΡΠ°Ρ , ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠΌΠΎΠ³ΡΡ Π²Π°ΠΌ ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΠΌΠ°ΠΊΠ΅ΡΠ°.ΠΠΎ Ρ Π²Π°ΡΠΈΡ Π½Π΅ΡΠ΅ΡΠΊΠΎ ΡΡΠΎΡΠΌΡΠ»ΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π²ΡΡΡΠΏΠ»Π΅Π½ΠΈΡ — ΠΏΠΎΠ΅Ρ Π°Π»ΠΈ!
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅ : ΡΠ±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Π²Ρ ΡΠ°Π½Π΅Π΅ ΠΏΡΠΎΡΠΈΡΠ°Π»ΠΈ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ ΠΏΠΎ ΠΎΡΠ½ΠΎΠ²Π°ΠΌ ΡΠ°Π±Π»ΠΈΡ, ΠΈΠ½Π°ΡΠ΅ Ρ Π²Π°Ρ Π½Π΅ Π±ΡΠ΄Π΅Ρ Π½ΠΈΠΊΠ°ΠΊΠΈΡ ΡΠ°Π½ΡΠΎΠ².
ΠΠ°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΏΠΎ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌ:
ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΡΠ°Π±Π»ΠΈΡ
| Π¦Π²Π΅Ρ ΡΠΎΠ½Π° ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
| Colspan
| Π³ΡΠ΅Π±Π΅Π½ΡΠΡΠ° ΡΡΡΠ°Π½ΠΈΡΠ° ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΡΠ°Π· ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ»Π°ΡΡ 21.08.2012
ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΡΠ°Π±Π»ΠΈΡ
ΠΠΎΠ³Π΄Π° Π²Ρ ΡΠΎΡΡΠ°Π²Π»ΡΠ΅ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π°Π½Π½ΡΡ , Ρ Π²Π°Ρ ΠΎΠ±ΡΡΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΎΠ΄Π½Π° ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠ΅Π΅ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° . Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΠΈΠΏ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΡΠ΅ΠΉΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ, ΡΡΠΎ ΡΡΠ΅ΠΉΠΊΠ° ΡΡΠ½ΠΊΡΠΈΠΎΠ½ΠΈΡΡΠ΅Ρ ΠΊΠ°ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ —
(Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ).ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΡΠΎ ΡΠ°ΠΊ: < th > ΠΠΌΡ th >
< th > ΠΠΎΠ·ΡΠ°ΡΡ th >Rufous < / td> 23 Fabio 42 ΠΡΠ° ΡΠ°Π±Π»ΠΈΡΠ° ΠΏΠΎΡΠ²ΠΈΡΡΡ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ ΡΠΏΡΠ°Π²Π°.ΠΠ°ΠΊ Π²Ρ, Π²Π΅ΡΠΎΡΡΠ½ΠΎ, Π·Π°ΠΌΠ΅ΡΠΈΠ»ΠΈ, ΡΡΠ΅ΠΉΠΊΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ, Π° ΠΈΡ ΡΠ΅ΠΊΡΡ Π²ΡΠ΄Π΅Π»Π΅Π½ ΠΆΠΈΡΠ½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ, ΡΡΠΎ Π΄Π°Π΅Ρ ΠΏΠΎΠ½ΡΡΡ, ΡΡΠΎ ΡΡΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ. Π₯ΠΎΡΡ ΡΡΠΎ Ρ ΠΎΡΠΎΡΠΎ Π΄Π»Ρ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ Π²Π°ΡΠΈΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ². Π‘Π΄Π΅Π»Π°ΠΉΡΠ΅ ΡΡΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΡΠΎΡΡΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΠΊΠΎΠΌΠ°Π½Π΄ CSS.
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ΅Π³
ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° ΠΆΠΈΡΠ½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ ΠΈΠ»ΠΈ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ; ΡΡΠΎ ΠΏΡΠΎΡΠΈΠ²ΠΎΡΠ΅ΡΠΈΡ ΡΠ°ΠΌΠΎΠΉ ΠΈΠ΄Π΅Π΅. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ -ΠΉ
Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ².Π§ΡΠΎΠ±Ρ ΡΠ·Π½Π°ΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°Ρ , ΡΠ·Π½Π°ΠΉΡΠ΅ Π±ΠΎΠ»ΡΡΠ΅ ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΡΠ°Π±Π»ΠΈΡ ΡΠΎ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΌΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΠΌΠΈ.Π¦Π²Π΅Ρ ΡΠΎΠ½Π° ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
ΠΠ²Π° ΠΈΡΡ ΠΎΠ΄Π½ΡΡ Π°ΡΡΠΈΠ±ΡΡΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ Π΄Π»Ρ ΠΏΡΠΈΠ΄Π°Π½ΠΈΡ ΡΠ²Π΅ΡΠ° ΡΠΎΠ½Π° ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π²Π°ΡΠΈΠΌ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌ, Π±ΡΠ΄ΡΡ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ Π·Π½Π°ΠΊΠΎΠΌΡΠΌΠΈ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΎΠ½ΠΈ ΡΠ°ΠΊΠΈΠ΅ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ ΡΠ΅, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ body:
bgcolor
ΠΈbackground
. ΠΠ±Π° ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½Ρ Π² Π»ΡΠ±ΠΎΠΌ ΠΈΠ· ΡΠ΅Π³ΠΎΠ²td
,th
,tr
ΠΈΠ»ΠΈtable
, Π²Π»ΠΈΡΡ Π½Π° ΡΡΠΈ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΠ΅ ΠΎΠ±Π»Π°ΡΡΠΈ.Π’Π°ΠΊ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΡΡΡΠΎΠΊΡ Ρ ΠΊΡΠ°ΡΠ½ΡΠΌ ΡΠΎΠ½ΠΎΠΌ Ρ ΠΎΠ΄Π½ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΎΠΉ ΡΠΎ Π·Π²Π΅Π·Π΄Π½ΡΠΌ ΡΠΎΠ½ΠΎΠΌ (ΠΊΠ°ΠΊ ΠΎΠ±ΡΡΠ½ΠΎ, Π²ΡΠ»ΠΎΠΆΠ΅Π½Π½ΠΎΠΉ ΠΏΠ»ΠΈΡΠΊΠΎΠΉ), ΠΊΠΎΠ΄ Π±ΡΠ΄Π΅Ρ:
bgcolor = "# ff0000"> ΡΡΠ΅ΠΉΠΊΠ° 1 background = "stars.gif"> ΡΡΠ΅ΠΉΠΊΠ° 2 ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΊΠ°Π·Π°ΡΡ ΡΠ²Π΅ΡΠ° Π² ΡΠΎΡΠΌΠ°ΡΠ΅ HEX ΠΈΠ»ΠΈ ΠΊΠ°ΠΊ ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ²Π΅Ρ.
ΠΠ΄Π½Π°ΠΊΠΎ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΏΡΠΎΡΠ΅Π΄ΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ ΠΏΠΎΡΠΎΠΌΡ, ΡΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ
background
ΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π΅ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΌ HTML, ΠΈ ΠΏΠΎΡΡΠΎΠΌΡ Π²Π°Ρ ΠΊΠΎΠ΄ Π½Π΅ ΠΏΡΠΎΠΉΠ΄Π΅Ρ ΡΠ΅ΡΠ΅Π· Π²Π°Π»ΠΈΠ΄Π°ΡΠΎΡ, Π΅ΡΠ»ΠΈ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ ΡΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ.ΠΠΎ-Π²ΡΠΎΡΡΡ , Π°ΡΡΠΈΠ±ΡΡbgcolor
ΡΡΡΠ°ΡΠ΅Π» Π² HTML 4.01, ΠΏΠΎΡΡΠΎΠΌΡ Π²Π°ΠΌ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ ΡΠ»Π΅Π΄ΡΠ΅Ρ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ.ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ CSS Π΄Π»Ρ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ²Π΅ΡΠΎΠ² ΡΠΎΠ½Π° ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ — Π³ΠΎΡΠ°Π·Π΄ΠΎ Π»ΡΡΡΠΈΠΉ Π²Π°ΡΠΈΠ°Π½Ρ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΠΎΠ±Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΠΆΠ΅Π»ΡΡΠΉ ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΡΡΠ΅ΠΉΠΊΠΈ, Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΡΠΎΡ ΠΊΠΎΠ΄ CSS:
td {ΡΠΎΠ½: ΠΆΠ΅Π»ΡΡΠΉ; }
ΠΊΠΎΠ»ΡΠΏΠ°Π½
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΡΡΠΎ ΡΠ»ΠΎΠΆΠ½ΠΎ. ΠΡΡΠΈΠ±ΡΡ
colspan
ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΠΌΠ΅ΡΡ ΠΎΠ΄Π½Ρ ΡΡΠ΅ΠΉΠΊΡ, ΠΎΡ Π²Π°ΡΡΠ²Π°ΡΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΡΠ°Π±Π»ΠΈΡΡ.ΠΠΎΡ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΡ:Π§ΡΠ²Π°ΠΊ, Ρ ΡΠ°ΠΊΠ°Ρ ΡΠΈΡΠΎΠΊΠ°Ρ! ΠΠ»ΠΈΠ½. ΠΡ Π±ΡΠ»ΠΈ ΠΠ΅ ΠΠΈΠ΄ΠΈΡΠ΅, Ρ Π½Π°Ρ Π΅ΡΡΡ ΠΎΠ΄Π½Π° ΡΡΠ΅ΠΉΠΊΠ°, ΠΈΠ΄ΡΡΠ°Ρ Π²Π²Π΅ΡΡ Ρ, ΠΎΡ Π²Π°ΡΡΠ²Π°ΡΡΠ°Ρ 3 ΡΡΠΎΠ»Π±ΡΠ°, Π° ΡΡΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ Π½Π°Ρ ΠΎΠ΄ΡΡΡΡ ΠΏΠΎΠ΄ Π½Π΅ΠΉ Π² ΡΠΎΠΌ ΠΆΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅. ΠΠΎΡ ΠΊΠΎΠ΄, ΠΊΠΎΡΠΎΡΡΠΉ Π²Π°ΠΌ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΠ·ΡΡΠΈΡΡ:
colspan = "3"> Π§ΡΠ²Π°ΠΊ, Ρ ΡΠ°ΠΊΠΎΠΉ ΡΠΈΡΠΎΠΊΠΈΠΉ! ΠΠ»ΠΈΠ½. ΠΡ Π½Π΅ Π― ΠΏΠΎΡ ΡΠ΄Π΅Π»Π°? Π₯ΠΌΠΌ ΠΡ Π±ΡΠ»ΠΈ Π²ΡΠ΅ Π΅ΡΠ΅ Π·Π΄Π΅ΡΡ Π₯ΠΎΡΠΎΡΠΎ, ΠΏΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ Π² ΠΏΠ΅ΡΠ²ΡΡ ΡΡΠ΅ΠΉΠΊΡ — Π² Π½Π΅ΠΉ
colspan = "3"
, ΠΈ ΠΏΠΎΡΡΠΎΠΌΡ ΠΎΠ½Π° ΠΎΡ Π²Π°ΡΡΠ²Π°Π΅Ρ ΡΡΠΈ ΡΡΠΎΠ»Π±ΡΠ° ΠΏΠΎΠ΄ Π½Π΅ΠΉ. Π― ΠΌΠΎΠ³ Π±Ρ ΠΎΡ Π²Π°ΡΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π²Π° ΡΡΠΎΠ»Π±ΡΠ° ΠΈ ΠΈΠΌΠ΅ΡΡ Π΅ΡΠ΅ ΠΎΠ΄Π½Ρ ΡΡΠ΅ΠΉΠΊΡ Π²Π²Π΅ΡΡ Ρ, Π΅ΡΠ»ΠΈ Π±Ρ Ρ ΡΡΠΎΠ³ΠΎ Ρ ΠΎΡΠ΅Π». ΠΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ°ΠΊ:colspan = "2"> Π― ΠΏΠΎΡ ΡΠ΄Π΅Π»? Π₯ΠΌ ΠΡ. Π²ΡΠ΅ Π΅ΡΠ΅ Π·Π΄Π΅ΡΡ sourcetip: ΠΠΎΡΡΠ°Π½ΡΡΠ΅ ΡΡΠ°ΡΡΠΉ ΠΊΠ°ΡΠ°Π½Π΄Π°Ρ ΠΈ Π±ΡΠΌΠ°Π³Ρ ΠΈ Π½Π°ΡΠΈΡΡΠΉΡΠ΅ ΠΌΠ°ΠΊΠ΅Ρ ΡΡΠΎΠ»Π°. ΠΡΠΎ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΏΡΠΎΡΡΠΈΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠΎΠ³ΠΎ, Π³Π΄Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ ΡΡΠΈ Π°ΡΡΠΈΠ±ΡΡΡ.
ΠΏΡΠΎΠ»Π΅Ρ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΠ΄Π°ΠΌΠΈ
ΠΠ°, ΡΡΠΎ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅, Π·Π° ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΡΡΠΎΠΊ. ΠΡΠΈΠ²Π΅Π΄Ρ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΏΡΠΎΡΡΠΎΠΉ ΠΏΡΠΈΠΌΠ΅Ρ:
Π£ΠΌΠΌ …
ΠΠ³Π°.Π²Π²Π΅ΡΡ Ρ ΡΠΏΡΠ°Π²Π° Π²Π½ΠΈΠ·Ρ ΡΠΏΡΠ°Π²Π° Π ΠΊΠΎΠ΄ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ.ΠΠ΅ΡΠΆΠ°ΡΡ Π³Π»Π°Π·Π° ΠΎΡΠΊΡΡΡΡΠΌΠΈ; ΡΡΠΎΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ±ΠΈΠ²Π°Π΅Ρ Ρ ΡΠΎΠ»ΠΊΡ:
rowspan = "2"> ΠΠΌΠΌ ...
Π΄Π°.Π²Π²Π΅ΡΡ Ρ ΡΠΏΡΠ°Π²Π° Π²Π½ΠΈΠ·Ρ ΡΠΏΡΠ°Π²Π° Π’Π΅ΠΏΠ΅ΡΡ Π²Π½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΈΡΠ΅ ΡΡΠΎ — Π²ΡΡΠ°Π²Π»ΡΠ΅ΡΡΡ ΠΏΠ΅ΡΠ²Π°Ρ ΡΡΡΠΎΠΊΠ°, Π·Π°ΡΠ΅ΠΌ ΠΏΠ΅ΡΠ²Π°Ρ ΡΡΠ΅ΠΉΠΊΠ° Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ ΠΊΠ°ΠΊ ΡΠ²ΠΎΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΡ, ΡΠ°ΠΊ ΠΈ ΠΏΠΎΠ·ΠΈΡΠΈΡ ΡΡΠ΅ΠΉΠΊΠΈ, ΠΊΠΎΡΠΎΡΠ°Ρ Π±ΡΠ»Π° Π±Ρ ΠΏΠΎΠ΄ Π½Π΅ΠΉ.ΠΠ°ΡΠ΅ΠΌ Π²ΡΠΎΡΠ°Ρ ΡΡΠ΅ΠΉΠΊΠ° ΠΏΠΎΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ Π² Π²Π΅ΡΡ Π½ΠΈΠΉ ΡΡΠ΄. ΠΠ°ΡΠ΅ΠΌ, ΠΈ Π²ΠΎΡ Π½Π°ΡΡΠ½Π°Ρ ΡΠ°ΡΡΡ, Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Π²ΡΠΎΡΠ°Ρ ΡΡΡΠΎΠΊΠ° ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄Π½Π° ΡΡΠ΅ΠΉΠΊΠ°.
sourcetip: ΠΡΠ»ΠΈ ΡΡΠΎ Π²ΡΠ·ΡΠ²Π°Π΅Ρ Ρ Π²Π°Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ (Π½Π΅ ΡΡΡΠ΄Π½ΠΎ), ΠΊΡΠΏΠΈΡΠ΅ ΡΠ΅Π±Π΅ ΠΊΠΎΠΏΠΈΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°, ΡΠ°ΠΊΠΎΠ³ΠΎ ΠΊΠ°ΠΊ DreamWeaver. ΠΡΠ»ΠΈΡΠ½ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΠΈΠ·Π³ΠΎΡΠΎΠ²Π»Π΅Π½ΠΈΡ ΡΡΠΎΠ»ΠΎΠ².
Π
colspan
, ΠΈrowspan
ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²ΠΌΠ΅ΡΡΠ΅ Π² ΠΎΠ΄Π½ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅, Π΅ΡΠ»ΠΈ Π²Ρ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π»ΡΠ±ΠΈΡΠ΅ ΠΏΡΠΈΠΊΠ»ΡΡΠ΅Π½ΠΈΡ. ΠΡΠΎΡΡΠΎ Π±ΡΠ΄Ρ ΠΎΡΡΠΎΡΠΎΠΆΠ΅Π½, Ρ ΠΎΡΠΎΡΠΎ? Π§Π°ΡΡΠΎ Π²Ρ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΠ²Π°Π΅ΡΠ΅, ΡΡΠΎ ΠΊΠΎΠ΄ΠΈΡΡΠ΅ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ, ΠΊΠΎΡΠΎΡΠ°Ρ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ»ΠΎΠΆΠ½Π΅Π΅, ΡΠ΅ΠΌ ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ.ΡΠ°Π±Π»ΠΈΡ Β· Bootstrap
ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΡ Π΄Π»Ρ Π²ΡΠ±ΠΎΡΠ° ΡΡΠΈΠ»Ρ ΡΠ°Π±Π»ΠΈΡ (ΡΡΠΈΡΡΠ²Π°Ρ ΠΈΡ ΠΏΡΠ΅ΠΎΠ±Π»Π°Π΄Π°ΡΡΠ΅Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π² ΠΏΠ»Π°Π³ΠΈΠ½Π°Ρ JavaScript) Ρ ΠΏΠΎΠΌΠΎΡΡΡ Bootstrap.
ΠΡΠΈΠΌΠ΅ΡΡ
Π ΡΠ²ΡΠ·ΠΈ Ρ ΡΠΈΡΠΎΠΊΠΈΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ°Π±Π»ΠΈΡ Π² ΡΡΠΎΡΠΎΠ½Π½ΠΈΡ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ°Ρ , ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠΈ ΠΈ ΡΡΠ΅Π΄ΡΡΠ²Π° Π²ΡΠ±ΠΎΡΠ° Π΄Π°ΡΡ, ΠΌΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π»ΠΈ Π½Π°ΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ ΠΎΠ½ΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π»ΠΈ ΠΈ . ΠΡΠΎΡΡΠΎ Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ Π±Π°Π·ΠΎΠ²ΡΠΉ ΠΊΠ»Π°ΡΡ
.table
ΠΊ Π»ΡΠ±ΠΎΠΌΡ, Π° Π·Π°ΡΠ΅ΠΌ ΡΠ°ΡΡΠΈΡΡΡΠ΅ Π΅Π³ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ ΠΈΠ»ΠΈ Π½Π°ΡΠΈΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ Π²ΠΊΠ»ΡΡΠ΅Π½Π½ΡΡ ΠΊΠ»Π°ΡΡΠΎΠ² ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡΠΎΠ².
ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ°ΠΌΡΡ ΠΏΡΠΎΡΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΡΠ°Π±Π»ΠΈΡ, Π²ΠΎΡ ΠΊΠ°ΠΊ ΡΠ°Π±Π»ΠΈΡΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅
.table
Π²ΡΠ³Π»ΡΠ΄ΡΡ Π² Bootstrap. ΠΡΠ΅ ΡΡΠΈΠ»ΠΈ ΡΠ°Π±Π»ΠΈΡ Π½Π°ΡΠ»Π΅Π΄ΡΡΡΡΡ Π² Bootstrap 4 , ΡΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π²ΡΠ΅ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π±ΡΠ΄ΡΡ ΡΡΠΈΠ»ΠΈΠ·ΠΎΠ²Π°Π½Ρ ΡΠ°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΈΠ΅.# ΠΠ΅ΡΠ²Π°Ρ ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π ΡΡΠΊΠ° 1 ΠΠ°ΡΠΊΠ° ΠΡΡΠΎ @mdo 2 ΠΠ°ΠΊΠΎΠ² Π’ΠΎΡΠ½ΡΠΎΠ½ @ ΠΆΠΈΡ 3 ΠΠ°ΡΡΠΈ ΠΡΠΈΡΠ° @twitter <ΡΠ°Π±Π»ΠΈΡΠ°>
# ΠΠ΅ΡΠ²ΡΠΉ ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ 1 ΠΡΠΌΠ΅ΡΠΈΡΡ ΠΡΡΠΎ @mdo 2 ΠΠΆΠ΅ΠΉΠΊΠΎΠ± Π’ΠΎΡΠ½ΡΠΎΠ½ @fat 3 ΠΠ°ΡΡΠΈ ΠΡΠΈΡΠ° @twitter ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ²Π΅ΡΠ° — ΡΠΎ ΡΠ²Π΅ΡΠ»ΡΠΌ ΡΠ΅ΠΊΡΡΠΎΠΌ Π½Π° ΡΠ΅ΠΌΠ½ΠΎΠΌ ΡΠΎΠ½Π΅ — Ρ ΠΏΠΎΠΌΠΎΡΡΡ
.ΡΡΠΎΠ»-ΡΡΠΌΠ½ΡΠΉ
.# ΠΠ΅ΡΠ²Π°Ρ ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π ΡΡΠΊΠ° 1 ΠΠ°ΡΠΊΠ° ΠΡΡΠΎ @mdo 2 ΠΠ°ΠΊΠΎΠ² Π’ΠΎΡΠ½ΡΠΎΠ½ @ ΠΆΠΈΡ 3 ΠΠ°ΡΡΠΈ ΠΡΠΈΡΠ° @twitter <ΡΠ°Π±Π»ΠΈΡΠ°>
# ΠΠ΅ΡΠ²ΡΠΉ ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ 1 ΠΡΠΌΠ΅ΡΠΈΡΡ ΠΡΡΠΎ @mdo 2 ΠΠΆΠ΅ΠΉΠΊΠΎΠ± Π’ΠΎΡΠ½ΡΠΎΠ½ @fat 3 ΠΠ°ΡΡΠΈ ΠΡΠΈΡΠ° @twitter ΠΠ°ΡΠΈΠ°Π½ΡΡ Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΡΡΠΎΠ»Π°
ΠΠΎΠ΄ΠΎΠ±Π½ΠΎ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌ ΠΈ ΡΠ΅ΠΌΠ½ΡΠΌ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΊΠ»Π°ΡΡΡ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡΠΎΠ²
ΠΊΠ°Π·Π°Π»ΠΈΡΡ ΡΠ²Π΅ΡΠ»ΡΠΌΠΈ ΠΈΠ»ΠΈ ΡΠ΅ΠΌΠ½ΠΎ-ΡΠ΅ΡΡΠΌΠΈ..thead-light
ΠΈΠ»ΠΈ.thead-dark
, ΡΡΠΎΠ±Ρ ΠΎΠ±ΡΠ΅ΠΊΡΡ# ΠΠ΅ΡΠ²Π°Ρ ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π ΡΡΠΊΠ° 1 ΠΠ°ΡΠΊΠ° ΠΡΡΠΎ @mdo 2 ΠΠ°ΠΊΠΎΠ² Π’ΠΎΡΠ½ΡΠΎΠ½ @ ΠΆΠΈΡ 3 ΠΠ°ΡΡΠΈ ΠΡΠΈΡΠ° @twitter # ΠΠ΅ΡΠ²Π°Ρ ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π ΡΡΠΊΠ° 1 ΠΠ°ΡΠΊΠ° ΠΡΡΠΎ @mdo 2 ΠΠ°ΠΊΠΎΠ² Π’ΠΎΡΠ½ΡΠΎΠ½ @ ΠΆΠΈΡ 3 ΠΠ°ΡΡΠΈ ΠΡΠΈΡΠ° @twitter <ΡΠ°Π±Π»ΠΈΡΠ°>
# ΠΠ΅ΡΠ²ΡΠΉ ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ 1 ΠΡΠΌΠ΅ΡΠΈΡΡ ΠΡΡΠΎ @mdo 2 ΠΠΆΠ΅ΠΉΠΊΠΎΠ± Π’ΠΎΡΠ½ΡΠΎΠ½ @fat 3 ΠΠ°ΡΡΠΈ ΠΡΠΈΡΠ° @twitter # ΠΠ΅ΡΠ²ΡΠΉ ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ 1 ΠΡΠΌΠ΅ΡΠΈΡΡ ΠΡΡΠΎ @mdo 2 ΠΠΆΠ΅ΠΉΠΊΠΎΠ± Π’ΠΎΡΠ½ΡΠΎΠ½ @fat 3 ΠΠ°ΡΡΠΈ ΠΡΠΈΡΠ° @twitter ΠΠΎΠ»ΠΎΡΠ°ΡΡΠ΅ ΡΡΠ΄Ρ
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅
..table-striped
, ΡΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΏΠΎΠ»ΠΎΡΠ°ΡΡΡ ΠΏΠΎΠ»ΠΎΡΡ ΠΊ Π»ΡΠ±ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π² ΠΏΡΠ΅Π΄Π΅Π»Π°Ρ# ΠΠ΅ΡΠ²Π°Ρ ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π ΡΡΠΊΠ° 1 ΠΠ°ΡΠΊΠ° ΠΡΡΠΎ @mdo 2 ΠΠ°ΠΊΠΎΠ² Π’ΠΎΡΠ½ΡΠΎΠ½ @ ΠΆΠΈΡ 3 ΠΠ°ΡΡΠΈ ΠΡΠΈΡΠ° @twitter <ΡΠ°Π±Π»ΠΈΡΠ°>
# ΠΠ΅ΡΠ²ΡΠΉ ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ 1 ΠΡΠΌΠ΅ΡΠΈΡΡ ΠΡΡΠΎ @mdo 2 ΠΠΆΠ΅ΠΉΠΊΠΎΠ± Π’ΠΎΡΠ½ΡΠΎΠ½ @fat 3 ΠΠ°ΡΡΠΈ ΠΡΠΈΡΠ° @twitter # ΠΠ΅ΡΠ²Π°Ρ ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π ΡΡΠΊΠ° 1 ΠΠ°ΡΠΊΠ° ΠΡΡΠΎ @mdo 2 ΠΠ°ΠΊΠΎΠ² Π’ΠΎΡΠ½ΡΠΎΠ½ @ ΠΆΠΈΡ 3 ΠΠ°ΡΡΠΈ ΠΡΠΈΡΠ° @twitter <ΡΠ°Π±Π»ΠΈΡΠ°>
# ΠΠ΅ΡΠ²ΡΠΉ ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ 1 ΠΡΠΌΠ΅ΡΠΈΡΡ ΠΡΡΠΎ @mdo 2 ΠΠΆΠ΅ΠΉΠΊΠΎΠ± Π’ΠΎΡΠ½ΡΠΎΠ½ @fat 3 ΠΠ°ΡΡΠΈ ΠΡΠΈΡΠ° @twitter Π‘ΡΠΎΠ» Ρ ΠΏΠΎΠ»ΡΠΌΠΈ
ΠΠΎΠ±Π°Π²ΡΡΠ΅
.
Ρ Π³ΡΠ°Π½ΠΈΡΠ°ΠΌΠΈ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π»Ρ Π³ΡΠ°Π½ΠΈΡ ΡΠΎ Π²ΡΠ΅Ρ ΡΡΠΎΡΠΎΠ½ ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΡΡΠ΅Π΅ΠΊ.# ΠΠ΅ΡΠ²Π°Ρ ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π ΡΡΠΊΠ° 1 ΠΠ°ΡΠΊΠ° ΠΡΡΠΎ @mdo 2 ΠΠ°ΠΊΠΎΠ² Π’ΠΎΡΠ½ΡΠΎΠ½ @ ΠΆΠΈΡ 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter <ΡΠ°Π±Π»ΠΈΡΠ°>
# ΠΠ΅ΡΠ²ΡΠΉ ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ 1 ΠΡΠΌΠ΅ΡΠΈΡΡ ΠΡΡΠΎ @mdo 2 ΠΠΆΠ΅ΠΉΠΊΠΎΠ± Π’ΠΎΡΠ½ΡΠΎΠ½ @fat 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter # ΠΠ΅ΡΠ²Π°Ρ ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π ΡΡΠΊΠ° 1 ΠΠ°ΡΠΊΠ° ΠΡΡΠΎ @mdo 2 ΠΠ°ΠΊΠΎΠ² Π’ΠΎΡΠ½ΡΠΎΠ½ @ ΠΆΠΈΡ 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter <ΡΠ°Π±Π»ΠΈΡΠ°>
# ΠΠ΅ΡΠ²ΡΠΉ ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ 1 ΠΡΠΌΠ΅ΡΠΈΡΡ ΠΡΡΠΎ @mdo 2 ΠΠΆΠ΅ΠΉΠΊΠΎΠ± Π’ΠΎΡΠ½ΡΠΎΠ½ @fat 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter Π‘ΡΠΎΠ» Π±Π΅Π· ΠΏΠΎΠ»Π΅ΠΉ
ΠΠΎΠ±Π°Π²ΡΡΠ΅
.ΡΡΠΎΠ» Π±Π΅Π· ΡΠ°ΠΌΠΎΠΊ
Π΄Π»Ρ ΡΡΠΎΠ»Π° Π±Π΅Π· ΡΠ°ΠΌΠΎΠΊ.# ΠΠ΅ΡΠ²Π°Ρ ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π ΡΡΠΊΠ° 1 ΠΠ°ΡΠΊΠ° ΠΡΡΠΎ @mdo 2 ΠΠ°ΠΊΠΎΠ² Π’ΠΎΡΠ½ΡΠΎΠ½ @ ΠΆΠΈΡ 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter <ΡΠ°Π±Π»ΠΈΡΠ°>
# ΠΠ΅ΡΠ²ΡΠΉ ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ 1 ΠΡΠΌΠ΅ΡΠΈΡΡ ΠΡΡΠΎ @mdo 2 ΠΠΆΠ΅ΠΉΠΊΠΎΠ± Π’ΠΎΡΠ½ΡΠΎΠ½ @fat 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter .table-borderless
ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π° ΡΠ΅ΠΌΠ½ΡΡ ΡΡΠΎΠ»Π°Ρ .# ΠΠ΅ΡΠ²Π°Ρ ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π ΡΡΠΊΠ° 1 ΠΠ°ΡΠΊΠ° ΠΡΡΠΎ @mdo 2 ΠΠ°ΠΊΠΎΠ² Π’ΠΎΡΠ½ΡΠΎΠ½ @ ΠΆΠΈΡ 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter <ΡΠ°Π±Π»ΠΈΡΠ°>
# ΠΠ΅ΡΠ²ΡΠΉ ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ 1 ΠΡΠΌΠ΅ΡΠΈΡΡ ΠΡΡΠΎ @mdo 2 ΠΠΆΠ΅ΠΉΠΊΠΎΠ± Π’ΠΎΡΠ½ΡΠΎΠ½ @fat 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter ΠΠΎΠ΄ΡΠ΅ΠΌΠ½ΡΠ΅ ΡΡΠ΄Ρ
ΠΠΎΠ±Π°Π²ΡΡΠ΅
..table-hover
, ΡΡΠΎΠ±Ρ Π²ΠΊΠ»ΡΡΠΈΡΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΡ Π½Π° ΡΡΡΠΎΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ Π² ΠΏΡΠ΅Π΄Π΅Π»Π°Ρ# ΠΠ΅ΡΠ²Π°Ρ ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π ΡΡΠΊΠ° 1 ΠΠ°ΡΠΊΠ° ΠΡΡΠΎ @mdo 2 ΠΠ°ΠΊΠΎΠ² Π’ΠΎΡΠ½ΡΠΎΠ½ @ ΠΆΠΈΡ 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter <ΡΠ°Π±Π»ΠΈΡΠ°>
# ΠΠ΅ΡΠ²ΡΠΉ ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ 1 ΠΡΠΌΠ΅ΡΠΈΡΡ ΠΡΡΠΎ @mdo 2 ΠΠΆΠ΅ΠΉΠΊΠΎΠ± Π’ΠΎΡΠ½ΡΠΎΠ½ @fat 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter # ΠΠ΅ΡΠ²Π°Ρ ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π ΡΡΠΊΠ° 1 ΠΠ°ΡΠΊΠ° ΠΡΡΠΎ @mdo 2 ΠΠ°ΠΊΠΎΠ² Π’ΠΎΡΠ½ΡΠΎΠ½ @ ΠΆΠΈΡ 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter <ΡΠ°Π±Π»ΠΈΡΠ°>
# ΠΠ΅ΡΠ²ΡΠΉ ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ 1 ΠΡΠΌΠ΅ΡΠΈΡΡ ΠΡΡΠΎ @mdo 2 ΠΠΆΠ΅ΠΉΠΊΠΎΠ± Π’ΠΎΡΠ½ΡΠΎΠ½ @fat 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter ΠΠ°Π»Π΅Π½ΡΠΊΠΈΠΉ ΡΡΠΎΠ»
ΠΠΎΠ±Π°Π²ΡΡΠ΅
.table-sm
, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎΠ»Ρ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠΌΠΏΠ°ΠΊΡΠ½ΡΠΌΠΈ, ΡΠ°Π·ΡΠ΅Π·Π°Ρ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΡΡΠ΅Π΅ΠΊ ΠΏΠΎΠΏΠΎΠ»Π°ΠΌ.# ΠΠ΅ΡΠ²Π°Ρ ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π ΡΡΠΊΠ° 1 ΠΠ°ΡΠΊΠ° ΠΡΡΠΎ @mdo 2 ΠΠ°ΠΊΠΎΠ² Π’ΠΎΡΠ½ΡΠΎΠ½ @ ΠΆΠΈΡ 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter <ΡΠ°Π±Π»ΠΈΡΠ°>
# ΠΠ΅ΡΠ²ΡΠΉ ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ 1 ΠΡΠΌΠ΅ΡΠΈΡΡ ΠΡΡΠΎ @mdo 2 ΠΠΆΠ΅ΠΉΠΊΠΎΠ± Π’ΠΎΡΠ½ΡΠΎΠ½ @fat 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter # ΠΠ΅ΡΠ²Π°Ρ ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π ΡΡΠΊΠ° 1 ΠΠ°ΡΠΊΠ° ΠΡΡΠΎ @mdo 2 ΠΠ°ΠΊΠΎΠ² Π’ΠΎΡΠ½ΡΠΎΠ½ @ ΠΆΠΈΡ 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter <ΡΠ°Π±Π»ΠΈΡΠ°>
# ΠΠ΅ΡΠ²ΡΠΉ ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ 1 ΠΡΠΌΠ΅ΡΠΈΡΡ ΠΡΡΠΎ @mdo 2 ΠΠΆΠ΅ΠΉΠΊΠΎΠ± Π’ΠΎΡΠ½ΡΠΎΠ½ @fat 3 ΠΡΠΈΡΠ° ΠΠ°ΡΡΠΈ @twitter ΠΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΡΠ΅ ΠΊΠ»Π°ΡΡΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΡΠ΅ ΠΊΠ»Π°ΡΡΡ Π΄Π»Ρ ΡΠ°ΡΠΊΡΠ°ΡΠΈΠ²Π°Π½ΠΈΡ ΡΡΡΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ»ΠΈ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΡΡΠ΅Π΅ΠΊ.
ΠΠ»Π°ΡΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ ΠΠΊΡΠΈΠ²Π½ΡΠΉ Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° ΠΠ΅ΡΠ²ΠΈΡΠ½ΡΠΉ Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° ΠΡΠΎΡΠΈΡΠ½Π°Ρ Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π£ΡΠΏΠ΅Ρ Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° ΠΠΏΠ°ΡΠ½ΠΎΡΡΡ Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° ΠΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π‘Π²Π΅Ρ Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π’Π΅ΠΌΠ½ΡΠΉ Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ΠΠ±ΡΡΠ½ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΠΎΠ½Π° ΡΠ°Π±Π»ΠΈΡΡ Π½Π΅Π΄ΠΎΡΡΡΠΏΠ½Ρ Π΄Π»Ρ ΡΠ΅ΠΌΠ½ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ, ΠΎΠ΄Π½Π°ΠΊΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΠΈΠ»ΠΈ ΡΠΎΠ½ΠΎΠ²ΡΠ΅ ΡΡΠΈΠ»ΠΈΡΡ Π΄Π»Ρ Π΄ΠΎΡΡΠΈΠΆΠ΅Π½ΠΈΡ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΡΡ ΡΡΠΈΠ»Π΅ΠΉ.
# Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ 1 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 2 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 3 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 4 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 5 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 6 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 7 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 8 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 9 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° ... ... ... ... ... ... ... ... ... ... ΠΠ΅ΡΠ΅Π΄Π°ΡΠ° ΡΠΌΡΡΠ»Π° Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΠΌ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡΠΌ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΡΠΌΡΡΠ»Π° ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΡ ΠΈΠ½Π΄ΠΈΠΊΠ°ΡΠΈΡ, ΠΊΠΎΡΠΎΡΠ°Ρ Π½Π΅ Π±ΡΠ΄Π΅Ρ ΠΏΠ΅ΡΠ΅Π΄Π°Π½Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΡΡΠ΅Π½ΠΈΡ Ρ ΡΠΊΡΠ°Π½Π°.Π£Π±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½Π½Π°Ρ ΡΠ²Π΅ΡΠΎΠΌ, Π»ΠΈΠ±ΠΎ ΠΎΡΠ΅Π²ΠΈΠ΄Π½Π° ΠΈΠ· ΡΠ°ΠΌΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π²ΠΈΠ΄ΠΈΠΌΡΠΉ ΡΠ΅ΠΊΡΡ), Π»ΠΈΠ±ΠΎ Π²ΠΊΠ»ΡΡΠ΅Π½Π° Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΡ ΡΡΠ΅Π΄ΡΡΠ², ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡ, ΡΠΊΡΡΡΡΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ»Π°ΡΡΠ°
.sr-only
.Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ, ΠΎΠ±Π΅ΡΠ½ΡΠ² Π»ΡΠ±ΡΡ
.table
Ρ.table-responsive {-sm | -md | -lg | -xl}
, Π·Π°ΡΡΠ°Π²Π»ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°ΡΡΡΡ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠΉ ΡΠΈΡΠΈΠ½Π΅
ΡΠΎΡΠΊΠΈ ΠΎΡΡΠ°Π½ΠΎΠ²Π° Π΄ΠΎ (Π½ΠΎ Π½Π΅ Π²ΠΊΠ»ΡΡΠ°Ρ) 576 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ, 768 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ, 992 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ ΠΈ 1120 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ.ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ Π² Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ Π·Π°ΠΏΡΠΎΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ° Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π°, ΠΌΡ ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠ²
min-
ΠΈmax-
ΠΈ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Ρ Π΄ΡΠΎΠ±Π½ΠΎΠΉ ΡΠΈΡΠΈΠ½ΠΎΠΉ (ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡΡ ΠΏΡΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ ΡΡΠ»ΠΎΠ²ΠΈΡΡ , Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π½Π° ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ Ρ Π²ΡΡΠΎΠΊΠΈΠΌ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ) Π·Π° ΡΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ Ρ Π±ΠΎΠ»Π΅Π΅ Π²ΡΡΠΎΠΊΠΎΠΉ ΡΠΎΡΠ½ΠΎΡΡΡΡ Π΄Π»Ρ ΡΡΠΈΡ ΡΡΠ°Π²Π½Π΅Π½ΠΈΠΉ.ΠΠΎΠ΄ΠΏΠΈΡΠΈ
ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΊΠ°ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ. ΠΡΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ ΡΡΠ΅Π½ΠΈΡ Ρ ΡΠΊΡΠ°Π½Π° Π½Π°ΠΉΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ, ΠΏΠΎΠ½ΡΡΡ, ΠΎ ΡΠ΅ΠΌ ΠΎΠ½Π°, ΠΈ ΡΠ΅ΡΠΈΡΡ, Ρ ΠΎΡΡΡ Π»ΠΈ ΠΎΠ½ΠΈ Π΅Π΅ ΠΏΡΠΎΡΠΈΡΠ°ΡΡ. Π‘ΠΏΠΈΡΠΎΠΊ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ # ΠΠ΅ΡΠ²Π°Ρ ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ Π ΡΡΠΊΠ° 1 ΠΠ°ΡΠΊΠ° ΠΡΡΠΎ @mdo 2 ΠΠ°ΠΊΠΎΠ² Π’ΠΎΡΠ½ΡΠΎΠ½ @ ΠΆΠΈΡ 3 ΠΠ°ΡΡΠΈ ΠΡΠΈΡΠ° @twitter <ΡΠ°Π±Π»ΠΈΡΠ°>
Π‘ΠΏΠΈΡΠΎΠΊ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ # ΠΠ΅ΡΠ²ΡΠΉ ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΠΠ΅ΡΠΊΡΠΈΠΏΡΠΎΡ 1 ΠΡΠΌΠ΅ΡΠΈΡΡ ΠΡΡΠΎ @mdo 2 ΠΠΆΠ΅ΠΉΠΊΠΎΠ± Π’ΠΎΡΠ½ΡΠΎΠ½ @fat 3 ΠΠ°ΡΡΠΈ ΠΡΠΈΡΠ° @twitter ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π»Π΅Π³ΠΊΠΎ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ.Π‘Π΄Π΅Π»Π°ΠΉΡΠ΅ Π»ΡΠ±ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΠΎΠΉ Π²ΠΎ Π²ΡΠ΅Ρ ΠΎΠΊΠ½Π°Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°, ΠΎΠ±Π΅ΡΠ½ΡΠ²
.table
Ρ.table-responsive
. ΠΠ»ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΡΡ ΡΠΎΡΠΊΡ ΠΎΡΡΠ°Π½ΠΎΠ²Π°, Π΄ΠΎ ΠΊΠΎΡΠΎΡΠΎΠΉ Π±ΡΠ΄Π΅Ρ ΡΠ΅Π°Π³ΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ.table-responsive {-sm | -md | -lg | -xl}
.ΠΠ΅ΡΡΠΈΠΊΠ°Π»ΡΠ½Π°Ρ ΠΎΠ±ΡΠ΅Π·ΠΊΠ° / ΡΡΠ΅ΡΠ΅Π½ΠΈΠ΅
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ
overflow-y: hidden
, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΡΡΠ΅ΠΊΠ°Π΅Ρ Π»ΡΠ±ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, Π²ΡΡ ΠΎΠ΄ΡΡΠ΅Π΅ Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Ρ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π²Π΅ΡΡ Π½Π΅Π³ΠΎ ΠΊΡΠ°Ρ ΡΠ°Π±Π»ΠΈΡΡ. Π ΡΠ°ΡΡΠ½ΠΎΡΡΠΈ, ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΡΠ΅Π·Π°ΡΡ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠ΅ΡΡ ΠΌΠ΅Π½Ρ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΡΠΎΡΠΎΠ½Π½ΠΈΠ΅ Π²ΠΈΠ΄ΠΆΠ΅ΡΡ.ΠΡΠ΅Π³Π΄Π° ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΉ
ΠΠ»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΠΎΡΠΊΠΈ ΠΎΡΡΠ°Π½ΠΎΠ²Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅
.table-responsive
Π΄Π»Ρ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΉ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΡΠ°Π±Π»ΠΈΡ.# Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ 1 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 2 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 3 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° <ΡΠ°Π±Π»ΠΈΡΠ°> ...ΠΠ°Π²ΠΈΡΠΈΡ ΠΎΡ ΡΠΎΡΠΊΠΈ ΠΎΡΡΠ°Π½ΠΎΠ²Π°
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅
.table-responsive {-sm | -md | -lg | -xl}
ΠΏΠΎ ΠΌΠ΅ΡΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ, ΡΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π΄ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ ΡΠΎΡΠΊΠΈ ΠΎΡΡΠ°Π½ΠΎΠ²Π°. Π‘ ΡΡΠΎΠΉ ΡΠΎΡΠΊΠΈ ΠΎΡΡΠ°Π½ΠΎΠ²Π° ΠΈ Π²ΡΡΠ΅ ΡΠ°Π±Π»ΠΈΡΠ° Π±ΡΠ΄Π΅Ρ Π²Π΅ΡΡΠΈ ΡΠ΅Π±Ρ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎ ΠΈ Π½Π΅ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°ΡΡΡΡ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ.ΠΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΠΌΠΎΠ³ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π½Π΅ΡΠ°Π±ΠΎΡΠ°ΡΡΠΈΠΌΠΈ Π΄ΠΎ ΡΠ΅Ρ ΠΏΠΎΡ, ΠΏΠΎΠΊΠ° ΠΈΡ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ ΡΡΠΈΠ»ΠΈ Π½Π΅ Π±ΡΠ΄ΡΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΠΏΡΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ ΡΠΈΡΠΈΠ½Π΅ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°.
# Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ 1 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 2 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 3 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° <ΡΠ°Π±Π»ΠΈΡΠ°> ...# Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ 1 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 2 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 3 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° <ΡΠ°Π±Π»ΠΈΡΠ°> ...# Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ 1 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 2 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 3 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° <ΡΠ°Π±Π»ΠΈΡΠ°> ...# Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π’ΠΎΠ²Π°ΡΠ½Π°Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ 1 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 2 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° 3 Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° Π―ΡΠ΅ΠΉΠΊΠ° <ΡΠ°Π±Π»ΠΈΡΠ°> ...Π Π°ΡΡΠΈΡΠ΅Π½Π½ΡΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ | Π ΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ ΠΏΠΎ ΡΡΠ΅Π½ΠΊΠ΅
ΠΠ±Π·ΠΎΡ
ΠΠ°Π·ΠΎΠ²ΡΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ, ΠΎΠΏΠΈΡΠ°Π½Π½ΡΠΉ Π² ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ½ΠΎΠΌ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ ΠΠΆΠΎΠ½Π° ΠΡΡΠ±Π΅ΡΠ°, Π΄ΠΎΠ±Π°Π²ΠΈΠ» ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ Π΄Π»Ρ ΠΏΠΎΠ²ΡΠ΅Π΄Π½Π΅Π²Π½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ, Π½ΠΎ Π΄Π»Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ Π»ΡΠ΄Π΅ΠΉ ΡΡΠΎΠ³ΠΎ Π±ΡΠ»ΠΎ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ. ΠΠΎΡ ΡΡΡ ΠΈ ΠΏΡΠΈΠ³ΠΎΠ΄ΠΈΡΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ.
ΠΠ΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°ΡΡΠ½ΡΡ Π»ΠΈΡ ΠΈ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΉ Π²Π·ΡΠ»ΠΈ Π½Π° ΡΠ΅Π±Ρ Π·Π°Π΄Π°ΡΡ ΡΠ°ΡΡΠΈΡΠΈΡΡ Π±Π°Π·ΠΎΠ²ΡΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ, Π΄ΠΎΠ±Π°Π²ΠΈΠ² Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΠ°Π±Π»ΠΈΡΡ, Π±Π»ΠΎΠΊΠΈ ΠΊΠΎΠ΄Π°, Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°, Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΡΠ²ΡΠ·ΡΠ²Π°Π½ΠΈΠ΅ URL-Π°Π΄ΡΠ΅ΡΠΎΠ² ΠΈ ΡΠ½ΠΎΡΠΊΠΈ.ΠΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΊΠ»ΡΡΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠ·ΡΠΊΠ° ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ, ΠΎΡΠ½ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π½Π° Π±Π°Π·ΠΎΠ²ΠΎΠΌ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ΅ Markdown, ΠΈΠ»ΠΈ ΠΏΡΡΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ ΠΊ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΠΌΡ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΡ Markdown.
ΠΠ°Π»ΠΈΡΠΈΠ΅
ΠΠ΅ Π²ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Markdown ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°. ΠΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π»ΠΈ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½Π½ΡΠΉ ΡΠ·ΡΠΊ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Π²Π°ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ. ΠΡΠ»ΠΈ ΡΡΠΎΠ³ΠΎ Π½Π΅ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²ΡΠ΅ Π΅ΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π²ΠΊΠ»ΡΡΠΈΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ Π² Π²Π°ΡΠ΅ΠΌ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ΅ Markdown.
ΠΠ΅Π³ΠΊΠΈΠ΅ ΡΠ·ΡΠΊΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ
Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½Π½ΡΡ ΡΠ·ΡΠΊΠΎΠ² ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ²Π»ΡΡΡΡΡ Π½Π°Π΄ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π°ΠΌΠΈ Markdown. ΠΠ½ΠΈ Π²ΠΊΠ»ΡΡΠ°ΡΡ Π±Π°Π·ΠΎΠ²ΡΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΠΡΡΠ±Π΅ΡΠ° ΠΈ ΠΎΡΠ½ΠΎΠ²ΡΠ²Π°ΡΡΡΡ Π½Π° Π½Π΅ΠΌ, Π΄ΠΎΠ±Π°Π²Π»ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΠ°Π±Π»ΠΈΡΡ, Π±Π»ΠΎΠΊΠΈ ΠΊΠΎΠ΄Π°, Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°, Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΡΠ²ΡΠ·ΡΠ²Π°Π½ΠΈΠ΅ URL-Π°Π΄ΡΠ΅ΡΠΎΠ² ΠΈ ΡΠ½ΠΎΡΠΊΠΈ. ΠΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠ· ΡΠ°ΠΌΡΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Markdown ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ»Π΅Π΄ΡΡΡΠΈΡ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½Π½ΡΡ ΡΠ·ΡΠΊΠΎΠ² ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ:
ΠΡΠΎΡΠ΅ΡΡΠΎΡΡ Markdown
ΠΠΎΡΡΡΠΏΠ½Ρ Π΄Π΅ΡΡΡΠΊΠΈ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠΎΠ² Markdown.ΠΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠ· Π½ΠΈΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΠΊΠ»ΡΡΠ°ΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°. ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΡΠΌ. Π Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ ΠΊ Π²Π°ΡΠ΅ΠΌΡ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΡ.
Π‘ΡΠΎΠ»Ρ
Π§ΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΡΠΈ ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ Π΄Π΅ΡΠΈΡΠ° (
---
) Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΡΠΎΠ»Π±ΡΠ° ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΊΠ°Π½Π°Π»Ρ (|
) Π΄Π»Ρ ΡΠ°Π·Π΄Π΅Π»Π΅Π½ΠΈΡ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΡΠΎΠ»Π±ΡΠ°. ΠΠ»Ρ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΠΈ Π²Ρ ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΡΠ±Ρ Π½Π° ΠΎΠ±ΠΎΠΈΡ ΠΊΠΎΠ½ΡΠ°Ρ ΡΡΠ΄Π°.| Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ | | ----------- | ----------- | | ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ | ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ | | ΠΠ±Π·Π°Ρ | Π’Π΅ΠΊΡΡ |
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΠΡΠ½ΠΊΡ Π’Π΅ΠΊΡΡ Π¨ΠΈΡΠΈΠ½Π° ΡΡΠ΅Π΅ΠΊ ΠΌΠΎΠΆΠ΅Ρ Π²Π°ΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅.ΠΠΈΠ·ΡΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ°ΠΊ ΠΆΠ΅.
| Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ | | --- | ----------- | | ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ | ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ | | ΠΠ±Π·Π°Ρ | Π’Π΅ΠΊΡΡ |
Π‘ΠΎΠ²Π΅Ρ: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡ Ρ Π΄Π΅ΡΠΈΡΠ°ΠΌΠΈ ΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΠΌΠΈ Π»ΠΈΠ½ΠΈΡΠΌΠΈ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΡΠΎΠΌΠΈΡΠ΅Π»ΡΠ½ΡΠΌ. Π§ΡΠΎΠ±Ρ ΡΡΠΊΠΎΡΠΈΡΡ ΠΏΡΠΎΡΠ΅ΡΡ, ΠΏΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π³Π΅Π½Π΅ΡΠ°ΡΠΎΡ ΡΠ°Π±Π»ΠΈΡ ΡΡΠ΅Π½ΠΊΠΈ. Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, Π° Π·Π°ΡΠ΅ΠΌ ΡΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ ΡΠ³Π΅Π½Π΅ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ Markdown Π² ΡΠ²ΠΎΠΉ ΡΠ°ΠΉΠ».
ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΡΠΎΠ²Π½ΡΡΡ ΡΠ΅ΠΊΡΡ Π² ΡΡΠΎΠ»Π±ΡΠ°Ρ ΡΠ»Π΅Π²Π°, ΡΠΏΡΠ°Π²Π° ΠΈΠ»ΠΈ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ, Π΄ΠΎΠ±Π°Π²ΠΈΠ² Π΄Π²ΠΎΠ΅ΡΠΎΡΠΈΠ΅ (
:
) ΡΠ»Π΅Π²Π°, ΡΠΏΡΠ°Π²Π° ΠΈΠ»ΠΈ Ρ ΠΎΠ±Π΅ΠΈΡ ΡΡΠΎΡΠΎΠ½ ΠΎΡ Π΄Π΅ΡΠΈΡΠΎΠ² Π² ΡΡΡΠΎΠΊΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.| Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ | Π’Π΅ΡΡΠΎΠ²ΡΠΉ ΡΠ΅ΠΊΡΡ | | : --- | : ----: | ---: | | ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ | ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ | ΠΠΎΡ ΡΡΠΎ | | ΠΠ±Π·Π°Ρ | Π’Π΅ΠΊΡΡ | Π ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅ |
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π’Π΅ΠΊΡΡ ΡΠ΅ΡΡΠ° ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΠΠΎΡ ΡΡΠΎ ΠΡΠ½ΠΊΡ Π’Π΅ΠΊΡΡ Π Π±ΠΎΠ»Π΅Π΅ Π€ΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° Π² ΡΠ°Π±Π»ΠΈΡΠ°Ρ
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅ΠΊΡΡ Π² ΡΠ°Π±Π»ΠΈΡΠ°Ρ .ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΡΠ»ΠΊΠΈ, ΠΊΠΎΠ΄ (ΡΠΎΠ»ΡΠΊΠΎ ΡΠ»ΠΎΠ²Π° ΠΈΠ»ΠΈ ΡΡΠ°Π·Ρ Π² ΠΎΠ±ΡΠ°ΡΠ½ΡΡ ΠΊΠ°Π²ΡΡΠΊΠ°Ρ (
`
), Π° Π½Π΅ Π±Π»ΠΎΠΊΠΈ ΠΊΠΎΠ΄Π°) ΠΈ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅.ΠΠ΅Π»ΡΠ·Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΡΠΈΡΠ°ΡΡ, ΡΠΏΠΈΡΠΊΠΈ, Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈΠ»ΠΈ HTML-ΡΠ΅Π³ΠΈ.
ΠΠΊΡΠ°Π½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² ΡΡΡΠ±Ρ Π² ΡΠ°Π±Π»ΠΈΡΠ°Ρ
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΡΡΡ (
|
) Π² ΡΠ°Π±Π»ΠΈΡΠ΅, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΅Π΅ ΠΊΠΎΠ΄ ΡΠΈΠΌΠ²ΠΎΠ»Π° HTML (& # 124;
).ΠΠΎΠ΄ΠΎΠ²ΡΠ΅ Π±Π»ΠΎΠΊΠΈ Ρ ΠΎΠ³ΡΠ°ΠΆΠ΄Π΅Π½ΠΈΠ΅ΠΌ
ΠΠ°Π·ΠΎΠ²ΡΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ Markdown ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π±Π»ΠΎΠΊΠΈ ΠΊΠΎΠ΄Π° ΠΏΡΡΠ΅ΠΌ ΠΎΡΡΡΡΠΏΠ° ΡΡΡΠΎΠΊ ΡΠ΅ΡΡΡΡΠΌΡ ΠΏΡΠΎΠ±Π΅Π»Π°ΠΌΠΈ ΠΈΠ»ΠΈ ΠΎΠ΄Π½ΠΎΠΉ ΡΠ°Π±ΡΠ»ΡΡΠΈΠ΅ΠΉ.ΠΡΠ»ΠΈ Π²Π°ΠΌ ΡΡΠΎ Π½Π΅ΡΠ΄ΠΎΠ±Π½ΠΎ, ΠΏΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈΠ·ΠΎΠ»ΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ Π±Π»ΠΎΠΊΠΈ ΠΊΠΎΠ΄Π°. Π Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ° ΠΈΠ»ΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° Markdown Π²Ρ Π±ΡΠ΄Π΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΈ ΠΎΠ±ΡΠ°ΡΠ½ΡΡ ΠΊΠ°Π²ΡΡΠΊΠΈ (
-
) ΠΈΠ»ΠΈ ΡΡΠΈ ΡΠΈΠ»ΡΠ΄Ρ (~~~
) Π² ΡΡΡΠΎΠΊΠ°Ρ Π΄ΠΎ ΠΈ ΠΏΠΎΡΠ»Π΅ Π±Π»ΠΎΠΊΠ° ΠΊΠΎΠ΄Π°. ΠΡΡΡΠ°Ρ ΡΠ°ΡΡΡ? ΠΠ°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π΄Π΅Π»Π°ΡΡ ΠΎΡΡΡΡΠΏΡ!'' { "firstName": "ΠΠΆΠΎΠ½", "lastName": "Π‘ΠΌΠΈΡ", Β«Π²ΠΎΠ·ΡΠ°ΡΡΒ»: 25 } `` ''
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
{ "firstName": "ΠΠΆΠΎΠ½", "lastName": "Π‘ΠΌΠΈΡ", Β«Π²ΠΎΠ·ΡΠ°ΡΡΒ»: 25 }
Π‘ΠΎΠ²Π΅Ρ: ΠΡΠΆΠ½ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΠΎΠ±ΡΠ°ΡΠ½ΡΠ΅ ΠΊΠ°Π²ΡΡΠΊΠΈ Π²Π½ΡΡΡΠΈ ΠΊΠΎΠ΄ΠΎΠ²ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ°? Π‘ΠΌ. ΠΡΠΎΡ ΡΠ°Π·Π΄Π΅Π», ΡΡΠΎΠ±Ρ ΡΠ·Π½Π°ΡΡ, ΠΊΠ°ΠΊ ΠΎΡ Π½ΠΈΡ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ.
ΠΠΎΠ΄ΡΠ²Π΅ΡΠΊΠ° ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°
ΠΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΡ Markdown ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΡ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ° Π΄Π»Ρ ΠΈΠ·ΠΎΠ»ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ Π±Π»ΠΎΠΊΠΎΠ² ΠΊΠΎΠ΄Π°. ΠΡΠ° ΡΡΠ½ΠΊΡΠΈΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΡ Π΄Π»Ρ Π»ΡΠ±ΠΎΠ³ΠΎ ΡΠ·ΡΠΊΠ°, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΌ Π±ΡΠ» Π½Π°ΠΏΠΈΡΠ°Π½ Π²Π°Ρ ΠΊΠΎΠ΄. Π§ΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΡ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°, ΡΠΊΠ°ΠΆΠΈΡΠ΅ ΡΠ·ΡΠΊ ΡΡΠ΄ΠΎΠΌ Ρ ΠΎΠ±ΡΠ°ΡΠ½ΡΠΌΠΈ ΠΊΠ°Π²ΡΡΠΊΠ°ΠΌΠΈ ΠΏΠ΅ΡΠ΅Π΄ ΠΈΠ·ΠΎΠ»ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ Π±Π»ΠΎΠΊΠΎΠΌ ΠΊΠΎΠ΄Π°.
`` json { "firstName": "ΠΠΆΠΎΠ½", "lastName": "Π‘ΠΌΠΈΡ", Β«Π²ΠΎΠ·ΡΠ°ΡΡΒ»: 25 } `` ''
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
{ "firstName": "ΠΠΆΠΎΠ½", "lastName": "Π‘ΠΌΠΈΡ", Β«Π²ΠΎΠ·ΡΠ°ΡΡΒ»: 25 }
Π‘Π½ΠΎΡΠΊΠΈ
Π‘Π½ΠΎΡΠΊΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΡ ΠΈ ΡΡΡΠ»ΠΊΠΈ, Π½Π΅ Π·Π°Π³ΡΠΎΠΌΠΎΠΆΠ΄Π°Ρ ΡΠ΅ΠΊΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°.bignote]: ΠΠΎΡ ΠΎΠ΄ΠΈΠ½ Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ Π°Π±Π·Π°ΡΠ°ΠΌΠΈ ΠΈ ΠΊΠΎΠ΄ΠΎΠΌ.
Π‘Π΄Π΅Π»Π°ΠΉΡΠ΅ Π°Π±Π·Π°ΡΡ ΠΎΡΡΡΡΠΏΠΎΠΌ, ΡΡΠΎΠ±Ρ Π²ΠΊΠ»ΡΡΠΈΡΡ ΠΈΡ Π² ΡΠ½ΠΎΡΠΊΡ.
`{ΠΌΠΎΠΉ ΠΊΠΎΠ΄}`
ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΡΠΎΠ»ΡΠΊΠΎ Π°Π±Π·Π°ΡΠ΅Π², ΡΠΊΠΎΠ»ΡΠΊΠΎ Ρ ΠΎΡΠΈΡΠ΅.
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
ΠΠΎΡ ΠΏΡΠΎΡΡΠ°Ρ ΡΠ½ΠΎΡΠΊΠ°, , Π° Π²ΠΎΡ Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΠ½Π½Π°Ρ.
ΠΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ²
ΠΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΡ Markdown ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ Π΄Π»Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² — Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΡ Markdown Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΈΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ. ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΡ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠΎΠ² ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π½Π°ΠΏΡΡΠΌΡΡ ΡΡΡΠ»Π°ΡΡΡΡ Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS.Π§ΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, Π·Π°ΠΊΠ»ΡΡΠΈΡΠ΅ Π΅Π³ΠΎ Π² ΡΠΈΠ³ΡΡΠ½ΡΠ΅ ΡΠΊΠΎΠ±ΠΊΠΈ Π² ΡΠΎΠΉ ΠΆΠ΅ ΡΡΡΠΎΠΊΠ΅, ΡΡΠΎ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ.
### ΠΠΎΠΉ ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ {# custom-id}
HTML-ΠΊΠΎΠ΄ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
ΠΡΠ»ΠΈΡΠ½ΡΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ
Π‘Π²ΡΠ·Ρ Ρ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠ°ΠΌΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ²
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²ΡΠ·Π°ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΌΠΈ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠ°ΠΌΠΈ Π² ΡΠ°ΠΉΠ»Π΅, ΡΠΎΠ·Π΄Π°Π² ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΡ ΡΡΡΠ»ΠΊΡ Ρ ΡΠΈΡΠ»ΠΎΠ²ΡΠΌ Π·Π½Π°ΠΊΠΎΠΌ (
#
), Π·Π° ΠΊΠΎΡΠΎΡΡΠΌ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.Π£ΡΠ΅Π½ΠΊΠ° HTML ΠΡΠ²ΠΎΠ΄ΠΈΠΌΡΠΉ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ [ID Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ²] (# ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠΎΠ² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ²)
ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ²
ΠΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΡΡΠ³ΠΈΠ΅ Π²Π΅Π±-ΡΠ°ΠΉΡΡ ΠΌΠΎΠ³ΡΡ ΡΡΡΠ»Π°ΡΡΡΡ Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Π΄ΠΎΠ±Π°Π²Π»ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΊ ΠΏΠΎΠ»Π½ΠΎΠΌΡ URL-Π°Π΄ΡΠ΅ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ,g,
[ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ²] (https://www.markdownguide.org/extended-syntax#heading-ids)
).Π‘ΠΏΠΈΡΠΊΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΡ Markdown ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ, ΡΠ΅ΡΠΌΠΈΠ½ΠΎΠ² ΠΈ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΡ ΠΈΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ. Π§ΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ, Π²Π²Π΅Π΄ΠΈΡΠ΅ ΡΠ΅ΡΠΌΠΈΠ½ Π² ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅. Π ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΡΡΠΎΠΊΠ΅ Π²Π²Π΅Π΄ΠΈΡΠ΅ Π΄Π²ΠΎΠ΅ΡΠΎΡΠΈΠ΅, Π·Π°ΡΠ΅ΠΌ ΠΏΡΠΎΠ±Π΅Π» ΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅.
ΠΠ΅ΡΠ²ΡΠΉ ΡΠ΅ΠΌΠ΅ΡΡΡ : ΠΡΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ ΡΠ΅ΡΠΌΠΈΠ½Π°. ΠΡΠΎΡΠΎΠΉ ΡΡΠΎΠΊ : ΠΡΠΎ ΠΎΠ΄Π½ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π²ΡΠΎΡΠΎΠ³ΠΎ ΡΠ΅ΡΠΌΠΈΠ½Π°.: ΠΡΠΎ Π΅ΡΠ΅ ΠΎΠ΄Π½ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π²ΡΠΎΡΠΎΠ³ΠΎ ΡΠ΅ΡΠΌΠΈΠ½Π°.
HTML-ΠΊΠΎΠ΄ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
- ΠΠ΅ΡΠ²ΡΠΉ ΡΠ΅ΠΌΠ΅ΡΡΡ
- ΠΡΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ ΡΠ΅ΡΠΌΠΈΠ½Π°.
- ΠΡΠΎΡΠΎΠΉ ΡΠ΅ΠΌΠ΅ΡΡΡ
- ΠΡΠΎ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ Π²ΡΠΎΡΠΎΠ³ΠΎ ΡΠ΅ΡΠΌΠΈΠ½Π°.
- ΠΡΠΎ Π΅ΡΠ΅ ΠΎΠ΄Π½ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π²ΡΠΎΡΠΎΠ³ΠΎ ΡΠ΅ΡΠΌΠΈΠ½Π°.
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
- ΠΠ΅ΡΠ²ΡΠΉ ΡΠ΅ΠΌΠ΅ΡΡΡ
- ΠΡΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ ΡΠ΅ΡΠΌΠΈΠ½Π°.
- ΠΡΠΎΡΠΎΠΉ ΡΠ΅ΠΌΠ΅ΡΡΡ
- ΠΡΠΎ ΠΎΠ΄Π½ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π²ΡΠΎΡΠΎΠ³ΠΎ ΡΠ΅ΡΠΌΠΈΠ½Π°.
- ΠΡΠΎ Π΅ΡΠ΅ ΠΎΠ΄Π½ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π²ΡΠΎΡΠΎΠ³ΠΎ ΡΠ΅ΡΠΌΠΈΠ½Π°.
ΠΠ°ΡΠ΅ΡΠΊΠ½ΡΡΡΠΉ
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°ΡΠ΅ΡΠΊΠΈΠ²Π°ΡΡ ΡΠ»ΠΎΠ²Π°, ΠΏΡΠΎΠ²ΠΎΠ΄Ρ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΡ Π»ΠΈΠ½ΠΈΡ Π² ΡΠ΅Π½ΡΡΠ΅. Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ
ΠΊΠ°ΠΊ ΡΡΠΎ. ΠΡΠ° ΡΡΠ½ΠΊΡΠΈΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΊΠ°Π·Π°ΡΡ, ΡΡΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΡΠ»ΠΎΠ²Π° ΡΠ²Π»ΡΡΡΡΡ ΠΎΡΠΈΠ±ΠΊΠΎΠΉ, Π½Π΅ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π½ΠΎΠΉ Π΄Π»Ρ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ. Π§ΡΠΎΠ±Ρ Π·Π°ΡΠ΅ΡΠΊΠ½ΡΡΡ ΡΠ»ΠΎΠ²Π°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π΄Π²Π° ΡΠΈΠΌΠ²ΠΎΠ»Π° ΡΠΈΠ»ΡΠ΄Ρ (~~
) Π΄ΠΎ ΠΈ ΠΏΠΎΡΠ»Π΅ ΡΠ»ΠΎΠ².~~ ΠΠΈΡ ΠΏΠ»ΠΎΡΠΊΠΈΠΉ. ~~ Π’Π΅ΠΏΠ΅ΡΡ ΠΌΡ Π·Π½Π°Π΅ΠΌ, ΡΡΠΎ ΠΌΠΈΡ ΠΊΡΡΠ³Π»ΡΠΉ.
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
ΠΠΈΡ ΠΏΠ»ΠΎΡΠΊΠΈΠΉ.Π’Π΅ΠΏΠ΅ΡΡ ΠΌΡ Π·Π½Π°Π΅ΠΌ, ΡΡΠΎ ΠΌΠΈΡ ΠΊΡΡΠ³Π»ΡΠΉ.Π‘ΠΏΠΈΡΠΊΠΈ Π·Π°Π΄Π°Ρ
Π‘ΠΏΠΈΡΠΊΠΈ Π·Π°Π΄Π°Ρ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΏΠΈΡΠΎΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Ρ ΡΠ»Π°ΠΆΠΊΠ°ΠΌΠΈ. Π ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΡ Markdown, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΠΈΡ ΡΠΏΠΈΡΠΊΠΈ Π·Π°Π΄Π°Ρ, ΡΠ»Π°ΠΆΠΊΠΈ Π±ΡΠ΄ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΡΡΠ΄ΠΎΠΌ Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ. Π§ΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΏΠΈΡΠΎΠΊ Π·Π°Π΄Π°Ρ, Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠΈΡΠ΅ (
-
) ΠΈ ΠΊΠ²Π°Π΄ΡΠ°ΡΠ½ΡΠ΅ ΡΠΊΠΎΠ±ΠΊΠΈ Ρ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠΌ ([]
) ΠΏΠ΅ΡΠ΅Π΄ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΡΠΏΠΈΡΠΊΠ° Π·Π°Π΄Π°Ρ.Π§ΡΠΎΠ±Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠ»Π°ΠΆΠΎΠΊ, Π΄ΠΎΠ±Π°Π²ΡΡΠ΅x
ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΊΠΎΠ±ΠΊΠ°ΠΌΠΈ ([x]
).- [x] ΠΠ°ΠΏΠΈΡΠ°ΡΡ ΠΏΡΠ΅ΡΡ-ΡΠ΅Π»ΠΈΠ· - [] ΠΠ±Π½ΠΎΠ²ΠΈΡΡ ΡΠ°ΠΉΡ - [] Π‘Π²ΡΠ·Π°ΡΡΡΡ ΡΠΎ Π‘ΠΠ
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
ΡΠΌΠΎΠ΄Π·ΠΈ
ΠΡΡΡ Π΄Π²Π° ΡΠΏΠΎΡΠΎΠ±Π° Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠΌΠΎΠ΄Π·ΠΈ Π² ΡΠ°ΠΉΠ»Ρ Markdown: ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΠΈ Π²ΡΡΠ°Π²ΠΈΡΡ ΡΠΌΠΎΠ΄Π·ΠΈ Π² ΡΠ΅ΠΊΡΡ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ Markdown ΠΈΠ»ΠΈ Π²Π²Π΅ΡΡΠΈ ΡΠΎΡΡΠΊΠΎΠ΄ΠΎΠ² ΡΠΌΠΎΠ΄Π·ΠΈ .
ΠΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ Π²ΡΡΠ°Π²ΠΊΠ° ΡΠΌΠΎΠ΄Π·ΠΈ
Π Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ ΡΠ»ΡΡΠ°Π΅Π² Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΡΡΠΎ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΡΠΌΠ°ΠΉΠ»ΠΈΠΊ ΠΈΠ· ΡΠ°ΠΊΠΎΠ³ΠΎ ΠΈΡΡΠΎΡΠ½ΠΈΠΊΠ°, ΠΊΠ°ΠΊ Emojipedia, ΠΈ Π²ΡΡΠ°Π²ΠΈΡΡ Π΅Π³ΠΎ Π² ΡΠ²ΠΎΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ.ΠΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Markdown Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΠΌΠ°ΠΉΠ»ΠΈΠΊΠΈ Π² ΡΠ΅ΠΊΡΡΠ΅ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ Markdown. Π ΡΠ°ΠΉΠ»Π°Ρ HTML ΠΈ PDF, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΡΠΊΡΠΏΠΎΡΡΠΈΡΡΠ΅ΡΠ΅ ΠΈΠ· ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Markdown, Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΡΠΌΠΎΠ΄Π·ΠΈ.
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΡΠΎΡΠΊΠΈΡ ΠΊΠΎΠ΄ΠΎΠ² ΡΠΌΠΎΠ΄Π·ΠΈ
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Markdown ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π²ΡΡΠ°Π²Π»ΡΡΡ ΡΠΌΠΎΠ΄Π·ΠΈ ΠΏΡΡΠ΅ΠΌ Π²Π²ΠΎΠ΄Π° ΠΊΠΎΡΠΎΡΠΊΠΈΡ ΠΊΠΎΠ΄ΠΎΠ² ΡΠΌΠΎΠ΄Π·ΠΈ. ΠΠ½ΠΈ Π½Π°ΡΠΈΠ½Π°ΡΡΡΡ ΠΈ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°ΡΡΡΡ Π΄Π²ΠΎΠ΅ΡΠΎΡΠΈΠ΅ΠΌ ΠΈ Π²ΠΊΠ»ΡΡΠ°ΡΡ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠΌΠ°ΠΉΠ»ΠΈΠΊΠ°.
Π£ΡΠ΅Π» Π² ΠΏΠΎΡ ΠΎΠ΄! : tent: Π‘ΠΊΠΎΡΠΎ Π²Π΅ΡΠ½ΡΡΡ. ΠΡΠΎ ΡΠ°ΠΊ ΡΠΌΠ΅ΡΠ½ΠΎ! :ΡΠ°Π΄ΠΎΡΡΡ:
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
Π£ΡΠ΅Π» Π² ΠΏΠΎΡ ΠΎΠ΄! βΊ Π‘ΠΊΠΎΡΠΎ Π²Π΅ΡΠ½ΡΡΡ.
ΠΡΠΎ ΡΠ°ΠΊ ΡΠΌΠ΅ΡΠ½ΠΎ! π
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎΡ ΡΠΏΠΈΡΠΎΠΊ ΡΠΎΡΡΠΊΠΎΠ΄ΠΎΠ² ΡΠΌΠΎΠ΄Π·ΠΈ, Π½ΠΎ ΠΈΠΌΠ΅ΠΉΡΠ΅ Π² Π²ΠΈΠ΄Ρ, ΡΡΠΎ ΡΠΎΡΡΠΊΠΎΠ΄Ρ ΡΠΌΠΎΠ΄Π·ΠΈ ΡΠ°Π·Π»ΠΈΡΠ°ΡΡΡΡ ΠΎΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΊ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΠ±ΡΠ°ΡΠΈΡΠ΅ΡΡ ΠΊ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Markdown Π΄Π»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ.
ΠΠ²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΡΠ²ΡΠ·ΡΠ²Π°Π½ΠΈΠ΅ URL-Π°Π΄ΡΠ΅ΡΠΎΠ²
ΠΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΡ Markdown Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΡΠ΅Π²ΡΠ°ΡΠ°ΡΡ URL-Π°Π΄ΡΠ΅ΡΠ° Π² ΡΡΡΠ»ΠΊΠΈ. ΠΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π΅ΡΠ»ΠΈ Π²Ρ Π½Π°Π±Π΅ΡΠ΅ΡΠ΅ http://www.example.com, Π²Π°Ρ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡ Markdown Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΡΠ΅Π²ΡΠ°ΡΠΈΡ Π΅Π³ΠΎ Π² ΡΡΡΠ»ΠΊΡ, Π΄Π°ΠΆΠ΅ Π΅ΡΠ»ΠΈ Π²Ρ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ ΡΠΊΠΎΠ±ΠΊΠΈ.
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
http://www.example.com
ΠΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠ²ΡΠ·ΡΠ²Π°Π½ΠΈΡ URL-Π°Π΄ΡΠ΅ΡΠΎΠ²
ΠΡΠ»ΠΈ Π²Ρ Π½Π΅ Ρ ΠΎΡΠΈΡΠ΅, ΡΡΠΎΠ±Ρ URL-Π°Π΄ΡΠ΅Ρ Π±ΡΠ» Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΡΠΈΠ²ΡΠ·Π°Π½, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΄Π°Π»ΠΈΡΡ ΡΡΡΠ»ΠΊΡ, ΠΎΠ±ΠΎΠ·Π½Π°ΡΠΈΠ² URL-Π°Π΄ΡΠ΅Ρ ΠΊΠ°ΠΊ ΠΊΠΎΠ΄ Ρ ΠΎΠ±ΡΠ°ΡΠ½ΡΠΌΠΈ ΠΊΠ°Π²ΡΡΠΊΠ°ΠΌΠΈ.
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
http://www.example.com
ΠΠΎΠ΄Π½ΠΈΠΌΠΈΡΠ΅ ΡΠ²ΠΎΠΈ Π½Π°Π²ΡΠΊΠΈ Markdown Π½Π° Π½ΠΎΠ²ΡΠΉ ΡΡΠΎΠ²Π΅Π½Ρ.
ΠΠ·ΡΡΠΈΡΠ΅ Markdown Π½Π° 60 ΡΡΡΠ°Π½ΠΈΡΠ°Ρ . ΠΠ½ΠΈΠ³Π° Markdown Guide , ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π½Π°Ρ ΠΊΠ°ΠΊ Π΄Π»Ρ Π½ΠΎΠ²ΠΈΡΠΊΠΎΠ², ΡΠ°ΠΊ ΠΈ Π΄Π»Ρ ΡΠΊΡΠΏΠ΅ΡΡΠΎΠ², ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΈΡΡΠ΅ΡΠΏΡΠ²Π°ΡΡΠΈΠΉ ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊ, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π΅ΡΡΡ Π²ΡΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΠ΅ Π΄Π»Ρ Π½Π°ΡΠ°Π»Π° ΡΠ°Π±ΠΎΡΡ ΠΈ ΠΎΡΠ²ΠΎΠ΅Π½ΠΈΡ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ° Markdown.
ΠΠΎΠ»ΡΡΠΈΡΡ ΠΊΠ½ΠΈΠ³Ρ
ΠΠ΅ ΠΎΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΠΉΡΡ ΡΠ΅ΠΉΡΠ°Ρ ΠΆΠ΅! π ΠΠΊΠ»ΡΡΠΈΡΠ΅ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ GitHub, Π° Π·Π°ΡΠ΅ΠΌ Π²Π²Π΅Π΄ΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π°Π΄ΡΠ΅Ρ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΏΠΎΡΡΡ Π½ΠΈΠΆΠ΅, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠ°ΡΡ Π½ΠΎΠ²ΡΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π° ΠΏΠΎ Markdown ΠΏΠΎ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΏΠΎΡΡΠ΅. ΠΠ΅Π· ΡΠΏΠ°ΠΌΠ°!
ΠΠ΅Π»ΠΊΠΎΠ²ΠΎΠ΄Π½Π°Ρ Π±Π΅Π»Π°Ρ Π²ΠΎΡΠΊΠΎΠ²Π°Ρ ΡΡΠΎΡΠΎΠ½Π° Ρ ΠΏΡΠΈΠΊΡΠΎΠ²Π°ΡΠ½ΡΠΌ ΡΡΠΎΠ»ΠΎΠΌ Π΄Π»Ρ ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ, Π²ΡΡΠΎΠΊΠΎΠ΅ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ, Π½ΠΎΠ²ΠΈΠ½ΠΊΠ°
ΠΡΠΈ ΡΡΠΈΠΊΠ°Π΄Π΅Π»ΡΠΊΠΈ ΠΈΠ· ΠΈΠ½Π΄Π΅ΠΉΠΊΠΈ Ρ ΡΠ΅ΡΠ½ΠΎΡΠ½ΡΠΌ ΠΌΠ°ΡΠ»ΠΎΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ ΠΌΠ°Π»ΠΎ ΡΠ³Π»Π΅Π²ΠΎΠ΄ΠΎΠ², Π½Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ Π³Π»ΡΡΠ΅Π½ ΠΈ ΠΎΠ±Π»Π°Π΄Π°ΡΡ Π±ΠΎΠ»ΡΡΠΈΠΌ Π²ΠΊΡΡΠΎΠΌ! ΠΡΠΎ Π±Π»ΡΠ΄ΠΎ Π½Π° ΠΎΠ΄Π½ΠΎΠΉ ΡΠΊΠΎΠ²ΠΎΡΠΎΠ΄Π΅ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ Π±ΡΡΡΡΠΎΠ³ΠΎ ΠΈ Π»Π΅Π³ΠΊΠΎΠ³ΠΎ ΡΠΆΠΈΠ½Π°, Π½ΠΎ ΠΎΠ½ΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π΄Π»Ρ Π·Π΄ΠΎΡΠΎΠ²ΡΡ!
Π€ΡΠΈΠΊΠ°Π΄Π΅Π»ΡΠΊΠΈ ΠΈΠ· ΠΈΠ½Π΄Π΅ΠΉΠΊΠΈ ΡΠΎΡΠ΅ΡΠ°ΡΡΡΡ Ρ Π»Π°ΠΏΡΠΎΠΉ ΠΈΠ· ΠΊΠ°Π±Π°ΡΠΊΠΎΠ² ΠΏΠΎ ΡΠΏΠΈΡΠ°Π»ΠΈ, ΠΎΠ±ΠΆΠ°ΡΠ΅Π½Π½ΠΎΠΉ Π² Π»Π΅Π³ΠΊΠΎΠΌ ΡΠ»ΠΈΠ²ΠΎΡΠ½ΠΎΠΌ ΠΌΠ°ΡΠ»Π΅, Π»ΠΈΠΌΠΎΠ½Π½ΠΎΠΌ ΡΠΎΠΊΠ΅, ΠΎΡΡΡΠΎΠΌ ΡΠΎΡΡΠ΅ ΠΈ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΌ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π΅ ΡΠ΅ΡΠ½ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡΠΎΡΠΊΠ°.ΠΠ°ΡΠ»ΠΎ ΠΈ Π»ΠΈΠΌΠΎΠ½ Π΄Π΅Π»Π°ΡΡ ΡΡΡ Π»Π°ΠΏΡΡ ΠΈΠ· ΡΡΠΊΠΊΠΈΠ½ΠΈ ΠΏΠΈΠΊΠ°Π½ΡΠ½ΠΎΠΉ ΠΈ ΠΎΡΠ²Π΅ΠΆΠ°ΡΡΠ΅ΠΉ, Π΄ΠΎΠ±Π°Π²Π»ΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΏΠ»Π° ΠΎΡ ΠΎΡΡΡΠΎΠ³ΠΎ ΡΠΎΡΡΠ°. ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½Π΅ Π½ΡΠ°Π²ΠΈΡΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠΏΠ΅ΡΠΈΠΉ, Π½Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΠΉΡΠ΅ ΠΎΡΡΡΡΠΉ ΡΠΎΡΡ.
ΠΡΠ΅ ΠΎΠ΄ΠΈΠ½ Π²Π°ΡΠΈΠ°Π½Ρ Π³Π°ΡΠ½ΠΈΡΠ°, ΠΊΠΎΡΠΎΡΡΠΌ Ρ Π½Π°ΡΠ»Π°ΠΆΠ΄Π°Π»ΡΡ Ρ ΡΡΠΈΠΌΠΈ ΡΡΠΈΠΊΠ°Π΄Π΅Π»ΡΠΊΠ°ΠΌΠΈ, — ΡΡΠΎ ΡΠ΅ΡΡΠ°Ρ ΡΠ²Π΅ΡΠ½Π°Ρ ΠΊΠ°ΠΏΡΡΡΠ° ΠΈΠ»ΠΈ Π½Π°ΡΠ΅Π·Π°Π½Π½Π°Ρ ΡΠ²Π΅ΡΠ½Π°Ρ ΠΊΠ°ΠΏΡΡΡΠ°. ΠΡΠΏΠΈΡΠ΅ ΠΈΡ ΡΠΆΠ΅ Π½Π°ΡΠ΅ΡΡΡΠΌΠΈ Π² Π·Π°ΠΌΠΎΡΠΎΠΆΠ΅Π½Π½ΠΎΠΌ ΡΠ°Π·Π΄Π΅Π»Π΅, ΡΡΠΎΠ±Ρ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡΡ Π²ΡΠ΅ΠΌΡ. ΠΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ ΠΈΡ Π² ΠΌΠΈΠΊΡΠΎΠ²ΠΎΠ»Π½ΠΎΠ²ΡΡ ΠΏΠ΅ΡΡ, ΠΈ Ρ Π²Π°Ρ Π±ΡΠ΄Π΅Ρ ΠΈΠ΄Π΅Π°Π»ΡΠ½Π°Ρ ΡΡΠΎΡΠΎΠ½Π° Π΄Π»Ρ ΡΡΠΈΡ Π²ΠΎΡΡ ΠΈΡΠΈΡΠ΅Π»ΡΠ½ΡΡ ΡΡΠΈΠΊΠ°Π΄Π΅Π»Π΅ΠΊ.
ΠΡΠΈ Π°ΠΏΠΏΠ΅ΡΠΈΡΠ½ΡΠ΅ ΠΊΠΎΡΠ»Π΅ΡΡ ΡΠ°ΠΊΠΈΠ΅ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠ΅! Π― ΡΠ°ΠΊΠΆΠ΅ Π½Π°ΡΠ»Π°ΠΆΠ΄Π°ΡΡΡ ΠΈΠΌΠΈ Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°ΠΌΠΈ G Hughes, ΡΠ°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ ΠΈΡ ΡΠΎΡΡΡ Π±Π°ΡΠ±Π΅ΠΊΡ Π±Π΅Π· ΡΠ°Ρ Π°ΡΠ°, Π°ΠΏΠ΅Π»ΡΡΠΈΠ½ΠΎΠ²ΡΠΉ ΠΈΠΌΠ±ΠΈΡΠ½ΡΠΉ ΠΌΠ°ΡΠΈΠ½Π°Π΄ ΠΈ ΠΌΠ°ΡΠΈΠ½Π°Π΄ ΡΠ΅ΡΠΈΡΠΊΠΈ.ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΡΠΈΠΊΠ°Π΄Π΅Π»ΡΠΊΠΈ ΡΡΠΈΡΠ°ΡΡΡΡ ΡΡΡΡ ΠΌΠ΅Π½Π΅Π΅ 2 ΠΏΡΠΈΠΏΡΠ°Π², ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ 1 ΡΡΠΎΠ»ΠΎΠ²ΡΡ Π»ΠΎΠΆΠΊΡ ΡΡΠΈΡ ΡΠΎΡΡΠΎΠ² Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ 1 ΠΏΡΠΈΠΏΡΠ°Π²Ρ Π½Π° ΠΏΠΎΡΡΠΈΡ. ΠΠ°ΡΠ»Π°ΠΆΠ΄Π°ΠΉΡΠ΅ΡΡ ΡΡΠΈΠΌΠΈ Π²ΠΊΡΡΠ½ΡΠΌΠΈ ΡΠ΅ΡΡΠ΅Π»ΡΠΌΠΈ!
Π€ΡΠΈΠΊΠ°Π΄Π΅Π»ΡΠΊΠΈ ΠΈΠ· ΠΈΠ½Π΄Π΅ΠΉΠΊΠΈ ΠΈ ΡΠ΅ΡΠ½ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΡΠ»Π°
Ρ Π»Π°ΠΏΡΠΎΠΉ ΠΈΠ· ΡΡΠΊΠΊΠΈΠ½ΠΈ ΠΈ Π»ΠΈΠΌΠΎΠ½ΠΎΠΌ
ΠΠ΅ΠΌΠ½ΠΎΠ³ΠΎ Π°Π΄Π°ΠΏΡΠΈΡΠΎΠ²Π°Π½ΠΎ ΠΈΠ· Eatwell101
ΠΠ½Π³ΡΠ΅Π΄ΠΈΠ΅Π½ΡΡ: 930 930 930
930 930 930
ΠΏΠΎΡΡΠ½ΡΠΉ ΡΠ°ΡΡ ΠΈΠ· ΠΈΠ½Π΄Π΅ΠΉΠΊΠΈ (2 1/2 ΠΏΠΎΡΡΠ½ΠΎΠ³ΠΎ ΠΌΡΡΠ°)
1/2 ΡΡΠ°ΠΊΠ°Π½Π° ΠΎΠ±Π΅Π·ΠΆΠΈΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΡΡΠ° ΠΌΠΎΡΠ°ΡΠ΅Π»Π»Π° ~ ΠΎΡ 3 Π΄ΠΎ 6 Π³ ΠΆΠΈΡΠ° Π½Π° ΡΠ½ΡΠΈΡ (1/2 ΠΏΠΎΡΡΠ½ΠΎΠ³ΠΎ ΠΌΡΡΠ°)
1/2 ΡΠ°ΠΉΠ½ΠΎΠΉ Π»ΠΎΠΆΠΊΠΈ ΡΠ΅ΡΠ½ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡΠΎΡΠΊΠ° (1 ΠΏΡΠΈΠΏΡΠ°Π²Π°)
1 ΡΠ°ΠΉΠ½Π°Ρ Π»ΠΎΠΆΠΊΠ° ΡΡΡΠ΅Π½ΡΠΉ Π±Π°Π·ΠΈΠ»ΠΈΠΊ (1/2 ΠΏΡΠΈΠΏΡΠ°Π²Ρ)
1/2 ΡΠ°ΠΉΠ½ΠΎΠΉ Π»ΠΎΠΆΠΊΠΈ ΡΡΡΠ΅Π½ΠΎΠ³ΠΎ ΠΎΡΠ΅Π³Π°Π½ΠΎ (1/2 ΠΏΡΠΈΠΏΡΠ°Π²Ρ)
1 ΠΈΠ·ΠΌΠ΅Π»ΡΡΠ΅Π½Π½ΡΠΉ ΠΊΡΡΠΎΡΠ΅ΠΊ ΠΊΡΡΠΈΠ½ΠΎΠ³ΠΎ Π±ΡΠ»ΡΠΎΠ½Π° (1 ΠΏΡΠΈΠΏΡΠ°Π²Π°)
1/4 ΡΠ°ΠΉΠ½ΠΎΠΉ Π»ΠΎΠΆΠΊΠΈ ΡΠΎΠ»ΠΈ (1 ΠΏΡΠΈΠΏΡΠ°Π²Π°)
1/4 ΡΠ΅ΡΠ½ΠΎΠ³ΠΎ ΠΏΠ΅ΡΡΠ° (1/2 ΠΏΡΠΈΠΏΡΠ°Π²Ρ)
1 ΡΡΠ°ΠΊΠ°Π½ Π½Π°ΡΠ΅Π·Π°Π½Π½ΠΎΠΉ ΠΊΠΈΠ½Π·Ρ (1 ΠΏΡΠΈΠΏΡΠ°Π²Ρ) *
1 1/2 ΡΡΠΎΠ»ΠΎΠ²ΠΎΠΉ Π»ΠΎΠΆΠΊΠΈ Knipex 97 53 08 0,08-10 / 16 ΠΌΠΌ ΠΠ»Π΅ΡΠΈ Π΄Π»Ρ ΠΎΠΏΡΠ΅ΡΡΠΎΠ²ΠΊΠΈ ΠΊΠΎΠ½ΡΠ΅Π²ΡΡ Π³ΠΈΠ»ΡΠ· (1 1/2 Π·Π΄ΠΎΡΠΎΠ²ΡΡ ΠΆΠΈΡΠΎΠ² )
ΠΠ»Ρ Π»Π°ΠΏΡΠΈ ΠΈΠ· ΠΊΠ°Π±Π°ΡΠΊΠΎΠ²:
4 1/2 ΡΡΠ°ΠΊΠ°Π½Π° Π»Π°ΠΏΡΠΈ ΠΈΠ· ΠΊΠ°Π±Π°ΡΠΊΠΎΠ² ~ 810 Π³ Π²Π°ΡΠ΅Π½ΠΎΠΉ ΠΌΠ°ΡΡΡ ht (9 Π·Π΅Π»Π΅Π½ΠΈ)
1/4 ΡΠ°ΠΉΠ½ΠΎΠΉ Π»ΠΎΠΆΠΊΠΈ ΡΠ΅ΡΠ½ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡΠΎΡΠΊΠ° (1/2 ΠΏΡΠΈΠΏΡΠ°Π²Ρ)
1 ΡΡΠΎΠ»ΠΎΠ²Π°Ρ Π»ΠΎΠΆΠΊΠ° 8.46 Π΄ΡΠΉΠΌΠΎΠ² ΓidѸ Β· os WΓ‘ Β»βΉ h Sucѹion Cup — HΓ‘ Β»Β₯ ge ΓiѸ Β· lo ReѺ‘lis (1 Π·Π΄ΠΎΡΠΎΠ²ΡΠΉ ΠΆΠΈΡ)
1 ΡΡΠΎΠ»ΠΎΠ²Π°Ρ Π»ΠΎΠΆΠΊΠ° Π»ΠΈΠΌΠΎΠ½Π½ΠΎΠ³ΠΎ ΡΠΎΠΊΠ° (1 1/2 ΠΏΡΠΈΠΏΡΠ°Π²Ρ)
1 ΡΡΠΎΠ»ΠΎΠ²Π°Ρ Π»ΠΎΠΆΠΊΠ° ΠΎΡΡΡΠΎΠ³ΠΎ ΡΠΎΡΡΠ° Π€ΡΡΠ½ΠΊΠ° ( 1/2 ΠΏΡΠΈΠΏΡΠ°Π²Ρ)
ΠΠ°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ:
Π Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΌΠΈΡΠΊΠ΅ ΡΠΌΠ΅ΡΠ°ΠΉΡΠ΅ ΡΠ°ΡΡ ΠΈΠ· ΠΈΠ½Π΄Π΅ΠΉΠΊΠΈ, ΡΡΡ ΠΌΠΎΡΠ°ΡΠ΅Π»Π»Π°, 1/2 ΡΠ°ΠΉΠ½ΠΎΠΉ Π»ΠΎΠΆΠΊΠΈ ΡΠ΅ΡΠ½ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡΠΎΡΠΊΠ°, Π±Π°Π·ΠΈΠ»ΠΈΠΊ, ΠΎΡΠ΅Π³Π°Π½ΠΎ, ΠΈΠ·ΠΌΠ΅Π»ΡΡΠ΅Π½Π½ΡΠΉ Π±ΡΠ»ΡΠΎΠ½Π½ΡΠΉ ΠΊΡΠ±ΠΈΠΊ, ΡΠΎΠ»Ρ, ΡΠ΅ΡΠ½ΡΠΉ ΠΏΠ΅ΡΠ΅Ρ ΠΈ ΠΊΠΈΠ½Π·Ρ (ΡΡΠΊΠΎΠ½ΠΎΠΌΡΡΠ΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΈΠ½Π·Π° Π΄Π»Ρ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ). Π₯ΠΎΡΠΎΡΠΎ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°ΠΉΡΠ΅ ΠΈ ΡΡΠΎΡΠΌΠΈΡΡΠΉΡΠ΅ 18 ΡΡΠΈΠΊΠ°Π΄Π΅Π»Π΅ΠΊ. Π Π°Π·Π΄Π΅Π»ΡΡ ΠΌΡΡΠ½ΡΡ ΡΠΌΠ΅ΡΡ Π½Π° 3 ΡΠ°Π²Π½ΡΠ΅ ΡΠ°ΡΡΠΈ, Π²Π·Π²Π΅ΡΠΈΠ²Π°Ρ.ΠΠ°ΡΠ΅ΠΌ ΠΈΠ· ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΏΠΎΡΡΠΈΠΈ ΡΠ΄Π΅Π»Π°ΠΉΡΠ΅ ΠΏΠΎ 6 ΡΡΠΈΠΊΠ°Π΄Π΅Π»Π΅ΠΊ.
Π Π°ΡΡΠΎΠΏΠΈΡΠ΅ 1 1/2 ΡΡΠΎΠ»ΠΎΠ²ΡΡ Π»ΠΎΠΆΠΊΠΈ ΡΠ»ΠΈΠ²ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΡΠ»Π° Π² Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΠΊΠΎΠ²ΠΎΡΠΎΠ΄Π΅ Π½Π° ΡΡΠ΅Π΄Π½Π΅ΠΌ ΠΈΠ»ΠΈ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎΠΌ ΠΎΠ³Π½Π΅. ΠΠΎΡΠΎΠ²ΡΡΠ΅ ΡΡΠΈΠΊΠ°Π΄Π΅Π»ΡΠΊΠΈ 8-10 ΠΌΠΈΠ½ΡΡ ΡΠΎ Π²ΡΠ΅Ρ ΡΡΠΎΡΠΎΠ½, ΠΏΠΎΠΊΠ° ΠΎΠ½ΠΈ Π½Π΅ ΠΏΠΎΠ΄ΡΡΠΌΡΠ½ΡΡΡΡ ΠΈ Π½Π΅ ΠΏΡΠΎΠΏΠ°ΡΡΡΡΡ. ΠΠΎ Π²ΡΠ΅ΠΌΡ ΠΏΡΠΈΠ³ΠΎΡΠΎΠ²Π»Π΅Π½ΠΈΡ ΠΏΠΎΠ»ΠΈΡΡ ΡΡΠΈΠΊΠ°Π΄Π΅Π»ΡΠΊΠΈ ΡΠΌΠ΅ΡΡΡ ΡΠ»ΠΈΠ²ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΡΠ»Π° ΠΈ ΡΠΎΠΊΠ°. ΠΡΠ»ΠΎΠΆΠΈΡΠ΅ ΡΡΠΈΠΊΠ°Π΄Π΅Π»ΡΠΊΠΈ Π½Π° ΡΠ°ΡΠ΅Π»ΠΊΡ ΠΈ ΠΎΡΠ»ΠΎΠΆΠΈΡΠ΅.
Π ΡΠΎΠΉ ΠΆΠ΅ ΡΠΊΠΎΠ²ΠΎΡΠΎΠ΄Π΅ ΡΠ°ΡΡΠΎΠΏΠΈΡΠ΅ 1 ΡΡΠΎΠ»ΠΎΠ²ΡΡ Π»ΠΎΠΆΠΊΡ ΡΠ»ΠΈΠ²ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΡΠ»Π°. ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π»ΠΈΠΌΠΎΠ½Π½ΡΠΉ ΡΠΎΠΊ, ΠΎΡΡΡΡΠΉ ΡΠΎΡΡ ΠΈ 1/4 ΡΠ°ΠΉΠ½ΠΎΠΉ Π»ΠΎΠΆΠΊΠΈ ΡΠ΅ΡΠ½ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡΠΎΡΠΊΠ°. ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π»Π°ΠΏΡΡ ΠΈΠ· ΠΊΠ°Π±Π°ΡΠΊΠΎΠ² ΠΈ Π³ΠΎΡΠΎΠ²ΡΡΠ΅ 3-4 ΠΌΠΈΠ½ΡΡΡ, ΠΏΠΎΠΊΠ° ΠΊΠ°Π±Π°ΡΠΊΠΈ Π½Π΅ ΡΡΠ°Π½ΡΡ Ρ ΡΡΡΡΡΡΠΈΠΌΠΈ.
ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΠ΅ ΠΊΠ°Π±Π°ΡΠΊΠΈ Π² ΡΡΠΎΡΠΎΠ½Ρ, ΡΠ½ΠΎΠ²Π° ΠΏΠΎΠ»ΠΎΠΆΠΈΡΠ΅ ΡΡΠΈΠΊΠ°Π΄Π΅Π»ΡΠΊΠΈ Π² ΡΠΊΠΎΠ²ΠΎΡΠΎΠ΄Ρ ΠΈ ΡΠ°Π·ΠΎΠ³ΡΠ΅ΠΉΡΠ΅ ΠΏΠ°ΡΡ ΠΌΠΈΠ½ΡΡ. Π£ΠΊΡΠ°ΡΠΈΡΡ ΠΊΠΈΠ½Π·ΠΎΠΉ. ΠΠΎΠ΄Π°Π²Π°ΡΡ Π½Π΅ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ. ΠΠ°ΡΠ»Π°ΠΆΠ΄Π°ΡΡΡΡ!
ΠΠ° 3 ΠΏΠΎΡΡΠΈΠΈ
ΠΠ°ΠΆΠ΄Π°Ρ ΠΏΠΎΡΡΠΈΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ:
1 ΠΏΠΎΡΡΠ½ΠΎΠ΅ ΠΌΡΡΠΎ, 3 Π·Π΅Π»Π΅Π½ΠΈ, 3 ΠΏΡΠΈΠΏΡΠ°Π²Ρ ΠΈ 1 Π·Π΄ΠΎΡΠΎΠ²ΡΠΉ ΠΆΠΈΡ
6 ΡΡΠΈΠΊΠ°Π΄Π΅Π»Π΅ΠΊ Ρ 1 1/2 ΡΠ°ΡΠΊΠΈ (270 Π³) ΡΡΠΊΠΊΠΈΠ½ΠΈ
Π»Π°ΠΏΡΠΈ
Π₯ΠΎΡΠΈΡΠ΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΈΠΊΠ°Π΄Π΅Π»ΡΠΊΠΈ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΠΎΡΡΠ½ΠΎΠ³ΠΎ Π±Π»ΡΠ΄Π°? ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ Π΄ΡΡΠ³ΠΎΠΉ Π·Π΅Π»Π΅Π½ΡΠΉ ΡΠ²Π΅Ρ, Π½ΠΎ Π½Π΅ Π·Π°Π±ΡΠ΄ΡΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ 1 ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΆΠΈΡ, Π΅ΡΠ»ΠΈ Π²Ρ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ ΡΠ΅ΡΠ΅ΠΏΡ ΡΡΠΊΠΈΠ½ΠΈ.ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ: Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ 1 ΡΠ°ΠΉΠ½ΡΡ Π»ΠΎΠΆΠΊΡ ΡΠ²Π΅ΡΠ»ΠΎΠ³ΠΎ ΡΠ»ΠΈΠ²ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΡΠ»Π° (1/3 Π·Π΄ΠΎΡΠΎΠ²ΠΎΠ³ΠΎ ΠΆΠΈΡΠ°) ΠΊ 1 1/2 ΡΡΠ°ΠΊΠ°Π½Π° ΡΠ΅ΡΡΠΎΠΉ ΡΠ²Π΅ΡΠ½ΠΎΠΉ ΠΊΠ°ΠΏΡΡΡΡ Π½Π° 1 ΠΏΠΎΡΡΠΈΡ ΠΈΠ»ΠΈ 1 ΡΡΠΎΠ»ΠΎΠ²ΡΡ Π»ΠΎΠΆΠΊΡ Π»Π΅Π³ΠΊΠΎΠ³ΠΎ ΡΠ»ΠΈΠ²ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΡΠ»Π° (1 Π·Π΄ΠΎΡΠΎΠ²ΡΠΉ ΠΆΠΈΡ) ΠΊ 4 1/2 ΡΡΠ°ΠΊΠ°Π½Π°ΠΌ ΡΠ΅ΡΡΠΎΠΉ ΡΠ²Π΅ΡΠ½ΠΎΠΉ ΠΊΠ°ΠΏΡΡΡΡ Π½Π° 3 ΠΏΠΎΡΡΠΈΠΈ.
* ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ ΠΊΠΈΠ½Π·Ρ ΡΠ²Π΅ΠΆΠ΅ΠΉ ΠΏΠ΅ΡΡΡΡΠΊΠΎΠΉ, Π½ΠΎ ΠΈΠΌΠ΅ΠΉΡΠ΅ Π² Π²ΠΈΠ΄Ρ, ΡΡΠΎ 1/4 ΡΡΠ°ΠΊΠ°Π½Π° ΠΏΠ΅ΡΡΡΡΠΊΠΈ — ΡΡΠΎ 1 ΠΏΡΠΈΠΏΡΠ°Π²Π°.
ΠΠ°ΠΆΠΌΠΈΡΠ΅ Π·Π΄Π΅ΡΡ, ΡΡΠΎΠ±Ρ ΡΠ°ΡΠΏΠ΅ΡΠ°ΡΠ°ΡΡ
ΠΠ°ΠΊ ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π² Photoshop | Small Business
ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π½Π°ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΎΠ½Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π΄Π»Ρ ΠΊΠ»ΠΈΠ΅Π½ΡΠ° ΠΈΠ»ΠΈ Π΄Π»Ρ ΡΠ΅ΠΊΠ»Π°ΠΌΠ½ΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² Π²Π°ΡΠ΅Π³ΠΎ Π±ΠΈΠ·Π½Π΅ΡΠ°, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Photoshop Shape Π΄Π»Ρ ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΈ ΡΡΡΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ.ΠΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Β«Π’Π΅ΠΊΡΡΒ» ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ΅ΠΊΡΡ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡΡ, Π° ΡΡΠΈΠ»ΠΈ ΡΠ»ΠΎΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ²Π΅Ρ ΠΈ ΠΈΠ·ΡΡΠ΅ΡΡΠ²ΠΎ. ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ Π³ΡΠ°ΡΠΈΠΊΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° Β«Π€ΠΈΠ³ΡΡΠ°Β» Π²ΠΌΠ΅ΡΡΠΎ Π³ΡΠ°ΡΠΈΠΊΠΈ ΠΎΠ±ΡΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠΎΠ³ΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Β«ΠΠΈΡΡΡΒ», Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π»Π΅Π³ΠΊΠΎ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°ΡΡ ΠΈ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡ Π»ΠΈΠ½ΠΈΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎΡΠ»Π΅ ΠΈΡ ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΡΠ°ΡΠΈΠΊΠ° ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° Π€ΠΈΠ³ΡΡΠ° ΡΠ°ΠΊΠΆΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ ΠΏΠΎ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°, ΡΠ΅Π³ΠΎ Π½Π΅Ρ Π² ΡΠ°Π±Π»ΠΈΡΠ°Ρ , Π½Π°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΠΊΠΈΡΡΡΡ.
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ U.S. Letter, Π·Π°ΡΠ΅ΠΌ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΠ°Π±ΠΎΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ²Β» Π² ΠΊΡΠ°ΠΉΠ½Π΅ΠΌ Π»Π΅Π²ΠΎΠΌ ΡΠ³Π»Ρ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Β«ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡΒ».ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ Β«Π‘Π±ΡΠΎΡΠΈΡΡ Π²ΡΠ΅Β», ΡΡΠΎΠ±Ρ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ°Ρ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Photoshop Shape Π½Π΅ ΠΌΠ΅ΡΠ°Π»Π° ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ.
ΠΠ°ΠΆΠΌΠΈΡΠ΅ Β«DΒ», ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ΅ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ ΠΏΠ΅ΡΠ΅Π΄Π½ΠΈΠΌ ΠΈ Π±Π΅Π»ΡΠΌ ΡΠ²Π΅ΡΠΎΠΌ ΡΠΎΠ½Π°, Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ»Π»ΠΈΠΏΡ ΡΠΎ ΡΠΏΠ»ΠΎΡΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠ΅ΠΉ Π½Π° ΠΏΠ°Π»ΠΈΡΡΠ΅ Β«ΠΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡΒ», ΡΡΠΎΠ±Ρ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΊΠΎΠΌΠ°Π½Π΄Ρ Β«Π€ΠΎΡΠΌΠ°Β». Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΡΠΉ Π·Π½Π°ΡΠΎΠΊ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Β«ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡΒ», Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΈ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΈΡΠ΅ Ρ ΠΎΠ»ΡΡ, ΡΡΠΎΠ±Ρ Π½Π°ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊ Π½ΡΠΆΠ½ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡΡ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ΅Π³ΠΌΠ΅Π½Ρ Π»ΠΈΠ½ΠΈΠΈ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Β«ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡΒ», ΡΡΠΎΠ±Ρ Π·Π°Π³ΡΡΠ·ΠΈΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄Π»Ρ ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅Π³ΠΌΠ΅Π½ΡΠΎΠ² Π»ΠΈΠ½ΠΈΠΈ, Π·Π°ΡΠ΅ΠΌ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ»Π°Π²ΠΈΡΡ Β«-Β» — Π΄Π΅ΡΠΈΡ, ΡΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ ΡΠ΅ΠΆΠΈΠΌ Π²ΡΡΠΈΡΠ°Π½ΠΈΡ.Π ΡΡΠΎΠΌ ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΡΡΠΎΠΊΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΈ ΡΡΡΠΎΠΊ ΡΠ΅ΡΠΊΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π½Π° ΡΠΎΠ½Π΅ ΡΠ°Π±Π»ΠΈΡΡ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠΎΠ½ ΡΠ°Π±Π»ΠΈΡΡ Π² ΡΠΎΠΌ ΠΌΠ΅ΡΡΠ΅, Π³Π΄Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° Π½Π°ΡΠΈΠ½Π°ΡΡΡΡ Π»ΠΈΠ½ΠΈΡ ΡΡΠΎΠ»Π±ΡΠ°. ΠΠ΅ΡΠ΅ΠΌΠ΅ΡΡΠΈΡΠ΅ ΠΌΡΡΡ ΡΡΠ΄Π°, Π³Π΄Π΅ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅, ΡΡΠΎΠ±Ρ Π»ΠΈΠ½ΠΈΡ ΡΡΠΎΠ»Π±ΡΠ° Π·Π°ΠΊΠΎΠ½ΡΠΈΠ»Π°ΡΡ, Π·Π°ΡΠ΅ΠΌ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΈ ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°ΠΉΡΠ΅ ΠΊΠ»Π°Π²ΠΈΡΡ Β«ShiftΒ», ΡΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ ΡΡΡΠΎΠ³ΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΡ Π»ΠΈΠ½ΠΈΡ. Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠΎΡΠΊΡ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅, ΡΡΠΎΠ±Ρ Π»ΠΈΠ½ΠΈΡ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Π»Π°ΡΡ, ΡΡΠΎΠ±Ρ Π·Π°Π²Π΅ΡΡΠΈΡΡ Π»ΠΈΠ½ΠΈΡ.
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΠΎΡΡΠ°Π²ΡΠΈΠ΅ΡΡ ΡΡΡΠΎΠΊΠΈ ΡΡΠΎΠ»Π±ΡΠ° ΠΈ ΡΡΡΠΎΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡΡ, Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ΅ΡΠ½ΡΡ ΡΡΡΠ΅Π»ΠΊΡ Π½Π° ΠΏΠ°Π»ΠΈΡΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², ΡΡΠΎΠ±Ρ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π²ΡΠ±ΠΎΡΠ° ΠΏΡΡΠΈ.ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΈ ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°ΠΉΡΠ΅ Shift, Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π²ΡΠ΅ ΡΡΡΠΎΠΊΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ², ΡΡΠΎΠ±Ρ Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΠΈΡ . ΠΠ°ΠΆΠΌΠΈΡΠ΅ Π²ΡΠΎΡΡΡ ΠΊΡΠ°ΠΉΠ½ΡΡ ΠΏΡΠ°Π²ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Β«ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡΒ», ΡΡΠΎΠ±Ρ Π·Π°ΠΏΡΡΡΠΈΡΡ Β«Π Π°ΡΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΠ°ΠΌ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈΒ». Photoshop ΡΠ°Π²Π½ΠΎΠΌΠ΅ΡΠ½ΠΎ ΡΠ°Π·Π΄Π΅Π»ΡΠ΅Ρ Π²ΡΠ±ΡΠ°Π½Π½ΡΠ΅ Π²Π°ΠΌΠΈ Π»ΠΈΠ½ΠΈΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ². Π Π°ΡΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΠ΅ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«Π Π°ΡΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈΒ», ΠΏΡΡΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠΏΡΠ°Π²Π° Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Β«ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡΒ». ΠΠ°ΠΆΠΌΠΈΡΠ΅ Β«XΒ», ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π±Π΅Π»ΡΠΉ ΡΠ²Π΅Ρ ΠΏΠ΅ΡΠ΅Π΄Π½ΠΈΠΌ ΠΏΠ»Π°Π½ΠΎΠΌ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Β«Π€ΠΎΡΠΌΠ°Β» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Β«Π‘Π»ΠΎΠΈΒ», ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ ΡΡΠΎΡ ΡΠ»ΠΎΠΉ, Π½Π°ΠΆΠΌΠΈΡΠ΅ Β«TΒ», ΡΡΠΎΠ±Ρ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Β«Π’Π΅ΠΊΡΡΒ», Π·Π°ΡΠ΅ΠΌ Π²Π²Π΅Π΄ΠΈΡΠ΅ Β«36 ptΒ» Π² ΠΏΠΎΠ»Π΅ Β«Π Π°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ°Β» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Β«ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡΒ».Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΡΠ΅ΠΉΠΊΡ ΡΠ°Π±Π»ΠΈΡΡ, ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ ΡΡΠ΅ΠΉΠΊΡ, Π·Π°ΡΠ΅ΠΌ Π²Π²Π΅Π΄ΠΈΡΠ΅ ΡΠ΅ΠΊΡΡ ΡΡΠ΅ΠΉΠΊΠΈ. ΠΠΎΠ³Π΄Π° Π·Π°ΠΊΠΎΠ½ΡΠΈΡΠ΅, Π½Π°ΠΆΠΌΠΈΡΠ΅ Β«Ctrl-EnterΒ». ΠΠΎΠ²ΡΠΎΡΠΈΡΠ΅ ΡΡΠΎΡ ΡΠ°Π³, ΡΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ΅ΠΊΡΡ Π² Π΄ΡΡΠ³ΠΈΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ, Π½Π΅ Π·Π°Π±ΡΠ΄ΡΡΠ΅ ΡΠ½Π°ΡΠ°Π»Π° ΡΠ΅Π»ΠΊΠ½ΡΡΡ Β«Π€ΠΈΠ³ΡΡΠ°Β» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Β«Π‘Π»ΠΎΠΈΒ».