ΠΠΎΠ»Π½ΠΎΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ ΠΏΠΎ ΡΠΏΠΈΡΠΊΠ°ΠΌ Π² HTML ΠΈ CSS
ΠΠ΅ΡΠ΅Π²ΠΎΠ΄ ΡΡΠ°ΡΡΠΈ Β«A complete guide about lists in HTML and CSSΒ».
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΡΠΏΠΈΡΠΊΠΈ
Π‘ΠΏΠΈΡΠΎΠΊ ΡΡΠΎ ΡΠΏΠΎΡΠΎΠ± ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π½Π°Π±ΠΎΡΠ° Π΄Π°Π½Π½ΡΡ ΠΈΠ»ΠΈ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΡΡΠΎΡ Π½Π°Π±ΠΎΡ Π΄Π°Π½Π½ΡΡ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ½ΡΡΠ½ΡΠΌ, ΡΠ΅ΠΌ ΠΏΡΠΈ Π»ΡΠ±ΠΎΠΉ Π΄ΡΡΠ³ΠΎΠΉ ΡΠΎΡΠΌΠ΅ ΠΈΠ·Π»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠΏΠΈΡΠΎΠΊ ΠΏΠΎΠΊΡΠΏΠΎΠΊ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΊΡΠ΄Π° ΠΏΠΎΠ½ΡΡΠ½Π΅Π΅, Π΅ΡΠ»ΠΈ ΠΈΠΌΠ΅Π΅Ρ Π²ΠΈΠ΄ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠΏΠΈΡΠΊΠ°, Π° Π½Π΅ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ Π°Π±Π·Π°ΡΠ°, Π³Π΄Π΅ Π½Π°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ΄ΡΡ ΠΏΡΠΎΡΡΠΎ ΡΠ΅ΡΠ΅Π· Π·Π°ΠΏΡΡΡΡ.
Π‘ΠΏΠΈΡΠΊΠΈ Π² HTML
ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ Π½Π° ΡΠ²ΠΎΠΈΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ°Ρ ΠΊΠ°ΠΊΠΈΠ΅-ΡΠΎ Π΄Π°Π½Π½ΡΠ΅, ΡΠ²Π»ΡΡΡΠΈΠ΅ΡΡ Π½Π°Π±ΠΎΡΠ°ΠΌΠΈ ΡΠ΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ, ΡΠΏΠΈΡΠΎΠΊ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΠ΅ΠΊΡΠ°ΡΠ½ΡΠΌ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠΌ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ. ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΠΏΠΈΡΠΊΠ°ΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π»Π΅Π³ΡΠ΅ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ.
ΠΠΈΠ΄Ρ ΡΠΏΠΈΡΠΊΠΎΠ²
Π HTML ΡΠΏΠΈΡΠΊΠΈ Π±ΡΠ²Π°ΡΡ ΡΡΠ΅Ρ Π²ΠΈΠ΄ΠΎΠ²:
- Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ.
- ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ.
- Π‘ΠΏΠΈΡΠΊΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ.
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ?
Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΡΡΠΎ Π½Π°Π±ΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π½ΡΡ Π² ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅.
ΠΡΠΈΠΌΠ΅ΡΠ°ΠΌΠΈ ΠΌΠΎΠ³ΡΡ ΠΏΠΎΡΠ»ΡΠΆΠΈΡΡ ΠΊΡΠ»ΠΈΠ½Π°ΡΠ½ΡΠ΅ ΡΠ΅ΡΠ΅ΠΏΡΡ, Π³Π΄Π΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ ΡΠ»Π΅Π΄ΡΠ΅Ρ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ Π² ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅, ΠΈΠ»ΠΈ ΡΠΏΠΈΡΠΊΠΈ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΠΉ ΠΏΡΠΎΡΡΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ.
ΠΠΎΠ΄ΠΎΠ±Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ Π΄Π΅Π»Π°ΡΡ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΌΠΈ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Π±Π΅Π· Π½ΡΠΆΠ½ΠΎΠΉ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ ΠΈΠ·Π»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΡΠ° ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΡΠ΅ΡΡΠ΅Ρ ΡΠ²ΠΎΠΉ ΡΠΌΡΡΠ». Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ ΡΠ°ΠΊΠΆΠ΅ Π½Π°Π·ΡΠ²Π°ΡΡ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΌΠΈ.
ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠ΅Π³ <ol> (ordered list β Β«ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊΒ»), Π° Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· Π΅Π³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² β ΡΠ΅Π³ <li> (list β Β«ΡΠΏΠΈΡΠΎΠΊΒ»).
HTML-ΠΊΠΎΠ΄:
[html]<ol>
<li>ΠΠ°Π»Π΅ΠΉΡΠ΅ Π²ΠΎΠ΄Ρ Π² ΠΊΠ°ΡΡΡΡΠ»Ρ.</li>
<li>ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ°Ρ
Π°Ρ, ΡΠ°ΠΉΠ½ΡΠ΅ Π»ΠΈΡΡΡΡ ΠΈ ΡΠΏΠ΅ΡΠΈΠΈ.</li>
<li>ΠΠΎΠ²Π΅Π΄ΠΈΡΠ΅ Π΄ΠΎ ΠΊΠΈΠΏΠ΅Π½ΠΈΡ ΠΈ ΠΏΠΎΠ΄Π΅ΡΠΆΠΈΡΠ΅ Π½Π° ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎΠΌ ΠΎΠ³Π½Π΅ ΠΎΠΊΠΎΠ»ΠΎ ΠΌΠΈΠ½ΡΡΡ.</li>
<li>ΠΠΎΠ²Π΅Π΄ΠΈΡΠ΅ Π΄ΠΎ ΠΊΠΈΠΏΠ΅Π½ΠΈΡ ΠΈ ΠΏΠΎΠ΄Π΅ΡΠΆΠΈΡΠ΅ Π½Π° ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎΠΌ ΠΎΠ³Π½Π΅ 3-5 ΠΌΠΈΠ½ΡΡ.</li>
<li>ΠΡΠΎΡΠ΅Π΄ΠΈΡΠ΅ ΡΠ°ΠΉ ΠΈ ΠΏΠ΅ΡΠ΅Π»Π΅ΠΉΡΠ΅ Π΅Π³ΠΎ Π² ΡΠ°ΠΉΠ½ΠΈΠΊ.</li>
</ol>
[/html]
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ:
- ΠΠ°Π»Π΅ΠΉΡΠ΅ Π²ΠΎΠ΄Ρ Π² ΠΊΠ°ΡΡΡΡΠ»Ρ.
- ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ°Ρ Π°Ρ, ΡΠ°ΠΉΠ½ΡΠ΅ Π»ΠΈΡΡΡΡ ΠΈ ΡΠΏΠ΅ΡΠΈΠΈ.
- ΠΠΎΠ²Π΅Π΄ΠΈΡΠ΅ Π΄ΠΎ ΠΊΠΈΠΏΠ΅Π½ΠΈΡ ΠΈ ΠΏΠΎΠ΄Π΅ΡΠΆΠΈΡΠ΅ Π½Π° ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎΠΌ ΠΎΠ³Π½Π΅ ΠΎΠΊΠΎΠ»ΠΎ ΠΌΠΈΠ½ΡΡΡ.
- ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΠΌΠΎΠ»ΠΎΠΊΠΎ.
- ΠΠΎΠ²Π΅Π΄ΠΈΡΠ΅ Π΄ΠΎ ΠΊΠΈΠΏΠ΅Π½ΠΈΡ ΠΈ ΠΏΠΎΠ΄Π΅ΡΠΆΠΈΡΠ΅ Π½Π° ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎΠΌ ΠΎΠ³Π½Π΅ 3-5 ΠΌΠΈΠ½ΡΡ.
- ΠΡΠΎΡΠ΅Π΄ΠΈΡΠ΅ ΡΠ°ΠΉ ΠΈ ΠΏΠ΅ΡΠ΅Π»Π΅ΠΉΡΠ΅ Π΅Π³ΠΎ Π² ΡΠ°ΠΉΠ½ΠΈΠΊ.
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΏΡΠ½ΠΊΡΡ ΡΠΏΠΈΡΠΊΠ° ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°ΡΡΡΡ Π°ΡΠ°Π±ΡΠΊΠΈΠΌΠΈ ΡΠΈΡΡΠ°ΠΌΠΈ.
ΠΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ°Π·Π½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ CSS-ΡΠ²ΠΎΠΉΡΡΠ²Π° list-style-type.
list-style-type: upper-alpha
list-style-type: upper-roman
See the Pen ordered-list-upper-roman by Amrish Kushwaha (@isamrish) on CodePen.
list-style-type: lower-alpha
See the Pen ordered-list-lower-alpha by Amrish Kushwaha (@isamrish) on CodePen.
list-style-type: lower-roman
See the Pen ordered-list-lower-roman by Amrish Kushwaha (@isamrish) on CodePen.ΠΡΠΎ ΡΠ°ΠΌΡΠ΅ ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° list-style-type. ΠΠΎ Π΅ΡΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π΄ΡΡΠ³ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ Π΄Π°Π»ΡΡΠ΅.
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ?
ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΡΡΠΎ ΡΠΏΠΈΡΠΎΠΊ Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Ρ Π² ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ»ΡΠ½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅. Π’Π°ΠΊΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΈ ΡΠ°ΠΊΠΆΠ΅ Π½Π°Π·ΡΠ²Π°ΡΡ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌΠΈ.
ΠΡΠΈΠΌΠ΅ΡΡ ΡΠ°ΠΊΠΈΡ ΡΠΏΠΈΡΠΊΠΎΠ² β ΡΠΏΠΈΡΠΊΠΈ ΠΏΠΎΠΊΡΠΏΠΎΠΊ, ΡΠΏΠΈΡΠΊΠΈ Π·Π°ΠΏΠ»Π°Π½ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ Π΄Π΅Π».
ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠ΅Π³ <ul> (unordered list), Π° Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· Π΅Π³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² β ΡΠ΅Π³ <li> (ΠΊΠ°ΠΊ ΠΈ Π² ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠΌ ΡΠΏΠΈΡΠΊΠ΅).
HTML-ΠΊΠΎΠ΄:
[html]<ul>
<li>ΠΎΠ΄Π΅ΠΆΠ΄Π°</li>
<li>ΡΡΡΠΊΠΈ</li>
<li>Π½ΠΎΡΡΠ±ΡΠΊ</li>
<li>ΡΡΠΌΠΊΠ°</li>
</ul>
[/html]
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ:
- ΠΎΠ΄Π΅ΠΆΠ΄Π°
- ΠΊΠ½ΠΈΠ³ΠΈ
- ΡΡΡΠΊΠΈ
- Π½ΠΎΡΡΠ±ΡΠΊ
- ΡΡΠΌΠΊΠ°
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΌΠ°ΡΠΊΠ΅ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Ρ Π² Π²ΠΈΠ΄Π΅ ΠΊΡΡΠΆΠΎΡΠΊΠΎΠ². ΠΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π²ΡΠ΅ ΡΠΎ ΠΆΠ΅ CSS-ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ list-style-type.
list-style-type: circle
See the Pen unordered-list-circle by Amrish Kushwaha (@isamrish) on CodePen.
list-style-type: square
See the Pen unordered-list-square by Amrish Kushwaha (@isamrish) on CodePen.list-style-type: disc
See the Pen unordered-list-disc by Amrish Kushwaha (@isamrish) on CodePen.
ΠΠ°Π»ΡΡΠ΅ ΠΌΡ ΡΠ°Π·Π±Π΅ΡΠ΅ΠΌ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΡΠΈΠ»Π΅ΠΉ.
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΡΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ?
Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ ΡΠ΅ΠΌ, ΡΡΠΎ ΠΊΠ°ΠΆΠ΄ΡΠΉ Π΅Π³ΠΎ ΠΏΡΠ½ΠΊΡ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· Π΄Π²ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠ΅ΡΠ²ΡΠΉ ΠΈΠ· Π½ΠΈΡ β ΡΠ΅ΡΠΌΠΈΠ½, Π° Π²ΡΠΎΡΠΎΠΉ β Π΅Π³ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅.
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ
ΡΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠ΅Π³Π° <dl> (definition list β Β«ΡΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉΒ»).
Π ΠΏΡΠ½ΠΊΡΠ°Ρ
ΡΠΏΠΈΡΠΊΠ° ΡΠ΅ΡΠΌΠΈΠ½Ρ (term) ΡΠΎΠ·Π΄Π°ΡΡΡΡ
ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠ΅Π³Π° <dt>, Π° ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅
(
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ:
See the Pen definition-list by Amrish Kushwaha (@isamrish) on CodePen.
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ?
ΠΠ½ΠΎΠ³Π΄Π° Π±ΡΠ²Π°ΡΡ ΡΠΈΡΡΠ°ΡΠΈΠΈ, ΠΊΠΎΠ³Π΄Π° Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²ΠΈΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π² Π²ΠΈΠ΄Π΅ ΡΠΏΠΈΡΠΊΠ°, ΠΏΡΠΈΡΠ΅ΠΌ Π΅Π³ΠΎ ΠΏΡΠ½ΠΊΡΡ ΡΠ°ΠΌΠΈ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΌΠΈ ΡΠΏΠΈΡΠΊΠ°ΠΌΠΈ. Π’Π°ΠΊΠ°Ρ ΡΡΡΡΠΊΡΡΡΠ° Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΌ ΡΠΏΠΈΡΠΊΠΎΠΌ.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ:
See the Pen nested-list by Amrish Kushwaha (@isamrish) on CodePen.
Π‘ΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ°
ΠΠ»Ρ ΠΏΡΠΈΠ΄Π°Π½ΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ ΡΠΏΠΈΡΠΊΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΡΠΈ CSS-ΡΠ²ΠΎΠΉΡΡΠ²Π°.
list-style-type
ΠΠ°ΠΊ Π²Ρ ΡΠΆΠ΅ Π·Π½Π°Π΅ΡΠ΅, ΡΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΠΈ ΠΌΠ°ΡΠΊΠ΅ΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ° (ΠΊΠ°ΠΊ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ, ΡΠ°ΠΊ ΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ).
ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ:
- disc (ΠΊΡΡΠ³)
- square (ΠΊΠ²Π°Π΄ΡΠ°Ρ)
- circle (ΠΎΠΊΡΡΠΆΠ½ΠΎΡΡΡ)
- decimal (Π°ΡΠ°Π±ΡΠΊΠΈΠ΅ ΡΠΈΡΡΡ)
- lower-alpha (ΡΡΡΠΎΡΠ½ΡΠ΅ Π»Π°ΡΠΈΠ½ΡΠΊΠΈΠ΅ Π±ΡΠΊΠ²Ρ, =lower-latin)
- lower-roman (ΡΠΈΠΌΡΠΊΠΈΠ΅ ΡΠΈΡΡΡ Π² Π½ΠΈΠΆΠ½Π΅ΠΌ ΡΠ΅Π³ΠΈΡΡΡΠ΅)
- lower-latin (ΡΡΡΠΎΡΠ½ΡΠ΅ Π»Π°ΡΠΈΠ½ΡΠΊΠΈΠ΅ Π±ΡΠΊΠ²Ρ, =lower-alpha)
- lower-greek (ΡΡΡΠΎΡΠ½ΡΠ΅ Π³ΡΠ΅ΡΠ΅ΡΠΊΠΈΠ΅ Π±ΡΠΊΠ²Ρ)
- upper-alpha (Π·Π°Π³Π»Π°Π²Π½ΡΠ΅ Π»Π°ΡΠΈΠ½ΡΠΊΠΈΠ΅ Π±ΡΠΊΠ²Ρ, =upper-latin)
- upper-roman (ΡΠΈΠΌΡΠΊΠΈΠ΅ ΡΠΈΡΡΡ Π² Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠ΅Π³ΠΈΡΡΡΠ΅)
- upper-latin (Π·Π°Π³Π»Π°Π²Π½ΡΠ΅ Π»Π°ΡΠΈΠ½ΡΠΊΠΈΠ΅ Π±ΡΠΊΠ²Ρ, =upper-alpha)
Π‘ ΠΏΠΎΠ»Π½ΡΠΌ ΡΠΏΠΈΡΠΊΠΎΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ ΡΠ²ΠΎΠΉΡΡΠ²Π° list-style-type ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΡΡΡ Π·Π΄Π΅ΡΡ.
list-style-image
ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ,
ΡΡΠΎΠ±Ρ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΌΠ°ΡΠΊΠ΅ΡΠ° ΡΠΏΠΈΡΠΊΠ° ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ
ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅. Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ
Π΄Π²Π° Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ:
See the Pen list-style-image by Amrish Kushwaha (@isamrish) on CodePen.
ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΡΠΎΠ³ΠΎ ΡΠ²ΠΎ
HTML ΠΡΠΈΠΌΠ΅ΡΡ
HTML ΠΡΡΠΈΠ±ΡΡΡ ΡΠΎΡΠΌ HTML ΠΠ°Π΄Π°ΡΠΈ
HTML ΠΡΠ½ΠΎΠ²Ρ
HTML Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ
HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ
HTML Π°Π±Π·Π°ΡΡ
HTML ΡΡΡΠ»ΠΊΠΈ
HTML ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML ΠΡΠ½ΠΎΠ²Ρ
HTML ΠΡΡΠΈΠ±ΡΡΡ
ΠΡΡΠΈΠ±ΡΡ title
ΠΡΡΠΈΠ±ΡΡ alt
ΠΡΡΠΈΠ±ΡΡ href
ΠΡΡΠΈΠ±ΡΡ Π±Π΅Π· ΠΊΠ°Π²ΡΡΠ΅ΠΊ
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML ΠΡΡΠΈΠ±ΡΡΡ
HTML Π€ΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°
ΠΠΈΡΠ½ΡΠΉ (<b>) ΠΈ Π²Π°ΠΆΠ½ΡΠΉ (<strong>) ΡΠ΅ΠΊΡΡ
ΠΠΊΡΠ΅Π½Ρ (<em>) ΠΈ ΠΊΡΡΡΠΈΠ² (<i>)
ΠΠΎΠ»ΡΡΠΎΠΉ (<big>) ΠΈ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠΉ (<small>) ΡΡΠΈΡΡ
ΠΠ΅ΡΠ΅Π²ΠΎΠ΄ ΡΡΡΠΎΠΊ (<hr>) ΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½Π°Ρ Π»ΠΈΠ½ΠΈΡ (<br>)
ΠΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ» ΡΠ΄Π°Π»Π΅Π½ (<del>)
ΠΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ» Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ (<ins>)
ΠΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° Π² Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΈΠ½Π΄Π΅ΠΊΡΠ΅ (<sub>)
ΠΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° Π² Π²Π΅ΡΡ Π½Π΅ΠΌ ΠΈΠ½Π΄Π΅ΠΊΡΠ΅ (<sup>)
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML Π€ΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
HTML Π¦ΠΈΡΠ°ΡΡ
ΠΠ»ΠΈΠ½Π½ΡΠ΅ (<q>) ΠΈ ΠΊΠΎΡΠΎΡΠΊΠΈΠ΅ (<blockquote>) ΡΠΈΡΠ°ΡΡ
ΠΠ±Π±ΡΠ΅Π²ΠΈΠ°ΡΡΡΠ° (<abbr>)
ΠΠΎΠ½ΡΠ°ΠΊΡΠ½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ (<address>)
ΠΡΡΠΎΡΠ½ΠΈΠΊΠΈ (<cite>) ΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ (<dfn>)
ΠΠ°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ° (<bdo>)
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML Π¦ΠΈΡΠ°ΡΡ
HTML ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΡΠΉ ΠΊΠΎΠ΄
ΠΠ²ΠΎΠ΄ ΡΠ΅ΠΊΡΡΠ° Ρ ΡΠΎΡ
ΡΠ°Π½Π΅Π½ΠΈΠ΅ΠΌ Π²ΡΠ΅Ρ
ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ², ΡΠ°Π±ΡΠ»ΡΡΠΈΠΉ ΠΈ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΎΠ² ΡΡΡΠΎΠΊ
ΠΠ²ΠΎΠ΄ Ρ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ (<kbd>) ΠΈ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ½ΡΠΉ Π²ΡΠ²ΠΎΠ΄(<samp>)
ΠΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ
(<var>) Π² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠΌ ΠΊΠΎΠ΄Π΅
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΡΠΉ ΠΊΠΎΠ΄
HTML ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ Π² ΠΊΠΎΠ΄Π΅
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ
HTML Π‘ΡΠΈΠ»ΠΈ
ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΡΠΈΠ»Π΅ΠΉ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ
ΠΠ½Π΅ΡΠ½ΡΡ ΡΠ°Π±Π»ΠΈΡΠ° ΡΡΠΈΠ»Π΅ΠΉ
ΠΠ½ΡΡΡΠ΅Π½Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΠ° ΡΡΠΈΠ»Π΅ΠΉ
ΠΡΠΈΠΎΡΠΈΡΠ΅ΡΠ½ΠΎΡΡΡ ΡΡΠΈΠ»Π΅ΠΉ
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML Π‘ΡΠΈΠ»ΠΈ
HTML Π‘ΡΡΠ»ΠΊΠΈ
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎΠΉ ΡΡΡΠ»ΠΊΠΈ
Π‘ΡΡΠ»ΠΊΠ° Π½Π° Π°Π΄ΡΠ΅Ρ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΏΠΎΡΡΡ
ΠΡΠΊΡΡΡΠΈΠ΅ ΡΡΡΠ»ΠΎΠΊ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅
ΠΡΠΊΡΡΡΠΈΠ΅ ΡΡΡΠ»ΠΎΠΊ Π² ΠΎΠΊΠ½Π΅ Ρ Π½ΡΠΆΠ½ΡΠΌ ΠΈΠΌΠ΅Π½Π΅ΠΌ
ΠΡΠΏΠ»ΡΠ²Π°ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° Π΄Π»Ρ ΡΡΡΠ»ΠΊΠΈ
Π‘ΡΡΠ»ΠΊΠ° Π½Π° Π·Π°ΠΊΠ»Π°Π΄ΠΊΡ ΠΈΠ· Π΄ΡΡΠ³ΠΎΠΉ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ
ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ-ΡΡΡΠ»ΠΊΠΈ
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML Π‘ΡΡΠ»ΠΊΠΈ
HTML ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
ΠΠ°ΠΊ ΡΠΊΠ°Π·Π°ΡΡ ΠΏΡΡΡ ΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ?
ΠΠ»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ ΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
ΠΡΡΠΈΠ±ΡΡΡ Β«widthΒ» ΠΈ Β«heightΒ»
ΠΠ°Π΄Π°Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π°ΡΡΠΈΠ±ΡΡΠ° style
ΠΠ°Π΄Π°Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ max-width
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠ°ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
HTML Π¦Π²Π΅ΡΠ°
ΠΠ°Π΄Π°Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° ΠΏΠΎ Π΅Π³ΠΎ Π½Π°Π·Π²Π°Π½ΠΈΡ
ΠΠ°Π΄Π°Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ RGB
Π¦Π²Π΅Ρ HEX
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML Π¦Π²Π΅ΡΠ°
HTML Π’Π°Π±Π»ΠΈΡΡ
ΠΡΠΎΡΡΠ°Ρ HTML-ΡΠ°Π±Π»ΠΈΡΠ°
ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° border
ΠΠ΄ΠΈΠ½Π°ΡΠ½Π°Ρ ΡΠ°ΠΌΠΊΠ° Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡΡ
ΠΠΎΠ»Ρ ΠΈ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»Ρ ΡΠ°Π±Π»ΠΈΡΡ
Π¨ΠΈΡΠΈΠ½Π° ΡΠ°Π±Π»ΠΈΡΡ
ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΡΡΠΎΠ»Π±ΡΠΎΠ²
ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΡΡΡΠΎΠΊ
ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ
Π’Π΅Π³ΠΈ Π³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠ°Π±Π»ΠΈΡ
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML Π’Π°Π±Π»ΠΈΡΡ
HTML Π‘ΠΏΠΈΡΠΊΠΈ
ΠΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² type ΠΈ start
ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° value
Π€ΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΡ
ΡΠΏΠΈΡΠΊΠΎΠ² Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS
ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
ΠΠ»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ
Π€ΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΡ
ΡΠΏΠΈΡΠΊΠΎΠ²
ΠΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΌΠ°ΡΠΊΠ΅ΡΡ
Π‘ΠΏΠΈΡΠΊΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ (ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΉ)
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML Π‘ΠΏΠΈΡΠΊΠΈ
ΠΠ»ΠΎΡΠ½ΡΠ΅ ΠΈ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ
ΠΠ»ΠΎΡΠ½ΡΠ΅ ΠΈ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ
ΠΠ±ΡΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ <div> ΠΈ <span>
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML ΠΠ»ΠΎΡΠ½ΡΠ΅ ΠΈ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ
ΠΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ ΠΈ ΠΊΠ»Π°ΡΡΡ
ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠ°
ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² id ΠΈ class
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML ΠΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ ΠΈ ΠΊΠ»Π°ΡΡΡ
HTML Π€ΡΠ΅ΠΉΠΌΡ
Π‘ΡΡΡΠΊΡΡΡΠ° HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° Ρ ΡΡΠ΅ΠΉΠΌΠ°ΠΌΠΈ
Π£Π±ΠΈΡΠ°Π΅ΠΌ Π³ΡΠ°Π½ΠΈΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΠ΅ΠΉΠΌΠ°ΠΌΠΈ
Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π³ΡΠ°Π½ΠΈΡΠ΅ΠΉ ΡΡΠ΅ΠΉΠΌΠΎΠ²
Π‘ΡΡΠ»ΠΊΠΈ Π²Π½ΡΡΡΠΈ ΡΡΠ΅ΠΉΠΌΠΎΠ²
ΠΠ»Π°Π²Π°ΡΡΠΈΠΉ ΡΡΠ΅ΠΉΠΌ
Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ Π³ΡΠ°Π½ΠΈΡΡ ΠΏΠ»Π°Π²Π°ΡΡΠ΅Π³ΠΎ ΡΡΠ΅ΠΉΠΌΠ°
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅Ρ, ΡΡΠΈΠ»Ρ ΠΈ ΡΠ²Π΅ΡΠ° Π³ΡΠ°Π½ΠΈΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΡΠ΅ΠΉΠΌΠ°
ΠΡΠΊΡΡΡΠΈΠ΅ ΡΡΡΠ»ΠΊΠΈ Π² ΠΎΠΊΠ½Π΅ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΡΠ΅ΠΉΠΌΠ°
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML Π€ΡΠ΅ΠΉΠΌΡ
ΠΠ°ΠΊΠ΅ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ
ΠΠ°ΠΊΠ΅Ρ Π½Π°β―ΠΎΡΠ½ΠΎΠ²Π΅β―ΡΠ°Π±Π»ΠΈΡΡ
ΠΠ°ΠΊΠ΅Ρ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ DIV-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²
ΠΠ°ΠΊΠ΅Ρ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² HTML5
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML ΠΠ°ΠΊΠ΅ΡΡ
HTML Π Π°Π·Π΄Π΅Π» Head
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <title> ΡΠΎΠ·Π΄Π°Π΅Ρ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <link> ΡΠ»ΡΠΆΠΈΡ Π΄Π»Ρ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ ΡΠ°ΠΉΠ»Π° CSS
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <style> ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΏΡΠ°Π²ΠΈΠ»Π° CSS
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <script> ΠΏΡΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ ΠΊ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ ΡΡΠ΅Π½Π°ΡΠΈΠΈ
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <base> ΡΠ»ΡΠΆΠΈΡ Π΄Π»Ρ ΡΠΊΠ°Π·Π°Π½ΠΈΡ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ URL-Π°Π΄ΡΠ΅ΡΠ° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML Π Π°Π·Π΄Π΅Π» Head
HTML JavaScript
ΠΡΡΡΠΎΠ΅Π½Π½ΡΠΉ ΡΠΊΡΠΈΠΏΡ
ΠΠ°ΠΏΡΡΠΊ ΡΠΊΡΠΈΠΏΡΠ°
ΠΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ ΡΠΊΡΠΈΠΏΡΠ°
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅Π³Π° <noscript>
JavaScript ΠΌΠΎΠΆΠ΅Ρ ΠΌΠ΅Π½ΡΡΡ HTML ΠΊΠΎΠ½ΡΠ΅Π½Ρ
JavaScript ΠΌΠΎΠΆΠ΅Ρ ΠΌΠ΅Π½ΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ HTML Π°ΡΡΠΈΠ±ΡΡΠ°
JavaScript ΠΌΠΎΠΆΠ΅Ρ ΠΌΠ΅Π½ΡΡΡ ΡΡΠΈΠ»ΠΈ
JavaScript ΠΌΠΎΠΆΠ΅Ρ ΠΌΠ΅Π½ΡΡΡ ΡΡΠΈΡΡΡ
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML ΡΠΊΡΠΈΠΏΡ
HTML Π‘ΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Ρ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠ°Π²ΡΡΠ΅ΠΊ
ΠΠ΅ΡΠΈΡ ΠΈ ΡΠΈΡΠ΅
Π‘ΠΏΠ΅ΡΡΠΈΡΠΌΠ²ΠΎΠ» β¬
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML Π‘ΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Ρ
HTML Π€ΠΎΡΠΌΡ
ΠΡΠΎΡΡΠ°Ρ HTML-ΡΠΎΡΠΌΠ°
ΠΠΎΠ»Π΅ Π²Π²ΠΎΠ΄Π° ΠΏΠ°ΡΠΎΠ»Ρ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π΄ΠΈΠΎ-ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Π΅ΠΉ
Π€Π»Π°ΠΆΠΊΠΈ (checkbox)
ΠΠ½ΠΎΠΏΠΊΠΈ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΡ (submit) ΠΈ ΠΎΡΠΈΡΡΠΊΠΈ (reset)
ΠΡΡΠΏΠΏΠΈΡΠΎΠ²ΠΊΠ° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΎΡΠΌΡ
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML Π€ΠΎΡΠΌΡ
HTML ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΎΡΠΌΡ
Π’Π΅ΠΊΡΡΠΎΠ²Π°Ρ ΠΎΠ±Π»Π°ΡΡΡ <textarea>
Π Π°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉΡΡ ΡΠΏΠΈΡΠΎΠΊ (select)
ΠΡΠΎΠΊΡΡΡΠΈΠ²Π°Π΅ΠΌΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
ΠΡΡΠΏΠΏΠΈΡΠΎΠ²ΠΊΠ° ΠΏΡΠ½ΠΊΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ° (optgroup)
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ <button>
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <datalist>
ΠΠ΅ΡΠΊΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΎΡΠΌΡ (label)
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΎΡΠΌΡ
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠ° type ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <input>
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: text
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: password
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: radio
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: checkbox
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: submit
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: button
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: date
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: week
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: month
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: time
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: datetime
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: datetime-local
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: number
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: range
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: color
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: email
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: url
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: search
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type: tel
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML AΡΡΠΈΠ±ΡΡ type ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <input>
HTML ΠΡΡΠΈΠ±ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <input>
ΠΡΡΠΈΠ±ΡΡ value
ΠΡΡΠΈΠ±ΡΡ disabled
ΠΡΡΠΈΠ±ΡΡ readonly
ΠΡΡΠΈΠ±ΡΡ size
ΠΡΡΠΈΠ±ΡΡ maxlength
ΠΡΡΠΈΠ±ΡΡ placeholder
ΠΡΡΠΈΠ±ΡΡ autofocus
ΠΡΡΠΈΠ±ΡΡΡ min ΠΈ mΠ°Ρ
ΠΡΡΠΈΠ±ΡΡ step
ΠΡΡΠΈΠ±ΡΡ autocomplete
ΠΡΡΠΈΠ±ΡΡ required
ΠΡΡΠΈΠ±ΡΡ novalidate
ΠΡΡΠΈΠ±ΡΡ pattern
ΠΡΡΠΈΠ±ΡΡ formnovalidate
ΠΡΡΠΈΠ±ΡΡ form
ΠΡΡΠΈΠ±ΡΡ formaction
ΠΡΡΠΈΠ±ΡΡ formenctype
ΠΡΡΠΈΠ±ΡΡ formmethod
ΠΡΡΠΈΠ±ΡΡ formtarget
ΠΡΡΠΈΠ±ΡΡ multiple
ΠΡΡΠΈΠ±ΡΡ multiple
Π ΡΠ΅ΠΎΡΠΈΠΈ HTML ΠΡΡΠΈΠ±ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <input>
HTML ΠΡΡΠΈΠ±ΡΡΡ ΡΠΎΡΠΌ HTML ΠΠ°Π΄Π°ΡΠΈ
HTML ΡΠΏΠΈΡΠΊΠΈ ΠΈ Π²ΠΈΠ΄Ρ ΡΠΏΠΈΡΠΊΠΎΠ² Π² HTML: ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ HTML ΡΠΏΠΈΡΠΎΠΊ, Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ HTML ΡΠΏΠΈΡΠΎΠΊ, ΠΌΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ Π² HTML
ΠΡΠΈΠ²Π΅Ρ, ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ ΡΠ°ΠΉΡΠ° ZametkiNaPolyah. ru! ΠΡΠΎΠΉ Π·Π°ΠΏΠΈΡΡΡ ΠΌΡ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΠΌ ΡΡΠ±ΡΠΈΠΊΡ: ΠΠ΅ΡΡΡΠΊΠ° ΡΠ°ΠΉΡΠΎΠ², Π² ΠΊΠΎΡΠΎΡΠΎΠΉ Π΅ΡΡΡ ΡΠ°Π·Π΄Π΅Π» HTML. ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π½Π° ΡΠ°ΠΉΡΠ΅ Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π° Π² ΡΠ΄ΠΎΠ±Π½ΠΎΠΌ ΠΈ ΡΠΈΡΠ°Π±Π΅Π»ΡΠ½ΠΎΠΌ Π²ΠΈΠ΄Π΅, Π΄Π»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π±ΡΠ»Π° Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠΉ Π΅Π΅ Π½ΡΠΆΠ½ΠΎ ΡΠΈΡΡΠ΅ΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ. ΠΠ»Ρ ΡΠΈΡΡΠ΅ΠΌΠ°ΡΠΈΠ·Π°ΡΠΈΠΈ Π² HTML Π΅ΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ (ΠΏΡΠΎ HTML ΡΠ°Π±Π»ΠΈΡΡ ΠΌΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ·ΠΆΠ΅) ΠΈ Π΅ΡΡΡ ΡΠΏΠΈΡΠΊΠΈ. Π ΡΡΠΎΠΉ Π·Π°ΠΏΠΈΡΠΈ ΠΌΡ ΠΊΠ°ΠΊ ΡΠ°Π·-ΡΠ°ΠΊΠΈ ΠΈ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΏΡΠΎ ΡΠΏΠΈΡΠΊΠΈ Π² HTML.
HTML ΡΠΏΠΈΡΠΊΠΈ ΠΈ Π²ΠΈΠ΄Ρ ΡΠΏΠΈΡΠΊΠΎΠ² Π² HTML: ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ HTML ΡΠΏΠΈΡΠΎΠΊ, Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ HTML ΡΠΏΠΈΡΠΎΠΊ, ΠΌΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ Π² HTML
ΠΠ· ΡΡΠΎ Π·Π°ΠΏΠΈΡΠΈ Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅ ΠΎ Π²ΠΈΠ΄Π°Ρ ΡΠΏΠΈΡΠΊΠΎΠ² Π² HTML ΠΈ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΠ΅ΡΡ Ρ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡΠΌΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π° ΡΠΏΠΈΡΠΊΠ°. ΠΡΠΌΠ΅ΡΠΈΠΌ, ΡΡΠΎ ΡΠ°ΠΌΡΠ΅ ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ Π² HTML ΡΡΠΎ: ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠΉ Π΅ΡΠ΅ Π½Π°Π·ΡΠ²Π°ΡΡ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΈ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠΉ Π΅ΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π·Π²Π°ΡΡ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΌ. Π Π΄Π°Π½Π½ΠΎΠΉ Π·Π°ΠΏΠΈΡΠΈ Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· Π²ΠΈΠ΄ΠΎΠ² HTML ΡΠΏΠΈΡΠΊΠ°, Π½ΠΎ ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΏΠΈΡΠΊΠΎΠ² Π² HTML (Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π΅ΡΠ΅ Π½Π°Π·ΡΠ²Π°ΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΌ ΡΠΏΠΈΡΠΊΠΎΠΌ).
ΠΠ»Ρ ΡΠ΅Π³ΠΎ Π½ΡΠΆΠ½Ρ ΡΠΏΠΈΡΠΊΠΈ Π² HTML
Π‘ΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ ΡΡΠ°ΡΡΠΈ:
ΠΡ ΡΠΆΠ΅ ΡΠ°Π·ΠΎΠ±ΡΠ°Π»ΠΈΡΡ Ρ ΡΠ΅ΠΌ, ΠΊΠ°ΠΊ Π΄Π΅Π»ΠΈΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ Π½Π° ΡΠ°Π·Π΄Π΅Π»Ρ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈ ΠΊΠ°ΠΊ ΡΠ°Π·Π±ΠΈΠ²Π°ΡΡ ΡΠΏΠ»ΠΎΡΠ½ΠΎΠΉ ΡΠ΅ΠΊΡΡ Π² HTML Π½Π° ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΡ ΠΈ Π°Π±Π·Π°ΡΡ, ΡΠ΅ΠΏΠ΅ΡΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΏΡΠΎ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠΏΠΈΡΠΊΠΎΠ². HTML ΡΠΏΠΈΡΠΊΠΈ ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΠΎΡΠ΅Π½Ρ ΡΠ°ΡΡΠΎ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°Ρ . ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΌΠ΅Π½Ρ Π½Π° ΡΠ°ΠΉΡΠ΅ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠΏΠΈΡΠΊΠΎΠ² ΠΈ ΡΡΡΠ»ΠΎΠΊ. ΠΠ΅ΡΠ²ΠΎΠ΅ ΠΏΡΠΎΡΡΠΎΠ΅ ΠΌΠ΅Π½Ρ ΠΌΡ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΏΡΠΎ ΡΡΡΠ»ΠΊΠΈ Π² HTML. ΠΠ·Π½Π°ΡΠ°Π»ΡΠ½ΠΎ ΡΠΏΠΈΡΠΊΠΈ Π±ΡΠ»ΠΈ Π²Π²Π΅Π΄Π΅Π½Ρ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠΈΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π² HTML Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅.
Π‘ΠΏΠΈΡΠΊΠΈ Π΄Π΅Π»Π°ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π±ΠΎΠ»Π΅Π΅ Π½Π°Π³Π»ΡΠ΄Π½ΠΎΠΉ ΠΈ ΡΠ΄ΠΎΠ±Π½ΠΎΠΉ Π΄Π»Ρ Π²ΠΎΡΠΏΡΠΈΡΡΠΈΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π²Ρ ΡΠΎΡΡΠ°Π²Π»ΡΠ΅ΡΠ΅ ΡΠΏΠΈΡΠΎΠΊ ΠΏΠΎΠΊΡΠΏΠΎΠΊ, Π±Π΅ΡΠ΅ΡΠ΅ Π»ΠΈΡΡ Π±ΡΠΌΠ°Π³ΠΈ ΠΈ ΠΏΠΈΡΠΈΡΠ΅:
- ΠΠΎΠ»ΠΎΠΊΠΎ.
- Π₯Π»Π΅Π±.
- ΠΠΎΠ»Π±Π°ΡΠ°.
- Π―ΠΉΡΠΎ.
ΠΠΎ, ΡΠΊΠΎΡΠ΅Π΅ Π²ΡΠ΅Π³ΠΎ, Π²Ρ Π½Π΅ ΡΡΠ°Π½Π΅ΡΠ΅ ΠΏΠΈΡΠ°ΡΡ: ΠΌΠΎΠ»ΠΎΠΊΠΎ, Ρ Π»Π΅Π±, ΠΊΠΎΠ»Π±Π°ΡΠ°, ΡΠΉΡΠΎ, ΠΏΠΎ ΡΠΎΠΉ ΠΏΡΠΎΡΡΠΎΠΉ ΠΏΡΠΈΡΠΈΠ½Π΅, ΡΡΠΎ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ Π½Π΅ΡΠΈΡΠ°Π±Π΅Π»ΡΠ½ΠΎ ΠΈ Π² ΠΌΠ°Π³Π°Π·ΠΈΠ½Π΅ Π²Π°ΠΌ Π±ΡΠ΄Π΅Ρ Π½Π΅ ΠΎΡΠ΅Π½Ρ ΡΠ΄ΠΎΠ±Π½ΠΎ Π²ΡΡΠ΅ΡΠΊΠΈΠ²Π°ΡΡ ΠΊΡΠΏΠ»Π΅Π½Π½ΠΎΠ΅ ΠΈΠ»ΠΈ ΠΏΡΠΎΡΡΠΎ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ ΡΠ°ΠΊΠΎΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΏΠΎΠΊΡΠΏΠΎΠΊ.
Π’Π°ΠΊ ΠΆΠ΅ ΠΈ Π² HTML: ΡΠΏΠΈΡΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΡΠ΄ΠΎΠ±Π½ΠΎΠΉ ΠΊ Π²ΠΎΡΠΏΡΠΈΡΡΠΈΡ ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΠΈΡΠ°Π±Π΅Π»ΡΠ½ΠΎΠΉ, ΡΡΠΎ ΠΏΠ΅ΡΠ²ΠΎΠ΅ ΠΈ Π³Π»Π°Π²Π½ΠΎΠ΅ Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΎΠ² Π² HTML. ΠΡΠΎΡΠΎΠ΅ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ°ΠΌ Π½Π°ΡΠ»ΠΈ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠΏΠΈΡΠΊΠΈ ΠΈ ΠΎΡΠΎΡΠΌΠ»ΡΡ ΠΈΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ CSS, ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΌΡΠ΅ ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·Π½ΡΠ΅ ΠΈ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠ΅ ΠΌΠ΅Π½Ρ Π½Π° ΡΠ°ΠΉΡΠ΅.
ΠΡΠΌΠ΅ΡΠΈΠΌ, ΡΡΠΎ Π΄Π»Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ Π°ΠΊΡΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°Ρ ΡΠΏΠΈΡΠΊΠ° ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ HTML ΡΡΠ³ΠΈ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° ΠΈ ΡΡΠ³ΠΈ Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ Π²Π°ΠΆΠ½ΠΎΡΡΡ ΡΠ»ΠΎΠ² Π² HTML Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅.
ΠΠΈΠ΄Ρ ΡΠΏΠΈΡΠΊΠΎΠ² Π² HTML
Π‘ΠΏΠΈΡΠΊΠΈ Π² HTML Π΄Π΅Π»ΡΡΡΡ Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²ΠΈΠ΄ΠΎΠ²: ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ HTML ΡΠΏΠΈΡΠΊΠΈ, ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅ ΠΈΠ»ΠΈ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅ HTML ΡΠΏΠΈΡΠΊΠΈ, ΡΠΏΠΈΡΠΊΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ ΠΈ ΡΠΏΠΈΡΠΊΠΈ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π° Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ ΡΠ²Π»ΡΡΡΡΡ Π·Π°ΠΏΡΠ΅ΡΠ΅Π½Π½ΡΠΌΠΈ Π² ΡΡΠ°Π½Π΄Π°ΡΡΠ΅ HTML 4.01. Π‘ΡΠ°Π½Π΄Π°ΡΡ HTML 5 ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π΅ΡΠ΅ ΡΠΏΠΈΡΠΎΠΊ ΠΌΠ΅Π½Ρ, ΠΎ ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΌΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅, ΠΊΠΎΠ³Π΄Π° Π΄ΠΎΠ±Π΅ΡΠ΅ΠΌΡΡ Π΄ΠΎ HTML 5, ΠΎΡΠΌΠ΅ΡΠΈΠΌ, ΡΡΠΎ HTML 4. 01 ΡΡΠΈΡΠ°Π΅Ρ ΡΡΠ³ <menu> Π·Π°ΠΏΡΠ΅ΡΠ΅Π½Π½ΡΠΌ.
ΠΠ°ΠΌ ΡΡΠΎΠΈΡ Π·Π°ΠΌΠ΅ΡΠΈΡΡ, ΡΡΠΎΒ Π²ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ Π² HTML , ΠΊΡΠΎΠΌΠ΅ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ, ΡΠΎΡΠΌΠΈΡΡΡΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ Π΄Π²ΡΡ HTML ΡΡΠ³ΠΎΠ²: ΠΏΠ΅ΡΠ²ΡΠΉ ΡΡΠ³ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠΌ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΊΠ°Π·Π°ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ, ΠΊΠ°ΠΊΠΎΠΉ ΡΠΈΠΏ ΡΠΏΠΈΡΠΊΠ° ΠΌΡ Ρ ΠΎΡΠΈΠΌ ΡΠΎΠ·Π΄Π°ΡΡ, Π²ΡΠΎΡΠΎΠΉ ΡΡΠ³ Π½ΡΠΆΠ΅Π½ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° HTML ΡΠΏΠΈΡΠΊΠ° ΠΈΠ»ΠΈ ΠΏΡΠ½ΠΊΡΠ° ΡΠΏΠΈΡΠΊΠ°. ΠΠ· ΡΡΠΎΠ³ΠΎ Π²ΡΡ ΠΎΠ΄ΠΈΡ, ΡΡΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ Π΄Π»Ρ ΡΠ°Π·Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² Π±ΡΠ΄Π΅Ρ Π²ΡΠ΅Π³Π΄Π° ΡΠ°Π·Π½ΡΠΌ, Π° Π²ΠΎΡ ΠΏΡΠ½ΠΊΡΡ HTML ΡΠΏΠΈΡΠΊΠ° ΡΠΎΡΠΌΠΈΡΡΡΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ ΡΠΎΠ³ΠΎ ΠΆΠ΅ ΡΡΠ³Π°.
ΠΠ»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° Π² HTML ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΡΠ³ <li>, ΠΎΠ½ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΠ°ΡΠ½ΡΠΌ HTML ΡΡΠ³ΠΎΠΌ, Π·Π°ΠΊΡΡΠ²Π°ΡΡΠ΅ΠΉ ΡΡΠ³ ΠΎΠΏΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ (Π±ΡΠ°ΡΠ·Π΅Ρ ΡΡΠΎΡΠΌΠΈΡΡΠ΅Ρ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΡΠ³ </li> Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΠ΅ΡΠ΅Π΄ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ Π±Π»ΠΎΡΠ½ΡΠΌ HTML ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ). HTML ΡΠ»Π΅ΠΌΠ΅Π½Ρ li ΡΠ²Π»ΡΠ΅ΡΡΡ Π±Π»ΠΎΡΠ½ΡΠΌ, Π° ΡΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΠΎΠ½ Π±ΡΠ΄Π΅Ρ Π·Π°Π½ΠΈΠΌΠ°ΡΡ Π²ΡΡ Π΄ΠΎΡΡΡΠΏΠ½ΡΠ΅ ΡΠΈΡΠΈΠ½Ρ HTML ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ ΡΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΎΠ½ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½.
ΠΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ Π»ΡΠ±ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΡΡΠΎ Π²ΡΠ΅Π³Π΄Π° Π±Π»ΠΎΡΠ½ΡΠΉ HTML ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈ ΠΏΠ°ΡΠ½ΡΠΉ HTML ΡΡΠ³ Ρ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΠΌ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΡΡΠ³ΠΎΠΌ. ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΈΠ· ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠ².
- ΠΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ HTML ΡΠΏΠΈΡΠΎΠΊ ΡΠΎΡΠΌΠΈΡΡΠ΅ΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ HTML ΡΡΠ³Π° <ol>. ΠΠ°ΠΆΠ΄ΡΠΉ ΠΏΡΠ½ΠΊΡ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠ½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½, Ρ ΠΎΡΡ Π²ΠΌΠ΅ΡΡΠΎ Π°ΡΠ°Π±ΡΠΊΠΈΡ ΡΠΈΡΡ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Ρ ΡΠΈΠΌΡΠΊΠΈΠ΅ ΡΠΈΡΡΡ ΠΈΠ»ΠΈ Π±ΡΠΊΠ²Ρ Π°Π»ΡΠ°Π²ΠΈΡΠ°. Π‘ΠΎΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ ol ΡΠ°ΡΡΠΈΡΡΠΎΠ²ΡΠ²Π°Π΅ΡΡΡ ΠΊΠ°ΠΊ ordered list.
- ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ HTML ΡΠΏΠΈΡΠΎΠΊ. ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΈΠΌΠ΅Π΅Ρ ΠΌΠ°ΡΠΊΠ΅Ρ Ρ Π»Π΅Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ. ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ HTML ΡΠΏΠΈΡΠΎΠΊ ΡΠΎΡΠΌΠΈΡΡΠ΅ΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΡΠ³Π° <ul>, ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΡΡΠΈΡΡΠΎΠ²Π°ΡΡ, ΠΊΠ°ΠΊ unordered list.
- Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· ΡΡΠ΅Ρ HTML ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈ ΡΠΎΡΠΌΠΈΡΡΠ΅ΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΡΠ΅Ρ ΡΡΠ³ΠΎΠ². ΠΠ° ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ Π² HTML ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ ΡΡΠ³ <dl>. Π’ΡΠ³ ΠΏΠ°ΡΠ½ΡΠΉ Ρ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΠΌ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΡΡΠ³ΠΎΠΌ. HTML ΡΠ»Π΅ΠΌΠ΅Π½Ρ DL Π±Π»ΠΎΡΠ½ΡΠΉ. Π‘ΠΎΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ dl ΡΠ°ΡΡΠΈΡΡΠΎΠ²ΡΠ²Π°Π΅ΡΡΡ, ΠΊΠ°ΠΊ definition lists. ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎ ΠΎΠ΄ΠΈΠ½ Π΅Π³ΠΎ ΠΏΡΠ½ΠΊΡ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· Π΄Π²ΡΡ HTML ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²: ΠΏΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ β ΡΡΠΎ ΡΠ΅ΡΠΌΠΈΠ½, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°Π΅ΡΡΡ ΡΡΠ³ΠΎΠΌ <dt>, ΠΎΠ½ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΠ°ΡΠ½ΡΠΌ ΡΡΠ³ΠΎΠΌ Ρ ΠΎΠΏΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΌ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌ. HTML ΡΠ»Π΅ΠΌΠ΅Π½Ρ DT Π±Π»ΠΎΡΠ½ΡΠΉ. ΠΡΠΎΡΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ β ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°Π΅ΡΡΡ ΡΡΠ³ΠΎΠΌ <dd>, ΡΡΠΎ ΠΏΠ°ΡΠ½ΡΠΉ ΡΡΠ³ Ρ ΠΎΠΏΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΌ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΡΡΠ³ΠΎΠΌ, Π° HTML ΡΠ»Π΅ΠΌΠ΅Π½Ρ DT Π±Π»ΠΎΡΠ½ΡΠΉ.
- Π‘ΠΏΠΈΡΠΎΠΊ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΉ Π² HTML ΡΡΠΈΡΠ°Π΅ΡΡΡ Π·Π°ΠΏΡΠ΅ΡΠ΅Π½Π½ΡΠΌ ΠΈ Π½Π΅ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π½ ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ. Π‘ΠΏΠΈΡΠΎΠΊ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΉ ΡΠΎΡΠΌΠΈΡΡΠ΅ΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΡΠ³Π° <dir>, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΠ°ΡΠ½ΡΠΌ HTML ΡΡΠ³ΠΎΠΌ, Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ HTML ΡΡΡΠ°Π½ΠΈΡΡ DIR Π±Π»ΠΎΡΠ½ΡΠΉ.
- Π‘ΠΏΠΈΡΠΎΠΊ ΠΌΠ΅Π½Ρ Π² HTML. Π€ΠΎΡΠΌΠΈΡΡΠ΅ΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΡΠ³Π° <menu>, ΡΡΠ³ <menu> ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΠ°ΡΠ½ΡΠΌ ΡΡΠ³ΠΎΠΌ, Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ MENU Π±Π»ΠΎΡΠ½ΡΠΉ. Π ΡΡΠ°Π½Π΄Π°ΡΡΠ΅ HTML01 ΡΡΠ³ <menu> ΡΡΠΈΡΠ°Π΅ΡΡΡ Π·Π°ΠΏΡΠ΅ΡΠ΅Π½Π½ΡΠΌ, Π½ΠΎ ΡΡΠ°Π½Π΄Π°ΡΡ HTML 5 ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ³ <menu> Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠ΅Π½Ρ Π½Π° ΡΠ°ΠΉΡΠ΅, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠ΅ ΡΠΈΡΡΠ΅ΠΌΡ ΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΏΠΎΠ½ΠΈΠΌΠ°Π»ΠΈ, ΡΡΠΎ ΡΡΠΎ Π½Π΅ ΠΏΡΠΎΡΡΠΎ ΡΠΏΠΈΡΠΎΠΊ ΡΠΎ ΡΡΡΠ»ΠΊΠ°ΠΌΠΈ, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΌΠ΅Π½Ρ ΡΠ°ΠΉΡΠ°.
ΠΡΠΌΠ΅ΡΠΈΠΌ, ΡΡΠΎ ΡΡΠ°Π½Π΄Π°ΡΡ HTML Π·Π°ΠΏΡΠ΅ΡΠ°Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²Π½ΡΡΡΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠ², ΡΠΎΠ·Π΄Π°ΡΡΠΈΡ ΡΠΏΠΈΡΠΊΠΈ Π²ΡΠ΅ ΡΡΠ³ΠΈ, ΠΊΡΠΎΠΌΠ΅ ΡΠ΅Ρ , ΡΡΠΎ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ°. ΠΠΎ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π²Π½ΡΡΡΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° <li> Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ Π»ΡΠ±ΡΠ΅ HTML ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, Π·Π°ΠΏΠΎΠΌΠ½ΠΈΠΌ ΡΡΡ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ, ΠΎΠ½Π° Π½Π°ΠΌ ΠΏΡΠΈΠ³ΠΎΠ΄ΠΈΡΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΏΡΠΎ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ. ΠΠ°Π»Π΅Π΅ ΠΌΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΏΡΠΎ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· HTML ΡΠΏΠΈΡΠΊΠΎΠ² Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΡΡΠΈ.
ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ HTML ΡΠΏΠΈΡΠΎΠΊ. HTML Π°ΡΡΠΈΠ±ΡΡΡ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ²
ΠΠ°ΡΠ½Π΅ΠΌ Ρ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ°. ΠΠ³ΠΎ ΠΊΠ»ΡΡΠ΅Π²Π°Ρ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΏΡΠ½ΠΊΡ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΏΠΎΠΌΠ΅ΡΠ΅Π½ ΠΌΠ°ΡΠΊΠ΅ΡΠΎΠΌ. ΠΡ ΡΠΆΠ΅ Π³ΠΎΠ²ΠΎΡΠΈΠ»ΠΈ, ΡΡΠΎ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π² HTML ΡΠΎΠ·Π΄Π°Π΅ΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΡΠ³Π° <ul>, Π²Π½ΡΡΡΠΈ ΡΡΠ³Π° <ul> Π½Π΅ ΠΌΠΎΠ³ΡΡ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ Π½ΠΈΠΊΠ°ΠΊΠΈΠ΅ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΊΡΠΎΠΌΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² LI, ΠΎΡΠ²Π΅ΡΠ°ΡΡΠΈΡ Π·Π° ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ°.
ΠΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΌΠ΅Π½ΡΡΡ Π²ΠΈΠ΄ ΠΌΠ°ΡΠΊΠ΅ΡΠ° ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠ³ΠΎ HTML Π°ΡΡΠΈΠ±ΡΡΠ° type. ΠΠ°ΡΠΊΠ΅Ρ ΡΠΏΠΈΡΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ ΡΡΠ΅ΠΌΡ ΡΠ°Π·Π½ΡΠΌΠΈ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ: Π² Π²ΠΈΠ΄Π΅ Π΄ΠΈΡΠΊΠ°, Π² Π²ΠΈΠ΄Π΅ ΠΎΠΊΡΡΠΆΠ½ΠΎΡΡΠΈ ΠΈ Π² Π²ΠΈΠ΄Π΅ ΠΊΠ²Π°Π΄ΡΠ°ΡΠ°. Π‘ΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ:
- Π§ΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΌΠ°ΡΠΊΠ΅Ρ HTML ΡΠΏΠΈΡΠΊΠ° Π² Π²ΠΈΠ΄Π΅ Π΄ΠΈΡΠΊΠ°, Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ: type=βdiscβ.
- ΠΡΠ»ΠΈ ΠΌΡ Ρ ΠΎΡΠΈΠΌ, ΡΡΠΎΠ±Ρ ΠΌΠ°ΡΠΊΠ΅Ρ ΡΠΏΠΈΡΠΊΠ° ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π»ΡΡ Π² Π²ΠΈΠ΄Π΅ ΠΊΠ²Π°Π΄ΡΠ°ΡΠ°, ΡΠΎ Π½ΡΠΆΠ½ΠΎ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅: type=βsquareβ.
- ΠΡΠ»ΠΈ ΠΆΠ΅ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅, ΡΡΠΎΠ±Ρ ΠΌΠ°ΡΠΊΠ΅Ρ HTML ΡΠΏΠΈΡΠΊΠ° Π±ΡΠ» Π² Π²ΠΈΠ΄Π΅ ΠΎΠΊΡΡΠΆΠ½ΠΎΡΡΠΈ, ΡΠΎ: type=βcircleβ.
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π΄Π»Ρ Π»ΡΠ±ΠΎΠ³ΠΎ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ° Π² Π»ΡΠ±ΠΎΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅: type=βdiscβ. CSS ΡΠ°ΠΊ ΠΆΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ Π²ΠΈΠ΄ ΠΌΠ°ΡΠΊΠ΅ΡΠ° ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π° list-style-type.
ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΏΠΎΠΏΡΠ°ΠΊΡΠΈΠΊΡΠ΅ΠΌΡΡ Π² ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΡ HTML ΡΠΏΠΈΡΠΊΠΎΠ², ΠΎΡΠΊΡΠΎΠΉΡΠ΅ Π»ΡΠ±ΠΎΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ (ΠΌΠΎΠΆΠ½ΠΎ Π΄Π°ΠΆΠ΅ ΠΠ»ΠΎΠΊΠ½ΠΎΡ, Π½ΠΎ Ρ Π±Ρ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π» Π²Π°ΠΌ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Ρ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΎΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ° Notepad++)Β ΠΈ Π½Π°ΠΏΠΈΡΠΈΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄:
<!DOCTYPE html> <html lang=»ru-RU»> <head> <meta charset=»UTF-8″> <title> ΠΡΠΈΠΌΠ΅ΡΡ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ° </title> <link rel=»stylesheet» type=»text/css» href=»style.css» /> </head> <body> <h2>ΠΡΠΈΠΌΠ΅ΡΡ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ°</h2> <ul> <li>ΠΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° <li>ΠΡΠΎΡΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° <li>Π’ΡΠ΅ΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° <li>Π§Π΅ΡΠ²Π΅ΡΡΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° <li>ΠΡΡΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° </ul> <h3>ΠΠ΅Π»Π°Π΅ΠΌ ΠΌΠ°ΡΠΊΠ΅Ρ HTML ΡΠΏΠΈΡΠΊΠ° Π² Π²ΠΈΠ΄Π΅ ΠΎΠΊΡΠΆΠ½ΠΎΡΡΠΈ</h3> <ul> <li type=»circle»>ΠΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> <li type=»circle»>ΠΡΠΎΡΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> <li type=»circle»>Π’ΡΠ΅ΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> <li type=»circle»>Π§Π΅ΡΠ²Π΅ΡΡΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> <li type=»circle»>ΠΡΡΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> </ul> <h3>ΠΠ΅Π»Π°Π΅ΠΌ ΠΌΠ°ΡΠΊΠ΅Ρ HTML ΡΠΏΠΈΡΠΊΠ° ΠΊΠ²Π°Π΄ΡΠ°ΡΠ½ΡΠΌ</h3> <ul> <li type=»square»>ΠΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> <li type=»square»>ΠΡΠΎΡΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> <li type=»square»>Π’ΡΠ΅ΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> <li type=»square»>Π§Π΅ΡΠ²Π΅ΡΡΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> <li type=»square»>ΠΡΡΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> </ul> </body> </html>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 |
<!DOCTYPE html> Β <html lang=»ru-RU»> Β <head> Β <meta charset=»UTF-8″> Β <title> ΠΡΠΈΠΌΠ΅ΡΡ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ° </title> Β <link rel=»stylesheet» type=»text/css» href=»style. css» /> Β </head> Β <body> Β <h2>ΠΡΠΈΠΌΠ΅ΡΡ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ°</h2> Β <ul> Β <li>ΠΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° Β <li>ΠΡΠΎΡΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° Β <li>Π’ΡΠ΅ΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° Β <li>Π§Π΅ΡΠ²Π΅ΡΡΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° Β <li>ΠΡΡΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° Β </ul> Β <h3>ΠΠ΅Π»Π°Π΅ΠΌ ΠΌΠ°ΡΠΊΠ΅Ρ HTML ΡΠΏΠΈΡΠΊΠ° Π² Π²ΠΈΠ΄Π΅ ΠΎΠΊΡΠΆΠ½ΠΎΡΡΠΈ</h3> Β <ul> Β <li type=»circle»>ΠΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> Β <li type=»circle»>ΠΡΠΎΡΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> Β <li type=»circle»>Π’ΡΠ΅ΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> Β <li type=»circle»>Π§Π΅ΡΠ²Π΅ΡΡΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> Β <li type=»circle»>ΠΡΡΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> Β </ul> Β <h3>ΠΠ΅Π»Π°Π΅ΠΌ ΠΌΠ°ΡΠΊΠ΅Ρ HTML ΡΠΏΠΈΡΠΊΠ° ΠΊΠ²Π°Π΄ΡΠ°ΡΠ½ΡΠΌ</h3> Β <ul> Β <li type=»square»>ΠΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> Β <li type=»square»>ΠΡΠΎΡΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> Β <li type=»square»>Π’ΡΠ΅ΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> Β <li type=»square»>Π§Π΅ΡΠ²Π΅ΡΡΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> Β <li type=»square»>ΠΡΡΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> Β </ul> Β </body> Β </html> |
ΠΠ΅ Π·Π°Π±ΡΠ²Π°ΠΉΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°Π±ΡΠ»ΡΡΠΈΡ ΠΈ ΡΠΈΠΌΠ²ΠΎΠ»Ρ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠ° ΡΡΡΠΎΠΊ Π΄Π»Ρ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ HTML ΠΊΠΎΠ΄Π°. Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΠ΅ ΠΏΠΎΠ»ΡΡΠΈΠ²ΡΠΈΠΉΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ ΡΠ°ΠΉΠ», ΠΊΠ°ΠΊ index.html ΠΈ ΠΎΡΠΊΡΠΎΠΉΡΠ΅ Π΅Π³ΠΎ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅:
ΠΠ·ΠΌΠ΅Π½ΡΠ΅ΠΌ ΡΠΈΠΏ ΠΌΠ°ΡΠΊΠ΅ΡΠ° Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ°
Π’ΡΠΈ HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ Π°ΠΊΡΠ΅Π½ΡΠΈΡΡΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ°Ρ ΠΈ ΡΡΠΈ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΡ HTML ΡΠΏΠΈΡΠΊΠ°. ΠΠΎ Π²ΡΠ΅Ρ ΡΡΠ΅Ρ ΡΠ»ΡΡΠ°ΡΡ Ρ Π½Π°Ρ ΠΌΠ°ΡΠΊΠ΅ΡΡ Ρ ΡΠΏΠΈΡΠΊΠ° ΡΠ°Π·Π½ΡΠ΅, ΡΡΠΎΠ³ΠΎ ΠΌΡ Π΄ΠΎΠ±ΠΈΠ»ΠΈΡΡ Π·Π° ΡΡΠ΅Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΌΠ΅Π½Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type.
Π‘ΡΠΎΠΈΡ Π·Π°ΠΌΠ΅ΡΠΈΡΡ, ΡΡΠΎ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ HTML ΡΠΏΠΈΡΠΊΠ°ΠΌ Π΄ΠΎΡΡΡΠΏΠ½Ρ Π²ΡΠ΅ HTML ΡΠΎΠ±ΡΡΠΈΡ ΠΈ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ. ΠΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² Π² HTML Π½Π°ΠΌ ΡΠΊΠ°Π·Π°ΡΡ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ΡΠ΅Π³ΠΎ, ΠΏΠ΅ΡΠ΅ΠΉΠ΄Π΅ΠΌ ΠΊ Π΄ΡΡΠ³ΠΈΠΌ Π²ΠΈΠ΄Π°ΠΌ ΡΠΏΠΈΡΠΊΠΎΠ² ΡΠ·ΡΠΊΠ° ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ Π³ΠΈΠΏΠ΅ΡΡΠ΅ΠΊΡΡΠ°.
ΠΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ HTML ΡΠΏΠΈΡΠΎΠΊ. HTML Π°ΡΡΠΈΠ±ΡΡΡ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ²
ΠΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅ HTML ΡΠΏΠΈΡΠΊΠΈ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΈ ΡΠ²ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΎΡ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΏΡΠΈ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅, Π±ΡΠ°ΡΠ·Π΅Ρ ΠΎΡΠΌΠ΅ΡΠ°Π΅Ρ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΡΠΈΡΡΠΎΠΉ. ΠΠ»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ, ΡΡΠΎ ΡΠΏΠΈΡΠΎΠΊ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ, Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ³ <ol>. Π ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅ <ol> Π½Π΅ ΠΌΠΎΠ³ΡΡ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π½ΠΈΠΊΠ°ΠΊΠΈΠ΅ ΡΡΠ³ΠΈ, ΠΊΡΠΎΠΌΠ΅ ΡΡΠ³Π° <li>.
ΠΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ HTML Π°ΡΡΠΈΠ±ΡΡΠΎΠ² ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΌΠ°Π½ΠΈΠΏΡΠ»ΠΈΡΠΎΠ²Π°ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠΏΠΈΡΠΎΠΊΠΎΠ²: ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠΈΠΏ ΡΠΏΠΈΡΠΊΠ°, ΡΠ΄Π΅Π»Π°ΡΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ HTML ΡΠΏΠΈΡΠΊΠ° ΠΏΠΎ ΡΠ±ΡΠ²Π°Π½ΠΈΡ, Π·Π°Π΄Π°ΡΡ ΡΠΎΡΠΊΡ ΠΎΡΡΡΠ΅ΡΠ° Π΄Π»Ρ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° (ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ Π½Π°ΡΠΈΠ½Π°Π»Π°ΡΡ Π½Π΅ Ρ Π΅Π΄ΠΈΠ½ΠΈΡΡ). ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΠΏΡΠΎ Π°ΡΡΠΈΠ±ΡΡΡ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ Π²ΠΈΠ΄ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ°:
- ΠΡΡΠΈΠ±ΡΡ type. ΠΡΡΠΈΠ±ΡΡ type ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅Ρ ΡΠΈΠΏ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°. ΠΠ°ΠΌ Π΄ΠΎΡΡΡΠΏΠ½Ρ ΡΡΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π΄Π»Ρ Π΄Π°Π½Π½ΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ°: type=βAβ Π΄Π΅Π»Π°Π΅Ρ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ HTML ΡΠΏΠΈΡΠΊΠ° Π² Π²ΠΈΠ΄Π΅ Π·Π°Π³Π»Π°Π²Π½ΡΡ Π»Π°ΡΠΈΠ½ΡΠΊΠΈΡ Π±ΡΠΊΠ²; type=βaβ Π² ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΡΠΏΠΈΡΠΊΠ° Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΡΡΠΎΡΠ½ΡΡ Π»Π°ΡΠΈΠ½ΡΠΊΠΈΡ Π±ΡΠΊΠ²; type=βIβ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ Π½Π° Π·Π°Π³Π»Π°Π²Π½ΡΠ΅ ΡΠΈΠΌΡΠΊΠΈΠ΅ ΡΠΈΡΡΡ; type=βiβ Π² ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π½ΡΠΌΠΌΠ΅ΡΠ°ΡΠΈΡ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½Π° ΡΡΡΠΎΡΠ½ΡΠΌΠΈ ΡΠΈΠΌΡΠΊΠΈΠΌΠΈ ΡΠΈΡΡΠ°ΠΌΠΈ ΠΈ type=β1β β ΡΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π΄Π»Ρ Π²ΡΠ΅Ρ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΡ HTML ΡΠΏΠΈΡΠΊΠΎΠ² Π² Π»ΡΠ±ΠΎΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. Π CSS ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ Π²ΠΈΠ΄ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π° list-style-type.
- ΠΡΡΠΈΠ±ΡΡ reversed. ΠΠ°Π½Π½ΡΠΉ Π°ΡΡΠΈΠ±ΡΡ ΠΌΠ΅Π½ΡΠ΅Ρ ΠΏΠΎΡΡΠ΄ΠΎΠΊ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ°. ΠΡΡΠΈΠ±ΡΡ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ. ΠΠ½Π°Π»ΠΎΠ³ΠΎΠ² Π² CSS Ρ Π΄Π°Π½Π½ΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ° Π½Π΅Ρ.
- ΠΡΡΠΈΠ±ΡΡ start. ΠΠ°Π½Π½ΡΠΉ Π°ΡΡΠΈΠ±ΡΡ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ Π°Π½Π°Π»ΠΎΠ³ΠΎΠ² Π² CSS ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΡΠ°ΡΡΠΎΠ²ΠΎΠ³ΠΎ Π½ΠΎΠΌΠ΅ΡΠ° Π² Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠΌ HTML ΡΠΏΠΈΡΠΊΠ΅. Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π΄Π°Π½Π½ΡΠΉ Π°ΡΡΠΈΠ±ΡΡ ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ ΡΠ΅Π»ΡΠ΅ ΡΠΈΡΠ»Π° Π΄Π»Ρ Π»ΡΠ±ΠΎΠ³ΠΎ ΡΠΈΠΏΠ° Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ°.
ΠΡΠ°ΠΊ, ΠΌΡ ΡΠ°Π·ΠΎΠ±ΡΠ°Π»ΠΈΡΡ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ Π² HTML, Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠ΅ΠΏΠ΅ΡΡ ΠΏΠΎΠΏΡΠ°ΠΊΡΠΈΠΊΡΠ΅ΠΌΡΡ ΠΈ ΠΏΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ ΠΏΠΎΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΌΠΈ ΡΠΏΠΈΡΠΊΠ°ΠΌΠΈ, ΠΎΡΠΊΡΠΎΠΉΡΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ (ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ CSS ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Brackets, Π΅Π³ΠΎ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π» ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΡΡΠΈΡΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ Π²ΡΠ΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ²):
<!DOCTYPE html> <html lang=»ru-RU»> <head> <meta charset=»UTF-8″> <title>ΠΡΠΈΠΌΠ΅ΡΡ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ°</title> <link rel=»stylesheet» type=»text/css» href=»style. css» /> </head> <body> <h2>ΠΡΠΈΠΌΠ΅ΡΡ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ°</h2> <h3> ΠΠ·ΠΌΠ΅Π½ΡΠ΅ΠΌ ΡΠΈΠΏ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ°</h3> <ol> <li>ΠΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° <li>ΠΡΠΎΡΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° <li>Π’ΡΠ΅ΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° </ol> <h4>ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ Π΄Π»Ρ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ ΡΠΏΠΈΡΠΊΠ° Π±ΠΎΠ»ΡΡΠΈΠ΅ ΡΠΈΠΌΡΠΊΠΈΠ΅ ΡΠΈΡΡΡΡ</h4> <ol> <li type=»I»>ΠΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> <li type=»I»>ΠΡΠΎΡΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> <li type=»I»>Π’ΡΠ΅ΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> </ol> <h4>ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ Π΄Π»Ρ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ Π·Π°Π³Π»Π°Π²Π½ΡΠ΅ Π»Π°ΡΠΈΠ½ΡΠΊΠΈΠ΅ Π±ΡΠΊΠ²Ρ</h4> <ol> <li type=»A»>ΠΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> <li type=»A»>ΠΡΠΎΡΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> <li type=»A»>Π’ΡΠ΅ΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> </ol> <h4>ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ Π΄Π»Ρ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ ΡΡΡΠΎΡΠ½ΡΠ΅ Π»Π°ΡΠΈΠ½ΡΠΊΠΈΠ΅ Π±ΡΠΊΠ²Ρ</h4> <ol> <li type=»a»>ΠΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°</li> <li type=»a»>ΠΡΠΎΡΠΎ
Π‘ΠΏΠΈΡΠΊΠΈ Π² HTML β ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΉΡ
Π ΡΠ·ΡΠΊΠ΅ HTML, ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ 3 ΡΠΈΠΏΠ° ΡΠΏΠΈΡΠΊΠΎΠ²:
- Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ΡΠ΅Π³
ol
) - ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ΡΠ΅Π³
ul
) - Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ
Π ΡΡΠΎΠΌ ΡΡΠΎΠΊΠ΅, ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ Ρ Π²Π°ΠΌΠΈ Π΄Π²Π° Π²ΠΈΠ΄Π° ΡΠΏΠΈΡΠΊΠΎΠ²: ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ.
Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ol)
Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π² HTML β ΡΡΠΎ ΡΠ°ΠΊΠΎΠΉ ΡΠΏΠΈΡΠΎΠΊ Π³Π΄Π΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈΠΌΠ΅Π΅Ρ ΡΠ²ΠΎΠΉ ΠΏΠΎΡΡΠ΄ΠΊΠΎΠ²ΡΠΉ Π½ΠΎΠΌΠ΅Ρ (1, 2, 3, 4 ΠΈ Ρ.Π΄.). Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π² HTML, Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ ΠΈ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Π΅ΡΡΡ ΡΠ΅Π³Π°ΠΌΠΈ ol
, ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΠΎΠ±ΡΠ°ΠΌΠ»ΡΠ΅ΡΡΡ ΡΠ΅Π³Π°ΠΌΠΈ li
. Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°:
<ol> <li>ΠΡΠΊΡΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ</li> <li>ΠΠ°ΠΆΠ°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ</li> <li>ΠΡΠ±ΡΠ°ΡΡ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ°</li> <li>ΠΠ²Π΅ΡΡΠΈ Π΄Π°Π½Π½ΡΠ΅</li> <li>ΠΠ°ΠΊΡΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ</li> </ol>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ:
- ΠΡΠΊΡΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ
- ΠΠ°ΠΆΠ°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ
- ΠΡΠ±ΡΠ°ΡΡ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ°
- ΠΠ²Π΅ΡΡΠΈ Π΄Π°Π½Π½ΡΠ΅
- ΠΠ°ΠΊΡΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ
Π’Π΅Π³Π°ΠΌΠΈ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΡΠ΄ΠΎΠ±Π½ΠΎ ΠΎΠ±ΡΠ°ΠΌΠ»ΡΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΡΠ΅ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΠΈ: ΡΠ΅ΡΠ΅ΠΏΡΡ ΠΈΠ·Π³ΠΎΡΠΎΠ²Π»Π΅Π½ΠΈΡ, Π·Π°Π΄Π°Π½ΠΈΡ (ΠΊΠ²Π΅ΡΡΡ). Π’Π°ΠΊΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΈ, Π³Π΄Π΅ ΠΌΠ΅ΠΆΠ΄Ρ ΠΏΠ΅ΡΠ²ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ ΡΠΏΠΈΡΠΊΠ° ΠΈ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΌ ΠΈΠΌΠ΅Π΅ΡΡΡ Π²Π·Π°ΠΈΠΌΠΎΡΠ²ΡΠ·Ρ (Π½Π°ΡΠΈΠ½Π°Π΅ΠΌ Ρ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ ΠΈ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Π΅ΠΌ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΌ, ΠΏΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎ ΠΏΡΠΎΡ ΠΎΠ΄Ρ Π΄ΡΡΠ³ Π·Π° Π΄ΡΡΠ³ΠΎΠΌ Π²ΡΠ΅ ΡΡΠ°ΠΏΡ).
ΠΠ»Ρ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΈΠΌΠ΅Π΅ΡΡΡ CSS-ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ list-type-style, Π΄Π°Π½Π½ΠΎΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²ΠΌΠ΅ΡΡΠΎ ΠΎΠ±ΡΡΠ½ΡΡ (Π°ΡΠ°Π±ΡΠΊΠΈΡ ) ΡΠΈΡΠ΅Π», ΡΠΈΠΌΡΠΊΠΈΠ΅, Π° ΡΠ°ΠΊΠΆΠ΅ Π±ΡΠΊΠ²Ρ ΠΈ Π΄Ρ.
ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ul)
ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π² HTML β ΡΡΠΎ ΡΠΏΠΈΡΠΎΠΊ, Π³Π΄Π΅ ΠΏΠ΅ΡΠ΅Π΄ ΠΊΠ°ΠΆΠ΄ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ ΡΡΠ°Π²ΠΈΡΡΡ ΠΌΠ°ΡΠΊΠ΅Ρ (ΡΠ΅ΡΠ½ΡΠΉ ΠΊΡΡΠΆΠΎΠΊ). ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π² HTML, Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ ΠΈ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Π΅ΡΡΡ ΡΠ΅Π³Π°ΠΌΠΈ ul
, ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΠΎΠ±ΡΠ°ΠΌΠ»ΡΠ΅ΡΡΡ ΡΠ΅Π³Π°ΠΌΠΈ li
. Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅Ρ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°:
<ul> <li>ΠΠ΅ΡΠΎ</li> <li>ΠΡΠ΅Π½Ρ</li> <li>ΠΠΈΠΌΠ°</li> <li>ΠΠ΅ΡΠ½Π°</li> </ul>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ:
- ΠΠ΅ΡΠΎ
- ΠΡΠ΅Π½Ρ
- ΠΠΈΠΌΠ°
- ΠΠ΅ΡΠ½Π°
Π’Π΅Π³Π°ΠΌΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°, ΡΠ΄ΠΎΠ±Π½ΠΎ ΠΎΠ±ΡΠ°ΠΌΠ»ΡΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ Π½Π°ΠΏΠΎΠ΄ΠΎΠ±ΠΈΠ΅: ΠΈΠ½Π³ΡΠ΅Π΄ΠΈΠ΅Π½ΡΡ, ΡΠΏΠΈΡΠΎΠΊ ΡΠ°ΡΡΠ΅ΠΉ ΡΠ΅Π»ΠΎΠ³ΠΎ (Π²ΡΠ΅ΠΌΠ΅Π½Π° Π³ΠΎΠ΄Π°) ΠΈ Ρ.Π΄. Π’ΠΎ Π΅ΡΡΡ ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ, Π³Π΄Π΅ Π½Π΅Ρ ΡΠ΅ΡΠΊΠΎΠΉ Π²Π·Π°ΠΈΠΌΠΎΡΠ²ΡΠ·ΠΈ ΠΎΡ Π½Π°ΡΠ°Π»Π° ΠΈ Π΄ΠΎ ΠΊΠΎΠ½ΡΠ°. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΅ΡΠ»ΠΈ ΠΌΡ Π½Π°ΠΏΠΈΡΠ΅ΠΌ Π·ΠΈΠΌΠ°, Π²Π΅ΡΠ½Π°, Π»Π΅ΡΠΎ, ΠΎΡΠ΅Π½Ρ ΡΠΎ ΡΠ΅Π»ΠΎΡΡΠ½ΠΎΡΡΡ Π½Π΅ Π½Π°ΡΡΡΠΈΡΡΡ, ΠΈΠ±ΠΎ ΡΡΠΎ Π½Π΅ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΡ. ΠΠ΄Π½Π°ΠΊΠΎ Π΅ΡΠ»ΠΈ ΠΌΡ ΡΠ½Π°ΡΠ°Π»Π° Π²Π²Π΅Π΄ΡΠΌ Π΄Π°Π½Π½ΡΠ΅ Π½Π΅ ΠΎΡΠΊΡΡΠ² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ, ΡΠΎ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ ΠΎΡΠΈΠ±ΠΊΠ°, ΠΈΠ±ΠΎ ΠΏΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ Π²Π²Π΅ΡΡΠΈ Π΄Π°Π½Π½ΡΠ΅ Π½ΡΠΆΠ½ΠΎ ΠΎΡΠΊΡΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ.
ΠΠ»Ρ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ CSS-ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ list-type-style, Π΄Π°Π½Π½ΠΎΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ ΠΌΠ°ΡΠΊΠ΅Ρ (ΡΠ΅ΡΠ½ΡΠΉ ΠΊΡΡΠ³), Π½Π° ΡΠΎΠΌΠ±, ΠΊΠ²Π°Π΄ΡΠ°Ρ ΠΈΠ»ΠΈ ΠΎΠ±ΡΡΡ.
ΠΠ°ΡΠ° ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΈ ΠΏΠΎΡΡΠ°: 8 ΡΠ΅Π²ΡΠ°Π»Ρ 2016
ΠΠ°ΡΠ° ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ ΠΏΠΎΡΡΠ°: 8 ΡΠ΅Π²ΡΠ°Π»Ρ 2016
ΠΠ°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΏΠΎ Π·Π°ΠΏΠΈΡΡΠΌ
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΏΠΈΡΠΊΠΈ Π² HTML
ΠΡΠ° ΡΡΠ°ΡΡΡ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ°ΡΡΡΡ ΡΠ΅ΡΠΈΠΈ ΡΡΠ°ΡΠ΅ΠΉ Π΄Π»Ρ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ². Π‘Π΅ΡΠΈΡ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π° Π΄Π»Ρ Π»ΡΠ΄Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ Ρ ΠΎΡΡΡ ΡΠ΅ΡΡΠ΅Π·Π½ΠΎ Π·Π°Π½ΡΡΡΡΡ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΎΠΉ, Π° ΡΠ°ΠΊΠΆΠ΅ Π΄Π»Ρ Π»ΡΠ΄Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΆΠ΅ ΡΠ²Π»ΡΡΡΡΡ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌΠΈ ΠΈ Ρ ΠΎΡΡΡ Π·Π°ΠΊΡΠ΅ΠΏΠΈΡΡ ΡΠ²ΠΎΠΈ Π·Π½Π°Π½ΠΈΡ ΠΎΡΠ½ΠΎΠ², Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²ΠΎΡΠΏΠΎΠ»Π½ΠΈΠ² Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΎΠ±Π΅Π»Ρ. ΠΡΠ»ΠΈ Π²Ρ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΡΠ΅, ΡΡΠΎ Π²ΠΎΠ·ΠΈΡΠ΅ΡΡ Ρ HTML, CSS ΠΈΠ»ΠΈ Javascript, ΠΏΠΎΠΊΠ° Π½Π΅ Π½Π°ΡΡΠΈΡΠ΅ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ, ΡΡΠ° ΡΠ΅ΡΠΈΡ ΡΡΠ°ΡΠ΅ΠΉ Π΄Π»Ρ Π²Π°Ρ. ΠΠ°ΡΠ΅ΡΠΈΠ°Π» ΡΡΠΎΠΉ ΡΠ΅ΡΠΈΠΈ ΡΠ΅ΡΠ½ΠΎ ΡΠ²ΡΠ·Π°Π½ Ρ ΠΌΠΎΠΈΠΌ ΠΊΡΡΡΠΎΠΌ Coursera, ΠΏΠΎΠ»ΡΡΠΈΠ²ΡΠΈΠΌ ΡΠ°ΠΌΡΠΉ Π²ΡΡΠΎΠΊΠΈΠΉ ΡΠ΅ΠΉΡΠΈΠ½Π³.
ΠΠ°ΠΊ ΠΎΠ±ΡΡΠ½ΡΠΉ Π·Π°Π½ΡΡΠΎΠΉ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊ, Ρ Π²Π°Ρ Π½Π°Π²Π΅ΡΠ½ΡΠΊΠ° ΠΊΡΡΠ° ΡΠΏΠΈΡΠΊΠΎΠ²:
- Π‘ΠΏΠΈΡΠΎΠΊ Π΄Π΅Π»
- Π‘ΠΏΠΈΡΠΎΠΊ ΠΏΠΎΠΊΡΠΏΠΎΠΊ
- Π‘ΠΏΠΈΡΠΎΠΊ ΠΈΠ½Π³ΡΠ΅Π΄ΠΈΠ΅Π½ΡΠΎΠ²
- Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»ΠΈΠΌ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΈ ΡΠΏΠΈΡΠΎΠΊ π
Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π΄Π»ΠΈΠ½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΏΡΠΈΡΠΈΠ½ Π³Π»ΡΠ±ΠΎΠΊΠΎΠΉ ΡΠΎΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π΄Π΅Π»Π°ΡΡ ΡΠΏΠΈΡΠΊΠΈ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΠΌΠΈ Π΄Π»Ρ Π½Π°ΡΠΈΡ Π»ΡΠ±ΠΈΡΠ΅Π»Π΅ΠΉ ΡΠΏΠΈΡΠΊΠΎΠ². (Π― Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΡΡΠ°Π²ΠΈΡΡ ΡΠΏΠΈΡΠΎΠΊ ΡΡΠΈΡ ΠΏΡΠΈΡΠΈΠ½, Π½Π΅ ΡΠ°ΠΊ Π»ΠΈ? π€£)
Π₯ΠΎΡΠΎΡΠΎ, Ρ ΠΎΡΠΎΡΠΎ. Π― Π·Π°ΠΊΠΎΠ½ΡΠΈΠ» Ρ ΡΡΠΈΠΌ ΡΠΏΠΈΡΠΊΠΎΠΌ Π±Π°Π½Π°Π»ΡΠ½ΡΡ ΡΡΡΠΎΠΊ. π€£
ΠΡΠ»ΠΈ Π½Π΅ ΡΡΠΈΡΠ°ΡΡ ΡΡΡΠΎΠΊ, ΡΠΏΠΈΡΠΊΠΈ — ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΎΠ½Π½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ, Π½ΠΎ ΠΈ ΡΡΡΡΠΊΡΡΡΠ½ΠΎ.(ΠΠ°ΠΊ Ρ ΡΠΆΠ΅ Π΄Π°Π²Π½ΠΎ Π³ΠΎΠ²ΠΎΡΠΈΠ» Π² ΡΡΠΎΠΉ ΡΠ΅ΡΠΈΠΈ ΡΡΠ°ΡΠ΅ΠΉ, HTML ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΡΡΡΠΊΡΡΡΡ Π½Π°ΡΠ΅Π³ΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°, Π° Π½Π΅ ΡΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ.)
ΠΡΠ°ΠΊ, Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠ·Π½Π°Π΅ΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΏΠΈΡΠΎΠΊ Π² HTML.
ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
ΠΠΈΠΆΠ΅ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ Π½Π°ΡΠ°Π»ΠΎ HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΎΠΊ Π²Π΅ΡΠ΅ΠΉ ( unordered-lists-before. html
)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21 Π³ΠΎΠ΄
22
23
24
ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ
ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
ΠΠΎΠΉ ΡΠΈΠΏΠΈΡΠ½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΏΠΎΠΊΡΠΏΠΎΠΊ Π½Π° ΡΠΆΠΈΠ½:
ΠΠΎΠ»ΠΎΠΊΠΎ
ΠΠΎΠ½ΡΠΈΠΊΠΈ
ΠΠ΅ΡΠ΅Π½ΡΠ΅
Π¨ΠΎΠΊΠΎΠ»Π°Π΄
Π‘Π°Ρ
Π°Ρ
ΠΡΠ°Ρ
ΠΈΡΠΎΠ²ΠΎΠ΅ ΠΌΠ°ΡΠ»ΠΎ
ΠΠ΅ΠΏΡΠΎ-Π±ΠΈΡΠΌΠΎΠ»
ΠΠ°ΠΊ Π²ΠΈΠ΄ΠΈΡΠ΅, HTML ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΠΎΠΉ ΡΠΈΠΏΠΈΡΠ½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΏΠΎΠΊΡΠΏΠΎΠΊ Π½Π° ΡΠΆΠΈΠ½ : ΠΌΠΎΠ»ΠΎΠΊΠΎ, ΠΏΠΎΠ½ΡΠΈΠΊΠΈ, ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠΈΠΏΡ ΠΏΠ΅ΡΠ΅Π½ΡΡ ΠΈ, ΠΎΡΠ΅Π²ΠΈΠ΄Π½ΠΎ, Π² ΠΊΠΎΠ½ΡΠ΅, Pepto Bismol.π
ΠΡΠ»ΠΈ Π²Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ unordered-lists-before.html
Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅:
Π£ Π½Π°Ρ Π΅ΡΠ΅ Π½Π΅Ρ ΡΠΏΠΈΡΠΊΠ°, Π½Π΅ ΡΠ°ΠΊ Π»ΠΈ? It ju
Π‘ΠΏΠΈΡΠΊΠΈ
ΠΠ±Π·ΠΎΡ
Π‘ΡΡΠ΄Π΅Π½ΡΡ Π·Π½Π°ΠΊΠΎΠΌΡΡΡΡ Ρ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΌΠΈ ΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΌΠΈ ΡΠΏΠΈΡΠΊΠ°ΠΌΠΈ Π² HTML ΠΈ ΠΏΡΠΎΡ ΠΎΠ΄ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠΎΠ²Π½Π΅ΠΉ, Π½Π° ΠΊΠΎΡΠΎΡΡΡ ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΠ΅Π³ΠΈ
- ,
- . ΠΠ°ΡΠ΅ΠΌ ΠΎΠ½ΠΈ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°ΡΡΡΡ ΠΊ ΡΠ²ΠΎΠ΅ΠΌΡ ΠΏΡΠΎΠ΅ΠΊΡΡ, Π³Π΄Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π½ΠΎΠ²ΡΡ HTML-ΡΡΡΠ°Π½ΠΈΡΡ.ΠΠ½ΡΡΡΠΈ Π½ΠΎΠ²ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ ΠΎΠ½ΠΈ ΠΏΠΈΡΡΡ HTML-ΠΊΠΎΠ΄ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ΅ΡΠ΅ΠΏΡΠ°, ΡΠΏΠΈΡΠΊΠ° ΠΏΠ΅ΡΠ²ΠΎΠΉ Π΄Π΅ΡΡΡΠΊΠΈ ΠΈΠ»ΠΈ Π»ΡΠ±ΠΎΠ³ΠΎ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Π½ΠΎΠ²ΡΠ΅ ΡΠ΅Π³ΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ½ΠΈ ΡΠ·Π½Π°Π»ΠΈ.
ΠΠ°Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅
Π ΡΡΠΎΠΌ ΡΡΠΎΠΊΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ ΠΎΡ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠ΅ΠΌ, ΡΡΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΡΠ΅Π³ΠΈ. Π£ΡΠ°ΡΠΈΠ΅ΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ, ΡΡΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ° (
) Π½Π°Ρ
ΠΎΠ΄ΡΡΡΡ Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ° ( - ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ΅Π³ΠΈ
- ,
- Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΡ ΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ HTML.
- Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΠΈ Π½Π°Π·ΠΎΠ²ΠΈΡΠ΅ Π½ΠΎΠ²ΡΡ HTML-ΡΡΡΠ°Π½ΠΈΡΡ.
- ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΡΡΠ΅ ΡΡΡΠ΄Π΅Π½ΡΠ΅ΡΠΊΠΈΠ΅ ΠΆΡΡΠ½Π°Π»Ρ (ΠΈΠ»ΠΈ Π½Π°Π±ΡΠΎΡΠΊΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ²), Π΅ΡΠ»ΠΈ ΠΎΠ½ΠΈ Π±ΡΠ΄ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ΄Π΅ΠΉ Π΄Π»Ρ ΡΠ²ΠΎΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠΏΠΈΡΠΊΠΎΠ².
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΠΎΠ΄Π½Ρ ΠΈΠ· ΠΏΡΡΠΈ ΠΏΡΠ°ΠΊΡΠΈΠΊ, Π² ΠΊΠΎΡΠΎΡΡΡ , ΠΏΠΎ Π²Π°ΡΠ΅ΠΌΡ ΠΌΠ½Π΅Π½ΠΈΡ, Π²Ρ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°Π»ΠΈ ΡΠΎΡΡ Π½Π° ΡΡΠΎΠΌ ΡΡΠΎΠΊΠ΅. ΠΠ°ΠΏΠΈΡΠΈΡΠ΅ ΡΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ, ΡΡΠΎ Π²Ρ ΡΠ΄Π΅Π»Π°Π»ΠΈ, ΡΡΠΎΠ±Ρ ΠΏΡΠΎΠΈΠ»Π»ΡΡΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΡΡ ΠΏΡΠ°ΠΊΡΠΈΠΊΡ.
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΠΎΠ΄Π½Ρ ΠΏΡΠ°ΠΊΡΠΈΠΊΡ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ, ΠΏΠΎ Π²Π°ΡΠ΅ΠΌΡ ΠΌΠ½Π΅Π½ΠΈΡ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡΡ ΡΠ°Π·Π²ΠΈΠ²Π°ΡΡΡΡ.Π§ΡΠΎ Π±Ρ Π²Ρ Ρ ΠΎΡΠ΅Π»ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ Π»ΡΡΡΠ΅?
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΠΎΠ΄Π½ΠΎ ΡΠΏΡΠ°ΠΆΠ½Π΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅, ΠΏΠΎ Π²Π°ΡΠ΅ΠΌΡ ΠΌΠ½Π΅Π½ΠΈΡ, Π±ΡΠ»ΠΎ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ Π²Π°ΠΆΠ½ΡΠΌ Π΄Π»Ρ Π·Π°Π½ΡΡΠΈΡ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΌΡ Π·Π°Π²Π΅ΡΡΠΈΠ»ΠΈ ΡΠ΅Π³ΠΎΠ΄Π½Ρ. Π§ΡΠΎ ΡΠ΄Π΅Π»Π°Π»ΠΎ ΡΡΠΎ ΡΠ°ΠΊΠΈΠΌ Π²Π°ΠΆΠ½ΡΠΌ?
- ΠΈ
ΠΡΠ΅ΠΏΠ°ΡΠ°Ρ
ΠΠ²Π΅Π΄Π΅Π½Π½ΡΠΉ ΠΊΠΎΠ΄
Π Π°Π·ΠΌΠΈΠ½ΠΊΠ° (10 ΠΌΠΈΠ½ΡΡ)
ΠΡΡΡΡΡΠΉ ΠΎΠ±ΠΌΠ΅Π½
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΡ
ΠΠ° ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΌ ΡΡΠΎΠΊΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π»ΠΈ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠΈΠΏΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°, ΠΊΠΎΡΠΎΡΡΠΌΠΈ ΠΌΡ Ρ ΠΎΡΠ΅Π»ΠΈ Π±Ρ ΠΈΠ»ΠΈ Π½Π΅ Ρ ΠΎΡΠ΅Π»ΠΈ Π΄Π΅Π»ΠΈΡΡΡΡ ΡΠΎ Π²ΡΠ΅ΠΌ ΠΌΠΈΡΠΎΠΌ.Π‘Π΅Π³ΠΎΠ΄Π½Ρ Π²Ρ ΡΠΎΠ·Π΄Π°Π΄ΠΈΡΠ΅ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ Π½ΠΎΠ²ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Π΄Π»Ρ ΡΠ²ΠΎΠ΅Π³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ°, ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ΄ΡΠΌΠ°ΡΡ ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠΈ ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ, Π½ΠΎ Π²Ρ ΡΠ°ΠΊΠΆΠ΅ Π±ΡΠ΄Π΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½ΠΎΠ²ΡΡ ΡΡΡΡΠΊΡΡΡΡ: ΡΠΏΠΈΡΠΊΠΈ.
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ°: ΠΠΎΡΡΠ°ΡΡΡΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠΈΠ½ΡΡ Π½Π° ΠΌΠΎΠ·Π³ΠΎΠ²ΠΎΠΉ ΡΡΡΡΠΌ Π΄Π»Ρ Π½Π΅ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°, ΠΊΠΎΡΠΎΡΡΠΌ Π²Ρ Ρ ΠΎΡΠ΅Π»ΠΈ Π±Ρ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ ΡΠΎ Π²ΡΠ΅ΠΌ ΠΌΠΈΡΠΎΠΌ, ΠΊΠΎΡΠΎΡΡΠΉ, ΠΏΠΎ Π²Π°ΡΠ΅ΠΌΡ ΠΌΠ½Π΅Π½ΠΈΡ, ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°Π½ Π² Π²ΠΈΠ΄Π΅ ΡΠΏΠΈΡΠΊΠ°.
Π¦Π΅Π»Ρ ΠΎΠ±ΡΡΠΆΠ΄Π΅Π½ΠΈΡ
Π¦Π΅Π»Ρ: Π¦Π΅Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΎΠ±ΡΡΠΆΠ΄Π΅Π½ΠΈΡ — Π΄Π°ΡΡ ΡΡΠ°ΡΠΈΠΌΡΡ Π²ΡΠ΅ΠΌΡ ΠΏΠΎΠ΄ΡΠΌΠ°ΡΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΠΏΠΈΡΠΊΠΈ, ΠΈ ΠΏΠΎΠ΄ΡΠΌΠ°ΡΡ ΠΎ ΡΠ°Π·Π½ΠΈΡΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΌΠΈ ΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΌΠΈ ΡΠΏΠΈΡΠΊΠ°ΠΌΠΈ, ΠΏΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΈΡ Π² HTML.ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ ΡΠΎΡΡΠ°Π²ΠΈΡΡ ΡΡΠ°ΡΠΈΠ΅ΡΡ, ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΡΠΏΠΈΡΠΊΠ°ΠΌΠΈ ΠΈΡ Π»ΡΠ±ΠΈΠΌΡΡ Π²Π΅ΡΠ΅ΠΉ, ΡΠΏΠΈΡΠΊΠ°ΠΌΠΈ 10 Π»ΡΡΡΠΈΡ , ΡΠΏΠΈΡΠΊΠΎΠΌ ΠΏΠΎΠΊΡΠΏΠΎΠΊ ΠΈ Ρ. Π.
ΠΠΎΠ³Π΄Π° ΡΡΡΠ΄Π΅Π½ΡΡ ΠΎΠ±ΡΡΠΆΠ΄Π°ΡΡ, Π΄ΠΎΠ»ΠΆΠ½Ρ Π»ΠΈ ΡΠΏΠΈΡΠΊΠΈ Π±ΡΡΡ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΌΠΈ ΠΈΠ»ΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΌΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠ½ΡΡΡ ΡΠ°Π·Π½ΠΈΡΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠΏΠΈΡΠΎΠΊ ΡΠΈΠ½ΠΈΡΠΈΡΠΎΠ²Π°Π²ΡΠΈΡ Π² Π³ΠΎΠ½ΠΊΠ΅, Π²Π΅ΡΠΎΡΡΠ½ΠΎ, Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π·Π°ΠΊΠ°Π·Π°Π½, Π° ΡΠΏΠΈΡΠΎΠΊ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ², Π²Π΅ΡΠΎΡΡΠ½ΠΎ, Π½Π΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ. ΠΡΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ Π²Π΅ΡΠ½ΠΈΡΠ΅ΡΡ ΠΊ ΡΡΠΎΠΌΡ ΠΎΠ±ΡΡΠΆΠ΄Π΅Π½ΠΈΡ ΠΏΠΎΠ·ΠΆΠ΅ Π½Π° ΡΡΠΎΠΊΠ΅.
ΠΠ±ΡΡΠ΄ΠΈΡΡ: Π£ΡΠ΅Π½ΠΈΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΡΠΎΠ²Π΅ΡΡΠΈ ΠΌΠΎΠ·Π³ΠΎΠ²ΠΎΠΉ ΡΡΡΡΠΌ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΠΎ, Π·Π°ΡΠ΅ΠΌ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ Ρ ΠΏΠ°ΡΡΠ½Π΅ΡΠ°ΠΌΠΈ, Π° Π·Π°ΡΠ΅ΠΌ, Π½Π°ΠΊΠΎΠ½Π΅Ρ, ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ ΡΠΎ Π²ΡΠ΅ΠΌ ΠΊΠ»Π°ΡΡΠΎΠΌ.
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ°: ΠΠ½ΠΎΠ³Π΄Π° ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΡΠΈΡΠ»Π° Π΄Π»Ρ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠΈΠ²Π°Π½ΠΈΡ ΡΠΏΠΈΡΠΊΠΎΠ². ΠΠ°ΠΊ Π²Ρ Π΄ΡΠΌΠ°Π΅ΡΠ΅, ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠ· ΡΡΠΈΡ ΡΠΏΠΈΡΠΊΠΎΠ² ΡΠ»Π΅Π΄ΡΠ΅Ρ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°ΡΡ, Π° ΠΊΠ°ΠΊΠΈΠ΅ Π½Π΅Ρ?
ΠΠ±ΡΡΠ΄ΠΈΡΡ: ΠΠΎΠ·Π²ΠΎΠ»ΡΡΠ΅ ΡΡΠ°ΡΠΈΠΌΡΡ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ ΡΠ²ΠΎΠΈΠΌΠΈ ΠΈΠ΄Π΅ΡΠΌΠΈ ΠΎ ΡΠΎΠΌ, ΠΊΠΎΠ³Π΄Π° ΡΠΌΠ΅ΡΡΠ½Π° Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΡ
Π HTML Π΅ΡΡΡ Π΄Π²Π° ΡΠΈΠΏΠ° ΡΠΏΠΈΡΠΊΠΎΠ²: ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ Ρ ΡΠΈΡΠ»Π°ΠΌΠΈ ΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ Ρ ΠΌΠ°ΡΠΊΠ΅ΡΠ°ΠΌΠΈ. Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΌΡ ΡΠΎΠ±ΠΈΡΠ°Π΅ΠΌΡΡ ΡΠ·Π½Π°ΡΡ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΏΠΈΡΠΊΠΈ ΠΎΠ±ΠΎΠΈΡ ΡΠΈΠΏΠΎΠ², ΡΡΠΎΠ±Ρ Π²Ρ ΠΌΠΎΠ³Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡ ΡΡΡΡΠΊΡΡΡΡ Π² ΡΠ²ΠΎΠ΅ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅.
ΠΠΊΡΠΈΠ²Π½ΠΎΡΡΡ (40 ΠΌΠΈΠ½ΡΡ)
ΠΠ΅Π±-Π»Π°Π±ΠΎΡΠ°ΡΠΎΡΠΈΡ: Π‘ΠΏΠΈΡΠΊΠΈ
ΠΡΡΠΏΠΏΠ°: Π Π°Π·Π΄Π΅Π»ΠΈΡΠ΅ ΡΡΠ°ΡΠΈΡ ΡΡ Π½Π° ΠΏΠ°ΡΡ.
Circulate: ΠΠΎΠΌΠΎΠ³Π°Π΅Ρ ΡΡΠ°ΡΠΈΠΌΡΡ Π² ΠΏΡΠΎΡ ΠΎΠΆΠ΄Π΅Π½ΠΈΠΈ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ Π½Π°Π±ΠΎΡΠ° ΡΡΠΎΠ²Π½Π΅ΠΉ. Π‘Π»Π΅Π΄ΠΈΡΠ΅ Π·Π° ΡΠ΅ΠΌ, ΠΊΠΎΠ³Π΄Π° ΠΏΠ°ΡΡ Π΄ΠΎΠΉΠ΄ΡΡ Π΄ΠΎ 5-Π³ΠΎ ΡΡΠΎΠ²Π½Ρ.
ΠΠ°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ (10 ΠΌΠΈΠ½ΡΡ)
ΠΡΡΠ½Π°Π»
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ°: ΠΠΎΠΏΡΠΎΡΠΈΡΠ΅ ΡΡΠ°ΡΠΈΡ ΡΡ ΠΎΠ±Π½ΠΎΠ²ΠΈΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Β«HTML-ΡΠ΅Π³ΠΈΒ» Π² ΡΠ²ΠΎΠΈΡ ΠΆΡΡΠ½Π°Π»Π°Ρ ΡΠ΅Π³Π°ΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ½ΠΈ ΠΈΠ·ΡΡΠΈΠ»ΠΈ Π½Π° ΡΡΠΎΠΌ ΡΡΠΎΠΊΠ΅.
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ°: ΠΡΠ΅Π΄Π»ΠΎΠΆΠΈΡΠ΅ ΡΡΠ°ΡΠΈΠΌΡΡ ΠΏΠΎΡΠ°Π·ΠΌΡΡΠ»ΡΡΡ ΠΎ ΡΠ²ΠΎΠ΅ΠΌ ΠΎΡΠ²ΠΎΠ΅Π½ΠΈΠΈ ΠΏΡΡΠΈ ΠΏΡΠ°ΠΊΡΠΈΠΊ CS Discoveries (ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌ, Π½Π°ΡΡΠΎΠΉΡΠΈΠ²ΠΎΡΡΡ, ΡΠ²ΠΎΡΡΠ΅ΡΡΠ²ΠΎ, ΡΠΎΡΡΡΠ΄Π½ΠΈΡΠ΅ΡΡΠ²ΠΎ, ΠΎΠ±ΡΠ΅Π½ΠΈΠ΅). ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ»Π΅Π΄ΡΡΡΠΈΡ Π·Π°ΠΏΡΠΎΡΠΎΠ², Π΅ΡΠ»ΠΈ ΡΠΎΡΡΠ΅ΡΠ΅ Π½ΡΠΆΠ½ΡΠΌ.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ°
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Π²Ρ Π½Π°ΡΡΠΈΡΠ΅ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠΎ ΡΠΏΠΈΡΠΊΠ°ΠΌΠΈ Π² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ Π½Π° R. ΠΡ Π½Π°ΡΡΠΈΡΠ΅ΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ, ΠΏΠΎΠ»ΡΡΠ°ΡΡ Π΄ΠΎΡΡΡΠΏ, ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΠΈ ΡΠ΄Π°Π»ΡΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ°.
Π‘ΠΏΠΈΡΠΎΠΊ — ΡΡΠΎ ΡΡΡΡΠΊΡΡΡΠ° Π΄Π°Π½Π½ΡΡ , ΠΈΠΌΠ΅ΡΡΠ°Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΡΠΌΠ΅ΡΠ°Π½Π½ΡΡ ΡΠΈΠΏΠΎΠ² Π΄Π°Π½Π½ΡΡ .
ΠΠ΅ΠΊΡΠΎΡ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠΉ Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠΈΠΏΠ°, Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ Π°ΡΠΎΠΌΠ°ΡΠ½ΡΠΌ Π²Π΅ΠΊΡΠΎΡΠΎΠΌ, Π° Π²Π΅ΠΊΡΠΎΡ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΡΠΈΠΏΠ°, Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ ΡΠΏΠΈΡΠΊΠΎΠΌ.
ΠΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ, ΡΠ²Π»ΡΠ΅ΡΡΡ Π»ΠΈ ΡΡΠΎ ΡΠΏΠΈΡΠΎΠΊ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠ½ΠΊΡΠΈΠΈ
typeof ()
, ΠΈ Π½Π°ΠΉΡΠΈ Π΅Π³ΠΎ Π΄Π»ΠΈΠ½Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡlength ()
. ΠΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΏΠΈΡΠΊΠ°, ΡΠΎΡΡΠΎΡΡΠ΅Π³ΠΎ ΠΈΠ· ΡΡΠ΅Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ ΠΈΠΌΠ΅Π΅Ρ ΡΠ°Π·Π½ΡΠ΅ ΡΠΈΠΏΡ Π΄Π°Π½Π½ΡΡ .> Ρ $ Π° [1] 2,5 $ ΠΌΠ»ΡΠ΄ [1] ΠΠ‘Π’ΠΠΠ $ c [1] 1 2 3 > typeof (x) [1] "ΡΠΏΠΈΡΠΎΠΊ" > Π΄Π»ΠΈΠ½Π° (x) [1] 3
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΏΠΈΡΠΎΠΊ Π² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ Π½Π° R?
Π‘ΠΏΠΈΡΠΎΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠ½ΠΊΡΠΈΠΈ
list ()
.> x <- list ("a" = 2,5, "b" = TRUE, "c" = 1: 3)
ΠΠ΄Π΅ΡΡ ΠΌΡ ΡΠΎΠ·Π΄Π°Π΅ΠΌ ΡΠΏΠΈΡΠΎΠΊ
x
ΠΈΠ· ΡΡΠ΅Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Ρ ΡΠΈΠΏΠ°ΠΌΠΈ Π΄Π°Π½Π½ΡΡΠ΄Π²ΠΎΠΉΠ½ΠΎΠΉ
,Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΈΡΠ΅Π»ΠΎΡΠΈΡΠ»Π΅Π½Π½ΡΠΉ
Π²Π΅ΠΊΡΠΎΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ.ΠΠ³ΠΎ ΡΡΡΡΠΊΡΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΡΡΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠ½ΠΊΡΠΈΠΈ
str ()
.> str (x) Π‘ΠΏΠΈΡΠΎΠΊ ΠΈΠ· 3 $ a: ΡΠΈΡΠ»ΠΎ 2,5 $ b: logi ΠΠ‘Π’ΠΠΠ $ c: int [1: 3] 1 2 3
Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅
a
,b
ΠΈc
Π½Π°Π·ΡΠ²Π°ΡΡΡΡ ΡΠ΅Π³Π°ΠΌΠΈ, ΡΡΠΎ ΡΠΏΡΠΎΡΠ°Π΅Ρ ΠΎΠ±ΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΠΊ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°ΠΌ ΡΠΏΠΈΡΠΊΠ°.ΠΠ΄Π½Π°ΠΊΠΎ ΡΠ΅Π³ΠΈ Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½Ρ. ΠΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΎΡ ΠΆΠ΅ ΡΠΏΠΈΡΠΎΠΊ Π±Π΅Π· ΡΠ΅Π³ΠΎΠ² ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ. Π ΡΠ°ΠΊΠΎΠΌ ΡΡΠ΅Π½Π°ΡΠΈΠΈ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΠΈΡΠ»ΠΎΠ²ΡΠ΅ ΠΈΠ½Π΄Π΅ΠΊΡΡ.
> x <- ΡΠΏΠΈΡΠΎΠΊ (2,5, ΠΠ‘Π’ΠΠΠ, 1: 3) > Ρ [[1]] [1] 2,5 [[2]] [1] ΠΠ‘Π’ΠΠΠ [[3]] [1] 1 2 3
ΠΠ°ΠΊ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π΄ΠΎΡΡΡΠΏ ΠΊ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°ΠΌ ΡΠΏΠΈΡΠΊΠ°?
ΠΠΎΡΡΡΠΏ ΠΊ ΡΠΏΠΈΡΠΊΠ°ΠΌ ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΠ΅ΡΡΡ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΠΎ Π²Π΅ΠΊΡΠΎΡΠ°ΠΌ. ΠΠ»Ρ ΠΈΠ½Π΄Π΅ΠΊΡΠ°ΡΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅Π»ΠΎΡΠΈΡΠ»Π΅Π½Π½ΡΠ΅, Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΈΠ»ΠΈ ΡΠΈΠΌΠ²ΠΎΠ»ΡΠ½ΡΠ΅ Π²Π΅ΠΊΡΠΎΡΡ. Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΡΠΏΠΈΡΠΎΠΊ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ.
> Ρ $ name [1] "ΠΠΆΠΎΠ½" $ Π²ΠΎΠ·ΡΠ°ΡΡ [1] 19 $ Π³ΠΎΠ²ΠΎΡΠΈΡ [1] Β«Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΈΠΉΒ» Β«ΡΡΠ°Π½ΡΡΠ·ΡΠΊΠΈΠΉΒ» > x [c (1: 2)] # ΠΈΠ½Π΄Π΅ΠΊΡ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ΅Π»ΠΎΡΠΈΡΠ»Π΅Π½Π½ΠΎΠ³ΠΎ Π²Π΅ΠΊΡΠΎΡΠ° $ name [1] "ΠΠΆΠΎΠ½" $ Π²ΠΎΠ·ΡΠ°ΡΡ [1] 19 > x [-2] # ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΎΡΡΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅Π»ΠΎΠ³ΠΎ ΡΠΈΡΠ»Π° Π΄Π»Ρ ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΡ Π²ΡΠΎΡΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° $ name [1] "ΠΠΆΠΎΠ½" $ Π³ΠΎΠ²ΠΎΡΠΈΡ [1] Β«Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΈΠΉΒ» Β«ΡΡΠ°Π½ΡΡΠ·ΡΠΊΠΈΠΉΒ» > x [c (T, F, F)] # ΠΈΠ½Π΄Π΅ΠΊΡ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ Π²Π΅ΠΊΡΠΎΡΠ° $ name [1] "ΠΠΆΠΎΠ½" > x [c ("age", "speaks")] # ΠΈΠ½Π΄Π΅ΠΊΡ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π²Π΅ΠΊΡΠΎΡΠ° ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² $ Π²ΠΎΠ·ΡΠ°ΡΡ [1] 19 $ Π³ΠΎΠ²ΠΎΡΠΈΡ [1] Β«Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΈΠΉΒ» Β«ΡΡΠ°Π½ΡΡΠ·ΡΠΊΠΈΠΉΒ»
ΠΠ½Π΄Π΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ
[
, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π²ΡΡΠ΅, Π΄Π°ΡΡ Π½Π°ΠΌ ΠΏΠΎΠ΄ΡΠΏΠΈΡΠΎΠΊ, Π° Π½Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π²Π½ΡΡΡΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°. Π§ΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΊΠΎΠ½ΡΠ΅Π½Ρ, Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ[[
.ΠΠ΄Π½Π°ΠΊΠΎ ΡΡΠΎΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π½Π°ΠΌ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π΄ΠΎΡΡΡΠΏ ΡΠΎΠ»ΡΠΊΠΎ ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π·Π° ΡΠ°Π·.
> x ["Π²ΠΎΠ·ΡΠ°ΡΡ"] $ Π²ΠΎΠ·ΡΠ°ΡΡ [1] 19 > typeof (x ["age"]) # single [Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅Ρ ΡΠΏΠΈΡΠΎΠΊ [1] "ΡΠΏΠΈΡΠΎΠΊ" > x [["age"]] # double [[Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ [1] 19 > typeof (x [["Π²ΠΎΠ·ΡΠ°ΡΡ"]]) [1] "Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ"
ΠΠ»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²ΠΎΠΉ
[[
, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΏΡΠΈ Π΄ΠΎΡΡΡΠΏΠ΅ ΠΊ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠΌΡ ΡΠΏΠΈΡΠΊΠ°, ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠΏΠ΅ΡΠ°ΡΠΎΡ$
.ΠΠ½ΠΈ ΠΎΠ±Π° ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ, Π·Π° ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΠΎΠ³ΠΎ, ΡΡΠΎ$
ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΡΠ°ΡΡΠΈΡΠ½ΠΎΠ΅ ΡΠΎΠΏΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ΅Π³ΠΎΠ².> x $ name # ΡΠΎ ΠΆΠ΅, ΡΡΠΎ ΠΈ x [["name"]] [1] "ΠΠΆΠΎΠ½" > x $ a # ΡΠ°ΡΡΠΈΡΠ½ΠΎΠ΅ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠ΅, ΡΠΎ ΠΆΠ΅, ΡΡΠΎ x $ ag ΠΈΠ»ΠΈ x $ age [1] 19 > x [["a"]] # Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ ΡΠ°ΡΡΠΈΡΠ½ΠΎΠ΅ ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅ Ρ [[ ΠΠΠΠ§ΠΠΠΠ NULL > # ΠΈΠ½Π΄Π΅ΠΊΡΠ°ΡΠΈΡ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠΏΠΎΠ»Π½ΡΡΡΡΡ ΡΠ΅ΠΊΡΡΡΠΈΠ²Π½ΠΎ > x $ Π³ΠΎΠ²ΠΎΡΠΈΡ [1] [1] Β«ΠΠ½Π³Π»ΠΈΠΉΡΠΊΠΈΠΉΒ» > x [["Π³ΠΎΠ²ΠΎΡΠΈΡ"]] [2] [1] Β«ΡΡΠ°Π½ΡΡΠ·ΡΠΊΠΈΠΉΒ»
ΠΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠΏΠΈΡΠΎΠΊ Π² R?
ΠΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° ΠΏΡΡΠ΅ΠΌ ΠΏΠ΅ΡΠ΅Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΠΌ Π²ΡΠ±ΡΠ°ΡΡ Π»ΡΠ±ΠΎΠΉ ΠΈΠ· ΠΎΠΏΠΈΡΠ°Π½Π½ΡΡ Π²ΡΡΠ΅ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ² Π΄ΠΎΡΡΡΠΏΠ° ΠΊ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°ΠΌ, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π΅Π³ΠΎ.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π²ΡΠ·ΡΠ²Π°Π΅Ρ ΠΏΠ΅ΡΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠΈΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ².
> x [["name"]] <- "ΠΠ»ΡΡ"; ΠΠΊΡ $ Π²ΠΎΠ·ΡΠ°ΡΡ [1] 19 $ Π³ΠΎΠ²ΠΎΡΠΈΡ [1] Β«Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΈΠΉΒ» Β«ΡΡΠ°Π½ΡΡΠ·ΡΠΊΠΈΠΉΒ» $ name [1] "ΠΠ»ΡΡ"
ΠΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π² ΡΠΏΠΈΡΠΎΠΊ?
ΠΠ΅Π³ΠΊΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π½ΠΎΠ²ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ. ΠΡ ΠΏΡΠΎΡΡΠΎ Π½Π°Π·Π½Π°ΡΠ°Π΅ΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½ΠΎΠ²ΡΡ ΡΠ΅Π³ΠΎΠ², ΠΈ ΡΡΠΎ ΡΡΠ°Π·Ρ ΠΆΠ΅ Π½Π°ΡΠΈΠ½Π°Π΅Ρ Π΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ.
> x [["ΠΆΠ΅Π½Π°Ρ"]] <- ΠΠΠΠ¬ > Ρ $ Π²ΠΎΠ·ΡΠ°ΡΡ [1] 19 $ Π³ΠΎΠ²ΠΎΡΠΈΡ [1] Β«Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΈΠΉΒ» Β«ΡΡΠ°Π½ΡΡΠ·ΡΠΊΠΈΠΉΒ» $ name [1] "ΠΠ»ΡΡ" $ Π·Π°ΠΌΡΠΆΠ΅ΠΌ [1] ΠΠΠΠ¬
ΠΠ°ΠΊ ΡΠ΄Π°Π»ΠΈΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ°?
ΠΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ΄Π°Π»ΠΈΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ, ΠΏΡΠΈΡΠ²ΠΎΠΈΠ² Π΅ΠΌΡ
NULL
.> x [["age"]] <- NULL > str (x) Π‘ΠΏΠΈΡΠΎΠΊ ΠΈΠ· 3 $ Π³ΠΎΠ²ΠΎΡΠΈΡ: chr [1: 2] "Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΈΠΉ" "ΡΡΠ°Π½ΡΡΠ·ΡΠΊΠΈΠΉ" $ name: chr "ΠΠ»ΡΡ" $ Π·Π°ΠΌΡΠΆΠ΅ΠΌ: logi FALSE > x $ ΠΆΠ΅Π½Π°Ρ <- NULL > str (x) Π‘ΠΏΠΈΡΠΎΠΊ ΠΈΠ· 2 $ Π³ΠΎΠ²ΠΎΡΠΈΡ: chr [1: 2] "Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΈΠΉ" "ΡΡΠ°Π½ΡΡΠ·ΡΠΊΠΈΠΉ" $ name: chr "ΠΠ»ΡΡ"
- ΠΈ
Π‘ΡΡΠ΄Π΅Π½ΡΡ ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π°Π΄ ΡΠ²ΠΎΠΈΠΌΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠ°ΠΌΠΈ, Π΄ΠΎΠ±Π°Π²Π»ΡΡ Π½ΠΎΠ²ΡΡ HTML-ΡΡΡΠ°Π½ΠΈΡΡ. Π‘ΡΡΠ΄Π΅Π½ΡΡ ΠΌΠΎΠ³ΡΡ Π²ΡΠ±ΠΈΡΠ°ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ, Π½ΠΎ ΠΎΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²ΠΊΠ»ΡΡΠ°ΡΡ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΡΠΈΠΏ ΡΠΏΠΈΡΠΊΠ°. Π Π½Π°ΡΡΠΎΡΡΠΈΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π½Π΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΡΡ ΠΎΡ ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΠΊ Π΄ΡΡΠ³ΠΎΠΉ, Π½ΠΎ ΡΡΡΠ΄Π΅Π½ΡΡ ΡΠ·Π½Π°ΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠ²ΡΠ·Π°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Π²ΠΌΠ΅ΡΡΠ΅ Π² Π£ΡΠΎΠΊΠ΅ 9, ΠΏΡΡΠΌΠΎ ΠΏΠ΅ΡΠ΅Π΄ ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠ΅ΠΉ ΡΠ²ΠΎΠ΅Π³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ°.