- Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅ ΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ
- Π‘ΠΏΠΈΡΠΊΠΈ Π² HTML β ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΉΡ
- Π‘ΠΏΠΈΡΠΊΠΈ. Π£ΡΠ΅Π±Π½ΠΈΠΊ html
- Π£ΡΠ΅Π±Π½ΠΈΠΊ HTML 5. Π‘ΡΠ°ΡΡΡ «Π‘ΠΏΠΈΡΠΊΠΈ»
- Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΎΠ² Π² html ΠΈ Π²ΠΈΠ΄Ρ ΡΠΏΠΈΡΠΊΠΎΠ²
- HTML ΡΠ΅Π³ΠΈ. HTML ΡΠΏΠΈΡΠΊΠΈ. ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΈΠ»ΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ.
- ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ. Π€ΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ°. Π’Π΅Π³ΠΈ <ul>, <li>.
- Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°
- ΠΡΡΠΈΠ±ΡΡΡ ΡΠ΅Π³ΠΎΠ² ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°Β
- ΠΡΡΠ³ΠΈΠ΅ HTML ΡΠΏΠΈΡΠΊΠΈΒ
- ΠΡΠΈΠΌΠ΅Ρ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ
- HTML Π‘ΠΏΠΈΡΠΊΠΈ
- ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ HTML
- ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ HTML — Π²ΡΠ±ΡΠ°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΠΌΠ°ΡΠΊΠ΅Ρ
- Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ HTML
- Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ HTML — ΠΡΡΠΈΠ±ΡΡ type
- ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ° HTML
- ΠΠ»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ HTML
- ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠ΅ Π‘ΠΏΠΈΡΠΊΠΈ
- ΠΡΠ°ΡΠΊΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅
- ΠΡΠΎΠ²Π΅ΡΡΡΠ΅ ΡΠ΅Π±Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΏΡΠ°ΠΆΠ½Π΅Π½ΠΈΠΉ!
- Π’Π΅Π³ΠΈ HTML ΡΠΏΠΈΡΠΊΠ°
Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅ ΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ
Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΡΡΠΈ ΡΠΈΠΏΠ° ΡΠΏΠΈΡΠΊΠΎΠ²: ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅, Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅ ΠΈ ΡΠΏΠΈΡΠΊΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ. ΠΠ΄Π΅ΡΡ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΠ΅ΡΠ²ΡΠ΅ Π΄Π²Π° Π²ΠΈΠ΄Π° ΡΠΏΠΈΡΠΊΠΎΠ², Π° ΠΎ ΡΠΏΠΈΡΠΊΠ°Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅ ΠΏΠΎΠ·ΠΆΠ΅.
Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅ ΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ, Π·Π° ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π΄Π»Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π½Π΅ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ², ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΊΠΎΡΠΎΡΡΡ ΠΎΠ±ΡΡΠ½ΠΎ ΠΌΠ°ΡΠΊΠΈΡΡΡΡΡΡ ΠΊΡΡΠΏΠ½ΠΎΠΉ ΡΠ΅ΡΠ½ΠΎΠΉ ΡΠΎΡΠΊΠΎΠΉ (Π±ΡΠ»Π»ΠΈΡΠΎΠΌ), Π° ΠΏΠ΅ΡΠ²ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π΄Π»Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ±ΡΡΠ½ΠΎ ΠΈΠΌΠ΅ΡΡ Π²ΠΈΠ΄ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΏΡΠΎΠ½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΡ Π² Π²ΠΎΠ·ΡΠ°ΡΡΠ°ΡΡΠ΅ΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅.
ΠΠ»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠ΅Π³ <ul>, Π° Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² β ΡΠ΅Π³ <ol>. ΠΠ½ΡΡΡΠΈ ΡΠΏΠΈΡΠΊΠΎΠ² Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠ΅Π³ <li>.
ΠΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ ΡΠ²ΠΎΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> Β Β Β <title>ΠΠΎΡ ΠΏΠ΅ΡΠ²Π°Ρ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ°</title> </head> <body> <h2>ΠΠΎΡ ΠΏΠ΅ΡΠ²Π°Ρ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ°</h2> <h3>Π§ΡΠΎ ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅</h3> <p>ΠΡΠΎΡΡΠ°Ρ ΡΡΡΠ°Π½ΠΈΡΠ°, ΡΠΎΠ·Π΄Π°Π½Π½Π°Ρ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ HTML</p> <h3>ΠΠ»Ρ ΡΠ΅Π³ΠΎ ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ</h3> <ul> <li>Π§ΡΠΎΠ±Ρ ΠΈΠ·ΡΡΠΈΡΡ HTML</li> <li>Π§ΡΠΎΠ±Ρ ΠΏΠΎΡ Π²Π°ΡΡΠ°ΡΡ</li> <li>ΠΠΎΡΠΎΠΌΡ ΡΡΠΎ Ρ ΠΎΠ±ΠΎΠΆΠ°Ρ ΡΠ²ΠΎΠΉ ΠΊΠΎΠΌΠΏΡΡΡΠ΅Ρ ΠΈ Ρ ΠΎΡΡ ΠΏΡΠΈΠ²ΠΈΡΡ Π΅ΠΌΡ Π»ΡΠ±ΠΎΠ²Ρ ΠΊ HTML</li> </ul> </body> </html>
ΠΡΠ»ΠΈ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΡΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, ΡΠΎ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΠΏΠΈΡΠΎΠΊ, ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π±ΡΠ»Π»ΠΈΡΠ°ΠΌΠΈ. ΠΠ°ΠΌΠ΅Π½ΠΈΡΠ΅ ΡΠ΅Π³
ΠΡΠΎΠΌΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΏΡΠΎΡΠ΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΊΠ»ΡΡΠ°ΡΡ ΠΎΠ΄Π½ΠΈ ΡΠΏΠΈΡΠΊΠΈ Π² Π΄ΡΡΠ³ΠΈΠ΅, ΡΠΎΡΠΌΠΈΡΡΡ ΡΠ΅ΠΌ ΡΠ°ΠΌΡΠΌ ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΠ°ΠΌΠ΅Π½ΠΈΡΠ΅ ΠΊΠΎΠ΄ ΡΠΏΠΈΡΠΊΠ° ΠΈΠ· ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅Π³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ:
<ul> <li>Π§ΡΠΎΠ±Ρ ΠΈΠ·ΡΡΠΈΡΡ HTML</li> <li>Π§ΡΠΎΠ±Ρ ΠΏΠΎΡ Π²Π°ΡΡΠ°ΡΡ <ol> <li>ΠΏΠ΅ΡΠ΅Π΄ Π½Π°ΡΠ°Π»ΡΠ½ΠΈΠΊΠΎΠΌ</li> <li>ΠΏΠ΅ΡΠ΅Π΄ Π΄ΡΡΠ·ΡΡΠΌΠΈ</li> <li>ΠΏΠ΅ΡΠ΅Π΄ ΠΌΠΎΠ΅ΠΉ ΠΊΠΎΡΠΊΠΎΠΉ</li> <li>ΠΏΠ΅ΡΠ΅Π΄ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΎΠΉ Π³ΠΎΠ²ΠΎΡΡΡΠ΅ΠΉ ΡΡΠΊΠΎΠΉ Π² ΠΌΠΎΠ΅ΠΉ Π³ΠΎΠ»ΠΎΠ²Π΅</li> </ol> </li> <li>ΠΠΎΡΠΎΠΌΡ ΡΡΠΎ Ρ ΠΎΠ±ΠΎΠΆΠ°Ρ ΡΠ²ΠΎΠΉ ΠΊΠΎΠΌΠΏΡΡΡΠ΅Ρ ΠΈ Ρ ΠΎΡΡ ΠΏΡΠΈΠ²ΠΈΡΡ Π΅ΠΌΡ Π»ΡΠ±ΠΎΠ²Ρ ΠΊ HTML</li> </ul>
Π Π²ΠΎΡ Ρ Π½Π°Ρ ΡΠΏΠΈΡΠΎΠΊ Π²Π½ΡΡΡΠΈ ΡΠΏΠΈΡΠΊΠ°. Π Π²Π΅Π΄Ρ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΠΏΠΈΡΠΎΠΊ Π²Π½ΡΡΡΠΈ ΡΡΠΎΠ³ΠΎ Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°. Π Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½. Π ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅ Π΄ΠΎ Π±Π΅ΡΠΊΠΎΠ½Π΅ΡΠ½ΠΎΡΡΠΈ.
msiter.ru
Π‘ΠΏΠΈΡΠΊΠΈ Π² HTML β ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΉΡ
Π ΡΠ·ΡΠΊΠ΅ HTML, ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ 3 ΡΠΈΠΏΠ° ΡΠΏΠΈΡΠΊΠΎΠ²:
- Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ΡΠ΅Π³
ol
) - ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ΡΠ΅Π³
ul
) - Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ
Π ΡΡΠΎΠΌ ΡΡΠΎΠΊΠ΅, ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ Ρ Π²Π°ΠΌΠΈ Π΄Π²Π° Π²ΠΈΠ΄Π° ΡΠΏΠΈΡΠΊΠΎΠ²: ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ.
Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ol)
ol
, ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΠΎΠ±ΡΠ°ΠΌΠ»ΡΠ΅ΡΡΡ ΡΠ΅Π³Π°ΠΌΠΈ li
. Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°:<ol> <li>ΠΡΠΊΡΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ</li> <li>ΠΠ°ΠΆΠ°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ</li> <li>ΠΡΠ±ΡΠ°ΡΡ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ°</li> <li>ΠΠ²Π΅ΡΡΠΈ Π΄Π°Π½Π½ΡΠ΅</li> <li>ΠΠ°ΠΊΡΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ</li> </ol>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ:
- ΠΡΠΊΡΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ
- ΠΠ°ΠΆΠ°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ
- ΠΡΠ±ΡΠ°ΡΡ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ°
- ΠΠ²Π΅ΡΡΠΈ Π΄Π°Π½Π½ΡΠ΅
Π’Π΅Π³Π°ΠΌΠΈ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΡΠ΄ΠΎΠ±Π½ΠΎ ΠΎΠ±ΡΠ°ΠΌΠ»ΡΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΡΠ΅ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΠΈ: ΡΠ΅ΡΠ΅ΠΏΡΡ ΠΈΠ·Π³ΠΎΡΠΎΠ²Π»Π΅Π½ΠΈΡ, Π·Π°Π΄Π°Π½ΠΈΡ (ΠΊΠ²Π΅ΡΡΡ). Π’Π°ΠΊΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΈ, Π³Π΄Π΅ ΠΌΠ΅ΠΆΠ΄Ρ ΠΏΠ΅ΡΠ²ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ ΡΠΏΠΈΡΠΊΠ° ΠΈ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΌ ΠΈΠΌΠ΅Π΅ΡΡΡ Π²Π·Π°ΠΈΠΌΠΎΡΠ²ΡΠ·Ρ (Π½Π°ΡΠΈΠ½Π°Π΅ΠΌ Ρ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ ΠΈ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Π΅ΠΌ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΌ, ΠΏΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎ ΠΏΡΠΎΡ ΠΎΠ΄Ρ Π΄ΡΡΠ³ Π·Π° Π΄ΡΡΠ³ΠΎΠΌ Π²ΡΠ΅ ΡΡΠ°ΠΏΡ).
ΠΠ»Ρ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΈΠΌΠ΅Π΅ΡΡΡ CSS-ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ list-type-style, Π΄Π°Π½Π½ΠΎΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²ΠΌΠ΅ΡΡΠΎ ΠΎΠ±ΡΡΠ½ΡΡ (Π°ΡΠ°Π±ΡΠΊΠΈΡ ) ΡΠΈΡΠ΅Π», ΡΠΈΠΌΡΠΊΠΈΠ΅, Π° ΡΠ°ΠΊΠΆΠ΅ Π±ΡΠΊΠ²Ρ ΠΈ Π΄Ρ.
ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ul)
ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π² HTML β ΡΡΠΎ ΡΠΏΠΈΡΠΎΠΊ, Π³Π΄Π΅ ΠΏΠ΅ΡΠ΅Π΄ ΠΊΠ°ΠΆΠ΄ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ ΡΡΠ°Π²ΠΈΡΡΡ ΠΌΠ°ΡΠΊΠ΅Ρ (ΡΠ΅ΡΠ½ΡΠΉ ΠΊΡΡΠΆΠΎΠΊ). ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π² HTML, Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ ΠΈ Π·Π°ΠΊΠ°Π½ΡΠΈΠ²Π°Π΅ΡΡΡ ΡΠ΅Π³Π°ΠΌΠΈ
, ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΠΎΠ±ΡΠ°ΠΌΠ»ΡΠ΅ΡΡΡ ΡΠ΅Π³Π°ΠΌΠΈ li
. Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅Ρ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°:
<ul> <li>ΠΠ΅ΡΠΎ</li> <li>ΠΡΠ΅Π½Ρ</li> <li>ΠΠΈΠΌΠ°</li> <li>ΠΠ΅ΡΠ½Π°</li> </ul>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ:
- ΠΠ΅ΡΠΎ
- ΠΡΠ΅Π½Ρ
- ΠΠΈΠΌΠ°
- ΠΠ΅ΡΠ½Π°
Π’Π΅Π³Π°ΠΌΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°, ΡΠ΄ΠΎΠ±Π½ΠΎ ΠΎΠ±ΡΠ°ΠΌΠ»ΡΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ Π½Π°ΠΏΠΎΠ΄ΠΎΠ±ΠΈΠ΅: ΠΈΠ½Π³ΡΠ΅Π΄ΠΈΠ΅Π½ΡΡ, ΡΠΏΠΈΡΠΎΠΊ ΡΠ°ΡΡΠ΅ΠΉ ΡΠ΅Π»ΠΎΠ³ΠΎ (Π²ΡΠ΅ΠΌΠ΅Π½Π° Π³ΠΎΠ΄Π°) ΠΈ Ρ.Π΄. Π’ΠΎ Π΅ΡΡΡ ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ, Π³Π΄Π΅ Π½Π΅Ρ ΡΠ΅ΡΠΊΠΎΠΉ Π²Π·Π°ΠΈΠΌΠΎΡΠ²ΡΠ·ΠΈ ΠΎΡ Π½Π°ΡΠ°Π»Π° ΠΈ Π΄ΠΎ ΠΊΠΎΠ½ΡΠ°. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΅ΡΠ»ΠΈ ΠΌΡ Π½Π°ΠΏΠΈΡΠ΅ΠΌ Π·ΠΈΠΌΠ°, Π²Π΅ΡΠ½Π°, Π»Π΅ΡΠΎ, ΠΎΡΠ΅Π½Ρ ΡΠΎ ΡΠ΅Π»ΠΎΡΡΠ½ΠΎΡΡΡ Π½Π΅ Π½Π°ΡΡΡΠΈΡΡΡ, ΠΈΠ±ΠΎ ΡΡΠΎ Π½Π΅ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΡ. ΠΠ΄Π½Π°ΠΊΠΎ Π΅ΡΠ»ΠΈ ΠΌΡ ΡΠ½Π°ΡΠ°Π»Π° Π²Π²Π΅Π΄ΡΠΌ Π΄Π°Π½Π½ΡΠ΅ Π½Π΅ ΠΎΡΠΊΡΡΠ² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ, ΡΠΎ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ ΠΎΡΠΈΠ±ΠΊΠ°, ΠΈΠ±ΠΎ ΠΏΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ Π²Π²Π΅ΡΡΠΈ Π΄Π°Π½Π½ΡΠ΅ Π½ΡΠΆΠ½ΠΎ ΠΎΡΠΊΡΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ.
ΠΠ»Ρ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ CSS-ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ list-type-style, Π΄Π°Π½Π½ΠΎΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ ΠΌΠ°ΡΠΊΠ΅Ρ (ΡΠ΅ΡΠ½ΡΠΉ ΠΊΡΡΠ³), Π½Π° ΡΠΎΠΌΠ±, ΠΊΠ²Π°Π΄ΡΠ°Ρ ΠΈΠ»ΠΈ ΠΎΠ±ΡΡΡ.
ΠΠ°ΡΠ° ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΈ ΠΏΠΎΡΡΠ°: 8 ΡΠ΅Π²ΡΠ°Π»Ρ 2016
ΠΠ°ΡΠ° ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ ΠΏΠΎΡΡΠ°: 8 ΡΠ΅Π²ΡΠ°Π»Ρ 2016
ΠΠ°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΏΠΎ Π·Π°ΠΏΠΈΡΡΠΌ
gabdrahimov.ru
Π‘ΠΏΠΈΡΠΊΠΈ. Π£ΡΠ΅Π±Π½ΠΈΠΊ html
ΠΠ»Π°Π²Π° 9
Π ΡΡΠΎΠΉ Π³Π»Π°Π²Π΅ ΠΏΠΎΠΉΠ΄ΡΡ ΡΠ΅ΡΡ ΠΎ ΡΠΏΠΈΡΠΊΠ°Ρ , ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ:
- Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅(ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅)
- ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅ (Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅)
- ΠΈ ΡΠ²Π»ΡΡΡΡΡ ΡΠΏΠΈΡΠΊΠΎΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ
Π’Π°ΠΊΠΎΠ΅ Π²ΠΎΡ Π½Π΅ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠ΅ Π½Π°ΡΠ°Π»ΠΎ Π³Π»Π°Π²Ρ.. Π·Π°ΡΠΎ ΡΠ΅ΠΏΠ΅ΡΡ ΠΠ°ΠΌ ΠΏΠΎΠ½ΡΡΠ½ΠΎ, ΡΡΠΎ Π΅ΡΡΡ ΡΠΏΠΈΡΠΎΠΊ Π² html.
ΠΡ ΡΡΠΎ ΠΆ Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΏΡΠΎΠΉΠ΄ΡΠΌΡΡ ΠΏΠΎ Π½Π°ΡΠ΅ΠΌΡ ΡΠΏΠΈΡΠΊΡ.
ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π·Π°Π΄Π°ΡΡΡΡ ΡΠ΅Π³ΠΎΠΌ <ul>. ΠΡΠ±ΠΎΠΉ ΡΠΏΠΈΡΠΎΠΊ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², «ΠΏΡΠ½ΠΊΡΠΎΠ²», ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π² ΡΠ²ΠΎΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ Π·Π°Π΄Π°ΡΡΡΡ ΡΠ΅Π³ΠΎΠΌ <li> ΠΏΠΎΡΠ»Π΅ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ ΠΈ ΠΈΠ΄ΡΡ ΡΠ΅ΠΊΡΡ Π½ΡΠΆΠ½ΠΎΠ³ΠΎ Π½Π°ΠΌ «ΠΏΡΠ½ΠΊΡΠ°». ΠΠ»Ρ ΡΠ΅Π³Π° <li> Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠ΅Π³ </li> Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»Π΅Π½.
ΠΠΌΠ΅ΡΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ ΡΠ΅Π³ΠΈ ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΠ°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ Π²ΠΈΠ΄:
<ul><li> ΠΡΠ½ΠΊΡ ΠΏΠ΅ΡΠ²ΡΠΉ..
<li> ΠΡΠ½ΠΊΡ Π²ΡΠΎΡΠΎΠΉ..
<li> ΠΡΠ½ΠΊΡ ΡΡΠ΅ΡΠΈΠΉ..
</ul>
ΠΡΠΈΠΌΠ΅Ρ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°:
<html><head>
<title>Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ</title>
</head>
<body>
ΠΡΠΏΠΈΡΡ ΠΈ Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ Π΄ΠΎΠΌΠΎΠΉ:
<ul>
<li> 2 ΠΊΠ³. ΠΊΠ»ΡΠ±Π½Π΅ΠΉ ΠΊΠ°ΡΡΠΎΡΠ΅Π»Ρ
<li> 1 Π±ΡΠ»ΠΊΡ ΡΠΆΠ°Π½ΠΎΠ³ΠΎ ΡΡΡΠ½ΠΎΠ³ΠΎ Ρ Π»Π΅Π±Π°
<li> ΠΏΠ°ΡΠΊΡ ΠΌΠ°ΠΊΠ°ΡΠΎΠ½ «ΡΠΏΠ°Π³Π΅ΡΡΠΈ» (Π΄Π»ΠΈΠ½Π½ΡΠ΅ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 200ΠΌΠΌ. ΡΠΎΠ½ΠΊΠΈΠ΅)
<li> 1 ΠΊΠ³. ΡΠ»ΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΈΡΠ° (ΡΠ»ΠΎΠΆΠ½ΠΎ ΠΎΠ±ΡΡΡΠ½ΠΈΡΡ.. ΡΠΏΡΠΎΡΠΈΡΡ..)
<li> 1 Π΄Π΅Ρ. ΠΊΡΡΠΈΠ½ΡΡ ΡΠΈΡ.
<li> 1 ΠΏΠ°ΡΠΊΡ 500Π³. ΠΠ°ΡΡΠΈΡ Π΄Π²ΡΡΠ³Π»Π΅ΠΊΠΈΡΠ»ΠΎΠ³ΠΎ (Π‘ΠΎΠ΄Π°)
</ul>
Π‘ΠΌΠΎΡΡΠΈ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΠΏΠ΅ΡΠ΅ΠΏΡΡΠ°ΠΉ.. ΡΠ΅Π»ΡΡ..
</body>
</html>
Π’Π΅Π³ΠΈ <li> ΠΈ <ul> ΠΈΠΌΠ΅ΡΡ Π°ΡΡΠΈΠ±ΡΡ type ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠΈΡΡΠΆΠ΄Π°Π΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° ΠΈΠ»ΠΈ ΠΆΠ΅ Π²ΡΠ΅ΠΌΡ ΡΠΏΠΈΡΠΊΡ ΡΠ΅Π»ΠΈΠΊΠΎΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΡΠΉ ΡΡΠΈΠ»Ρ.
ΠΠΎΠΆΠ΅Ρ ΠΈΠΌΠ΅ΡΡ ΠΎΠ΄Π½ΠΎ ΠΈ ΡΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ:
- disk — ΠΊΡΡΠΆΠΎΠΊ, Π΄ΠΈΡΠΊ (ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ)
- circle — ΠΏΠΎΠ»ΡΠΉ ΠΊΡΡΠ³
-
ΠΡΠΈΠΌΠ΅Ρ:
<html><head>
<title>ΡΡΠΈΠ»ΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°</title>
</head>
<body>
Π ΡΡΠΎΠΌ ΡΠΏΠΈΡΠΊΠ΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈΠΌΠ΅Π΅Ρ ΡΠ²ΠΎΠΉ ΡΡΠΈΠ»Ρ:
<ul>
<li type=»disk»> ΠΊΡΡΠΆΠΎΠΊ, Π΄ΠΈΡΠΊ (ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ)
<li type=»circle»> ΠΏΠΎΠ»ΡΠΉ ΠΊΡΡΠ³
<li type=»square»> ΠΊΠ²Π°Π΄ΡΠ°Ρ
</ul>
Π Π·Π΄Π΅ΡΡ ΡΡΠΈΠ»Ρ Π·Π°Π΄Π°Π½ Π²ΡΠ΅ΠΌΡ ΡΠΏΠΈΡΠΊΡ
<ul type=»circle»>
<li> ΠΡΠ½ΠΊΡ 1
<li> ΠΡΠ½ΠΊΡ 2
<li> ΠΡΠ½ΠΊΡ 3
</ul>
</body>
</html>
Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΈΠ»ΠΈ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π·Π°Π΄Π°ΡΡΡΡ ΡΠ΅Π³ΠΎΠΌ <ol>, ΡΠ°ΠΊ ΠΆΠ΅ ΠΊΠ°ΠΊ ΠΈ Π² Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠΌ ΡΠΏΠΈΡΠΊΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΠΏΡΠΈΡΡΠΆΠ΄Π°Π΅ΡΡΡ ΡΠ΅Π³ΠΎΠΌ <li>.
ΠΠΎΡΡΡΠΎΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΡΡ ΠΎΠΆΠ΅ Ρ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΌ ΡΠΏΠΈΡΠΊΠΎΠΌ ΠΏΠΎΡΡΠΎΠΌΡ ΡΡΠ°Π·Ρ ΠΏΡΠΈΠΌΠ΅Ρ:
<html><head>
<title>ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ</title>
</head>
<body>
ΠΡΠΏΠΈΡΡ ΡΠΎΠ²Π°ΡΡ Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅:
<ol>
<li>
<li> ΠΠΈΠ²ΠΎ
<li> Π‘ΡΡΠΎΠΊ (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
</ol>
ΠΠ΄Ρ!!!
</body>
</html>
Π Π²ΠΎΡ Π°ΡΡΠΈΠ±ΡΡ type Π² ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠΈ Ρ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΌ ΡΠΏΠΈΡΠΊΠΎΠΌ ΠΌΠΎΠΆΠ΅Ρ ΠΈΠΌΠ΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
- Π — ΠΠ°Π³Π»Π°Π²Π½ΡΠ΅ Π±ΡΠΊΠ²Ρ
- Π° — Π‘ΡΡΠΎΡΠ½ΡΠ΅ Π±ΡΠΊΠ²Ρ
- I — ΠΠ°Π³Π»Π°Π²Π½ΡΠ΅ ΡΠΈΠΌΡΠΊΠΈΠ΅ ΡΠΈΡΡΡ
- i — Π‘ΡΡΠΎΡΠ½ΡΠ΅ ΡΠΈΠΌΡΠΊΠΈΠ΅ ΡΠΈΡΡΡ
- 1 — ΠΡΠ°Π±ΡΠΊΠΈΠ΅ ΡΠΈΡΡΡ (ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ)
ΠΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ ΠΈΡ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ:
<html><head>
<title>Π‘ΡΠΈΠ»ΠΈ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΎΠΊ</title>
</head>
<body>
ΠΡΠ°Π±ΡΠΊΠΈΠ΅ ΡΠΈΡΡΡ
<ol type=»1″>
<li>ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ
<li>ΠΠΎ-Π²ΡΠΎΡΡΡ
</ol>
Π‘ΡΡΠΎΡΠ½ΡΠ΅ Π±ΡΠΊΠ²Ρ
<ol type=»a»>
<li>ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ
<li>ΠΠΎ-Π²ΡΠΎΡΡΡ
</ol>
ΠΠ°Π³Π»Π°Π²Π½ΡΠ΅ Π±ΡΠΊΠ²Ρ
<ol type=»A»>
<li>ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ
<li>ΠΠΎ-Π²ΡΠΎΡΡΡ
<li>Π-ΡΡΠ΅ΡΡΠΈΡ
</ol>
Π‘ΡΡΠΎΡΠ½ΡΠ΅ ΡΠΈΠΌΡΠΊΠΈΠ΅ ΡΠΈΡΡΡ
<ol type=»i»>
<li>ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ
<li>ΠΠΎ-Π²ΡΠΎΡΡΡ
<li>Π-ΡΡΠ΅ΡΡΠΈΡ
<li>Π-ΡΠ΅ΡΠ²ΡΡΡΡΡ
</ol>
ΠΠ°Π³Π»Π°Π²Π½ΡΠ΅ ΡΠΈΠΌΡΠΊΠΈΠ΅ ΡΠΈΡΡΡ
<ol type=»I»>
<li>ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ
<li>ΠΠΎ-Π²ΡΠΎΡΡΡ
<li>Π-ΡΡΠ΅ΡΡΠΈΡ
<li>Π-ΡΠ΅ΡΠ²ΡΡΡΡΡ
</ol>
</body>
</html>
Π ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠΌ ΡΠΏΠΈΡΠΊΠ΅ Π΅ΡΡΡ Π΅ΡΡ ΠΎΠ΄ΠΈΠ½ Π°ΡΡΠΈΠ±ΡΡ start Π΅Π³ΠΎ ΡΠΈΡΠ»ΠΎΠ²ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π³ΠΎΠ²ΠΎΡΠΈΡ ΠΎ ΡΠΎΠΌ Ρ ΠΊΠ°ΠΊΠΎΠ³ΠΎ Π½ΠΎΠΌΠ΅ΡΠ° ΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΡΡΠΎΠΈΡΡ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ.
ΠΡΠΈΠΌΠ΅Ρ:
<html><head>
<title>ΠΠ°ΡΠ°Π»ΠΎ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°</title>
</head>
<body>
<ol type=»1″ start=»24″>
<li>Π‘ΡΠ°Π·Ρ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΠΌ ΠΊ Π΄Π²Π°Π΄ΡΠ°ΡΡ ΡΠ΅ΡΠ²ΡΡΡΠΎΠΌΡ ΠΏΡΠ½ΠΊΡΡ!!
<li>ΠΠ΄ΡΠΌ Π΄Π°Π»ΡΡΠ΅
<li>Π Π΄Π°Π»ΡΡΠ΅
</ol>
ΠΠ½Π°Π»ΠΎΠ³ΠΈΡΠ½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ «ΡΡΠ°ΡΡΠΎΠ²Π°ΡΡ» ΠΏΡΠΈ Π»ΡΠ±ΠΎΠΌ ΡΡΠΈΠ»Π΅ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°
<ol type=»I» start=»8″>
<li>Π‘ΡΠ°Π·Ρ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΠΌ ΠΊ Π²ΠΎΡΡΠΌΠΎΠΌΡ ΠΏΡΠ½ΠΊΡΡ..
<li>ΠΠ΄ΡΠΌ Π΄Π°Π»ΡΡΠ΅
<li>Π Π΄Π°Π»ΡΡΠ΅
</ol>
</body>
</html>
Π‘ΠΎ ΡΠΏΠΈΡΠΊΠΎΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ Π΄Π΅Π»ΠΎ ΠΎΠ±ΡΡΠΎΠΈΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ½Π°ΡΠ΅ Π½Π΅ΠΆΠ΅Π»ΠΈ ΡΠ΅ΠΌ Ρ ΡΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌΡΠΌΠΈ ΡΠΏΠΈΡΠΊΠ°ΠΌΠΈ. ΠΠ°Π΄Π°ΡΡΡΡ Π΄Π°Π½Π½ΡΠΉ Π²ΠΈΠ΄ ΡΠΏΠΈΡΠΊΠ° ΡΠ΅Π³ΠΎΠΌ <dl>. ΠΡΠ½ΠΊΡΡ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡΡΡ ΡΠ΅Π³ΠΎΠΌ <dt>, Π° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΡΠΈΡ ΠΏΡΠ½ΠΊΡΠΎΠ² ΡΠ΅Π³ΠΎΠΌ <dd>.
ΠΡΡ Π²ΠΌΠ΅ΡΡΠ΅ ΠΏΠΈΡΠ΅ΡΡΡ ΠΏΠΎ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΡ Π΅ΠΌΠ΅:
<dl><dt>
<dd>
</dl>
ΠΡΠΈΠΌΠ΅Ρ:
<html><head>
<title>Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ</title>
</head>
<body>
<dl>
<dt> Π‘Π»ΠΎΠ²ΠΎ ΠΊΠΎΡΠ° ΠΌΠΎΠΆΠ΅Ρ ΠΈΠΌΠ΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ:
<dd> ΡΠ΅Π»ΡΡΠΊΠΎΡ ΠΎΠ·ΡΠΉΡΡΠ²Π΅Π½Π½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ
<dd> Ρ ΠΈΡΡΠ°Ρ Π΄Π΅Π²ΠΈΡΡΡ ΠΏΡΠΈΡΡΡΠΊΠ°
<dd> ΠΎΡΠΌΠ΅Π»Ρ ΡΠ΅ΠΊΠΈ
<dt> Π‘Π»ΠΎΠ²ΠΎ ΠΊΠ»ΡΡ ΡΠΎΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ:
<dd> Π³Π°Π΅ΡΠ½ΡΠΉ
<dd> ΠΈΡΡΠΎΡΠ½ΠΈΠΊ, ΡΠΎΠ΄Π½ΠΈΠΊ
</dl>
</body>
</html>
Π‘ΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ Π²ΠΎΡ ΠΈ Π²ΡΡ ΠΏΡΠ΅ΠΌΡΠ΄ΡΠΎΡΡΡ..
ΠΡΠΈΡ ΠΎΠ»ΠΎΠ³ΠΈΡ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠ΅ ΠΌΠΎΠ³Ρ, Π½Π΅ ΡΠΎΠ³Π»Π°ΡΠΈΡΡΡ Ρ ΡΠ΅ΠΌ ΡΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΠ΅ΠΌ, ΡΡΠΎ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»ΠΈ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°ΡΠ΅ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ, Π½Π΅ΠΆΠ΅Π»ΠΈ ΡΠ΅ΠΌ Π²Π΄ΡΠΌΡΠΈΠ²ΠΎ ΡΠΈΡΠ°ΡΡ ΠΈΡ .. ΠΠΎ-ΠΊΡΠ°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅ΡΠ΅ ΡΠ°ΠΊ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π²ΡΠ΅Π³Π΄Π° ΠΏΡΠΈ ΠΏΠ΅ΡΠ²ΠΎΠΌ Π²ΠΈΠ·ΠΈΡΠ΅ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠΊΡ. ΠΠ΅ΡΠ²ΠΎΠ΅ Π½Π° ΡΡΠΎ ΠΎΠ±ΡΠ°ΡΠ°Π΅Ρ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°Ρ ΠΊΠ°ΠΊΠΎΠΉ Π»ΠΈΠ±ΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ ΡΡΠΎ: Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π² ΡΠ΅ΠΊΡΡΠ΅, Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΡ ΡΠ΅ΠΊΡΡΠ°, ΠΈ ΡΠΏΠΈΡΠΊΠΈ. Π£ΠΌΠ΅Π»ΠΎΠ΅ ΠΈ Π½Π΅Π½Π°Π²ΡΠ·ΡΠΈΠ²ΠΎΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠ°ΠΊΠΎΠ²ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π·Π°Π»ΠΎΠ³ ΡΠΎΠ³ΠΎ ΡΡΠΎ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ ΠΎΠΊΡΠ½ΡΡΡΡ Π² ΡΡΠ΅Π½ΠΈΠ΅ ΠΠ°ΡΠ΅Π³ΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° Π±ΠΎΠ»Π΅Π΅ Π³Π»ΡΠ±ΠΎΠΊΠΎ.
Π§ΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ ΡΠΏΠΈΡΠΊΠΎΠ².. ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ ΡΡΠΎ: ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΏΠ΅ΡΠ΅ΡΠ½ΠΈ <ul> ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΡΡΠ΄ΠΎΠΊ ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ ΠΏΡΠ½ΠΊΡΠΎΠ² Π½Π΅ Π²Π°ΠΆΠ΅Π½.. ΠΈ Π΄Π΅Π»Π°ΡΡΡΡ ΠΎΠ½ΠΈ Π΄Π»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ ΠΈΠ·Π»ΠΎΠΆΠ΅Π½Π½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°Π»Π°ΡΡ Π»Π΅Π³ΡΠ΅. Π Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ <ol> Π½Π°ΠΎΠ±ΠΎΡΠΎΡ, ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΡΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° Π²Π°ΠΆΠ΅Π½ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΠΎΡΡΠ΄ΠΎΠΊ ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ ΠΏΡΠ½ΠΊΡΠΎΠ², Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ — ΠΊΠΎΠ³Π΄Π° ΡΠΏΠΈΡΠΎΠΊ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΈΠ·Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ ΠΊΠ°ΠΊΠΈΡ Π»ΠΈΠ±ΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ.
www.webremeslo.ru
Π£ΡΠ΅Π±Π½ΠΈΠΊ HTML 5. Π‘ΡΠ°ΡΡΡ «Π‘ΠΏΠΈΡΠΊΠΈ»
Π‘ΠΏΠΈΡΠΊΠΈ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ ΡΠΎΠ±ΠΎΠΉ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ Π½Π°Π±ΠΎΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ Π½Π°ΠΌ ΡΠΈΡΡΠ΅ΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ Π²Π°ΠΆΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, Π΄Π΅Π»Π°Ρ Π΅Π΅ Π±ΠΎΠ»Π΅Π΅ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠΉ Π΄Π»Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΡ. Π―Π·ΡΠΊ Π³ΠΈΠΏΠ΅ΡΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ HTML ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΎΡΡΠ°Π²Π»ΡΡΡ ΡΠΏΠΈΡΠΊΠΈ ΠΏΠΎ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΏΡΠ°Π²ΠΈΠ»Π°ΠΌ:
- ΠΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ (ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ) ΡΠΏΠΈΡΠΎΠΊ.
- ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ (Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ) ΡΠΏΠΈΡΠΎΠΊ.
- Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΉ.
- Π‘ΠΏΠΈΡΠΎΠΊ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΡΡ ΠΌΠ΅Π½Ρ.
ΠΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
ΠΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ (ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ) ΡΠΏΠΈΡΠΎΠΊ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡ Π² ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅. ΠΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ ΡΠ΅Π³Π° <ol> (ΡΠΎΠΊΡΠ°ΡΠ΅Π½Π½ΠΎΠ΅ ΠΎΡ Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΎΠ³ΠΎ ordered list — ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ). ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ ΡΠ΅Π³Π° <li> (ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°).
ΠΠ°Π²Π°ΠΉΡΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ:
<!DOCTYPE html> <html> <head> <title>ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅Π³Π° <ol></title> </head> <body> <ol> <li>ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ</li> </ΠΎl> </body> </html>
ΠΡΠ³Π»ΡΠ΄Π΅ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ ΡΠ°ΠΊ:
- ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ.
- ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ.
- Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ.
ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅, ΡΡΠΎΠ±Ρ ΡΠΏΠΈΡΠΎΠΊ Π½Π°ΡΠΈΠ½Π°Π»ΡΡ Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΠΎΠ³ΠΎ Π½ΠΎΠΌΠ΅ΡΠ° (Π½Π΅ Ρ 1), ΡΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΊΠ°Π·Π°ΡΡ Π°ΡΡΠΈΠ±ΡΡ start Π΄Π»Ρ ΡΠ΅Π³Π° <ol>.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ:<ol start = "101"> <!--ΡΠΏΠΈΡΠΎΠΊ Π½Π°ΡΠ½ΡΡΡΡ Ρ Π½ΠΎΠΌΠ΅ΡΠ° 101-->
ΠΡΠ³Π»ΡΠ΄Π΅ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ ΡΠ°ΠΊ:
- ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ.
- ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ.
- Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ.
ΠΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΉ Π°ΡΡΠΈΠ±ΡΡ — type, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ ΠΠ°ΠΌ Π·Π°Π΄Π°ΡΡ Π±ΡΠΊΠ²Π΅Π½Π½ΡΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ («A» β Π±ΠΎΠ»ΡΡΠΈΠ΅, «a» β ΡΡΡΠΎΡΠ½ΡΠ΅), Π»ΠΈΠ±ΠΎ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΠΈΠ· ΡΠΈΠΌΡΠΊΠΈΡ ΡΠΈΡΡ («I» β Π² Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠ΅Π³ΠΈΡΡΡΠ΅, «i» β Π² Π½ΠΈΠΆΠ½Π΅ΠΌ ΡΠ΅Π³ΠΈΡΡΡΠ΅).
Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅Ρ Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Ρ Π²ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠ° type (ΠΎΡΠ»ΠΈΡΠ½ΡΠ΅ ΠΎΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ):
<!DOCTYPE html> <html> <head> <title>ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠ° type HTML ΡΠ΅Π³Π° <ΠΎl></title> </head> <body> <ol type = "A"> <!--ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΠΌ, ΡΡΠΎ ΡΠΏΠΈΡΠΎΠΊ ΡΠΎΡΠΌΠΈΡΡΠ΅ΡΡΡ Π² Π°Π»ΡΠ°Π²ΠΈΡΠ½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅ Π·Π°Π³Π»Π°Π²Π½ΡΠΌΠΈ Π±ΡΠΊΠ²Π°ΠΌΠΈ --> <li>ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ</li> </ΠΎl> <ol type = "a"> <!--ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΠΌ, ΡΡΠΎ ΡΠΏΠΈΡΠΎΠΊ ΡΠΎΡΠΌΠΈΡΡΠ΅ΡΡΡ Π² Π°Π»ΡΠ°Π²ΠΈΡΠ½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅ ΡΡΡΠΎΡΠ½ΡΠΌΠΈ Π±ΡΠΊΠ²Π°ΠΌΠΈ --> <li>ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ</li> </ΠΎl> <ol type = "I"> <!--ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΠΌ, ΡΡΠΎ ΡΠΏΠΈΡΠΎΠΊ ΡΠΎΡΠΌΠΈΡΡΠ΅ΡΡΡ ΡΠΈΠΌΡΠΊΠΈΠΌΠΈ ΡΠΈΡΡΠ°ΠΌΠΈ Π² Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠ΅Π³ΠΈΡΡΡΠ΅ --> <li>ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ</li> </ΠΎl> <ol type = "i"> <!--ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΠΌ, ΡΡΠΎ ΡΠΏΠΈΡΠΎΠΊ ΡΠΎΡΠΌΠΈΡΡΠ΅ΡΡΡ ΡΠΈΠΌΡΠΊΠΈΠΌΠΈ ΡΠΈΡΡΠ°ΠΌΠΈ Π² Π½ΠΈΠΆΠ½Π΅ΠΌ ΡΠ΅Π³ΠΈΡΡΡΠ΅ --> <li>ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ</li> </ΠΎl> </body> </html>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π½Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ°:
Π ΠΈΡ. 14 ΠΠΈΠ΄Ρ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ².ΠΡΠ΅ ΠΎΠ΄ΠΈΠ½ Π½ΡΠ°Π½Ρ: ΠΏΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ Π°ΡΡΠΈΠ±ΡΡΠ° start Ρ Π±ΡΠΊΠ²Π°ΠΌΠΈ (type = «A» ΠΈ type = «a»), ΡΠΈΡΠ»ΠΎ, ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅ Π² Π·Π½Π°ΡΠ΅Π½ΠΈΠΈ Π°ΡΡΠΈΠ±ΡΡΠ° ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΠΎΡΡΠ΄ΠΊΠΎΠ²ΡΠΌ Π½ΠΎΠΌΠ΅ΡΠΎΠΌ Π±ΡΠΊΠ²Ρ Π² Π°Π»ΡΠ°Π²ΠΈΡΠ΅. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, start = «4», Π±ΡΠ΄Π΅Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡ Π±ΡΠΊΠ²Π΅ «D» ΠΈ ΡΠΏΠΈΡΠΎΠΊ Π½Π°ΡΠ½ΡΡΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ Π½Π΅Ρ. ΠΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡ start = «27» ΡΡΠ΅ΡΡΠΈΠΊ ΠΎΠ±Π½ΡΠ»ΡΠ΅ΡΡΡ, ΠΏΡΠΈ ΡΡΠΎΠΌ ΡΠΏΠΈΡΠΎΠΊ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ Π΄Π²ΡΡ Π·Π½Π°ΡΠ½ΡΠΌ («27» = «AA», «28» = «AB», «29» = «AC»…). ΠΠ½Π°ΡΠ΅Π½ΠΈΡ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΡΠ΅Π»ΠΎΡΠΈΡΠ»Π΅Π½Π½ΡΠΌΠΈ, Π΄ΠΎΠΏΡΡΠΊΠ°Π΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΎΡΡΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ.
ΠΠ±ΡΠ°ΡΠ°Ρ ΠΠ°ΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ Π΄ΠΎΠΏΡΡΠΊΠ°Π΅ΡΡΡ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°ΡΡ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅ (ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅) ΡΠΏΠΈΡΠΊΠΈ, Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ Π² Π΄ΡΡΠ³ΠΈΠ΅ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ (Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ° <li>):
<!DOCTYPE html> <html> <head> <title>ΠΡΠΈΠΌΠ΅Ρ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°, Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ Π² Π΄ΡΡΠ³ΠΎΠΉ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ</title> </head> <body> <ol> <li>ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ <ol> <!--ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ Π½ΠΎΠ²ΡΠΉ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ°--> <li>ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ</li> </ΠΎl> </li> <li>ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ</li> </ΠΎl> </body> </html>
ΠΡΠ³Π»ΡΠ΄Π΅ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ ΡΠ°ΠΊ:
- ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ.
- ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ.
- ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ.
- Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ.
- ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ.
- Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ.
ΠΠΎ ΠΈ ΡΡΠΎ Π΅ΡΠ΅ Π½Π΅ Π²ΡΠ΅, Π°ΡΡΠΈΠ±ΡΡ reversed ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π·Π°Π΄Π°ΡΡ, ΡΡΠΎ ΠΏΠΎΡΡΠ΄ΠΎΠΊ Π² Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠΌ (ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠΌ) ΡΠΏΠΈΡΠΊΠ΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠ΄ΡΠΈ ΠΏΠΎ ΡΠ±ΡΠ²Π°Π½ΠΈΡ. ΠΡΡΠΈΠ±ΡΡ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ Internet Explorer ΠΈ Edge.
ΠΡΠ³Π»ΡΠ΄Π΅ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ ΡΠ°ΠΊ:
- ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ.
- ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ.
- Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ.
ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ.
ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ (Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ) ΡΠΏΠΈΡΠΎΠΊ Π² HTML ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ ΡΠ΅Π³ΠΎΠΌ <ul> (Unordered List Element). ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π½Π°ΡΠΈΠ½Π°ΡΡΡΡ Ρ ΡΠ΅Π³Π° <li> (ΡΠΎΠΊΡΠ°ΡΠ΅Π½Π½ΠΎΠ΅ ΠΎΡ Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΎΠ³ΠΎ list item — ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°).
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅ Π² Π²ΠΈΠ΄Π΅ ΡΠΏΠΈΡΠΊΠ°, Π½Π°ΡΠΈΠ½Π°ΡΡΠ΅Π³ΠΎΡΡ Ρ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΎΠ³ΠΎ ΡΡΡΠ½ΠΎΠ³ΠΎ ΠΊΡΡΠ³Π°.
ΠΠ°Π²Π°ΠΉΡΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ:
<!DOCTYPE html> <html> <head> <title>ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <ul></title> </head> <body> <ul> <li>Π‘Π²Π΅ΡΠ»ΠΎΠ΅</li> <li>Π’ΡΠΌΠ½ΠΎΠ΅</li> <li>ΠΡΡΠ½ΠΈΡΠ°</li> </ul> </body> </html>
ΠΡΠ³Π»ΡΠ΄Π΅ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ ΡΠ°ΠΊ:
- Π‘Π²Π΅ΡΠ»ΠΎΠ΅
- Π’ΡΠΌΠ½ΠΎΠ΅
- ΠΡΡΠ½ΠΈΡΠ°
ΠΠ°Π±Π΅Π³Π°Ρ Π²ΠΏΠ΅ΡΠ΅Π΄, ΡΠΊΠ°ΠΆΡ, ΡΡΠΎ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ HTML ΠΈΠΌΠ΅Π΅Ρ ΡΡΠΈΠ»Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ. ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΡΠΈΠ»Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π² HTML ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠ΄Π΅Π»Π°Π½ΠΎ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ° style. ΠΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΡΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ Π±ΡΠ΄Π΅Ρ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π½ Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΡΠ°ΡΡΠ΅ «HTML ΡΡΠΈΠ»ΠΈ».
ΠΠ»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠΈΠΏΠ° ΠΌΠ°ΡΠΊΠ΅ΡΠ° (ΡΡΠΈΠ»Ρ) Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎΠΌ CSS list-style-type, ΡΡΠΎΠ±Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΡΡΠΈΠ»Ρ ΠΌΠ°ΡΠΊΠ΅ΡΠ°. ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π°:
ΠΡΡΠΈΠ±ΡΡ | ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ |
---|---|
list-style-type:none | Π£Π±ΠΈΡΠ°Π΅Ρ ΠΌΠ°ΡΠΊΠ΅Ρ. |
list-style-type:disc | ΠΠ°Π»Π΅Π½ΡΠΊΠΈΠΉ ΡΠ΅ΡΠ½ΡΠΉ ΠΊΡΡΠ³. ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ. |
list-style-type:circle | ΠΡΡΠ³ ΠΏΡΡΡΠΎΠΉ Π²Π½ΡΡΡΠΈ. |
list-style-type:square | ΠΠ°ΡΠΊΠ΅Ρ Π² Π²ΠΈΠ΄Π΅ ΠΊΠ²Π°Π΄ΡΠ°ΡΠ°. |
ΠΠΈΠΆΠ΅ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½ ΠΏΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ CSS Π²Π½ΡΡΡΠΈ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°:
<!DOCTYPE html> <html> <head> <title>ΠΡΠΈΠΌΠ΅Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠΈΠΏΠ° ΠΌΠ°ΡΠΊΠ΅ΡΠ° ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°</title> </head> <body> <ul style = "list-style-type:none"> <!-- ΠΌΠ°ΡΠΊΠ΅Ρ ΠΎΡΡΡΡΡΡΠ²ΡΠ΅Ρ --> <li>ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ</li> </ul> <ul style = "list-style-type:disc"> <!-- ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠΉ ΡΠ΅ΡΠ½ΡΠΉ ΠΊΡΡΠ³ --> <li>ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ</li> </ul> <ul style = "list-style-type:circle"> <!-- ΠΊΡΡΠ³ ΠΏΡΡΡΠΎΠΉ Π²Π½ΡΡΡΠΈ --> <li>ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ</li> </ul> <ul style = "list-style-type:square"> <!-- ΠΌΠ°ΡΠΊΠ΅Ρ Π² ΡΠΎΡΠΌΠ΅ ΠΊΠ²Π°Π΄ΡΠ°ΡΠ° --> <li>ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ</li> <li>Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ</li> </ul> </body> </html>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π½Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ°:
Π ΠΈΡ. 15 ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ.ΠΠ±ΡΠ°ΡΠ°Ρ ΠΠ°ΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ Π΄ΠΎΠΏΡΡΠΊΠ°Π΅ΡΡΡ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°ΡΡ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ (Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅) ΡΠΏΠΈΡΠΊΠΈ, Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ Π² Π΄ΡΡΠ³ΠΈΠ΅ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ (Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ° <li>) ΠΏΡΠΈ ΡΡΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π±ΡΠ΄ΡΡ Ρ ΠΏΡΡΡΡΠΌ ΠΊΡΡΠ³ΠΎΠΌ Π²Π½ΡΡΡΠΈ, a ΠΏΠΎΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π±ΡΠ΄ΡΡ Ρ ΠΊΠ²Π°Π΄ΡΠ°ΡΠΎΠΌ:
- ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ
- ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ
- ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ
- ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ
- ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ
- Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ
- ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ
- Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ
- ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ
- ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ
- Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ
- ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ
- ΠΡΠΎΡΠΎΠΉ ΠΏΡΠ½ΠΊΡ
- Π’ΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ
Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΉ
Π‘ΠΏΠΈΡΠΊΠΈ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π΄Π»Ρ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΏΠ°Ρ ΡΠΈΠΏΠ° Β«ΠΈΠΌΡ/Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅Β» / Β«Π²ΠΎΠΏΡΠΎΡ/ΠΎΡΠ²Π΅ΡΒ» ΠΈ Ρ.ΠΏ.
Π’ΡΠ³ <dl> (HTML Description List Element) ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠΏΠΈΡΠΎΠΊ, ΡΡΠ³ <dt> (HTML Definition Term Element) ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π΅Π³ΠΎ ΠΈΠΌΡ, Π° ΡΠ΅Π³ <dd> (HTML Description Element) ΠΎΠΏΠΈΡΡΠ²Π°Π΅Ρ Π΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅.
Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ:
<!DOCTYPE html> <html> <head> <title>ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΉ</title> </head> <body> <dl> <dt>ΠΠ°ΠΌΠ΅Π²Ρ</dt> <dd>ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅, ΠΏΡΠΎΡΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½ΠΎΠ΅ Π΄Π΅ΠΆΠ°Π²Ρ, Π²Π½Π΅Π·Π°ΠΏΠ½ΠΎ Π½Π°ΡΡΡΠΏΠ°ΡΡΠ΅Π΅ ΠΎΡΡΡΠ΅Π½ΠΈΠ΅ ΡΠΎΠ³ΠΎ, ΡΡΠΎ Ρ ΠΎΡΠΎΡΠΎ Π·Π½Π°ΠΊΠΎΠΌΠΎΠ΅ ΠΌΠ΅ΡΡΠΎ ΠΈΠ»ΠΈ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊ ΠΊΠ°ΠΆΡΡΡΡ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ Π½Π΅ΠΈΠ·Π²Π΅ΡΡΠ½ΡΠΌΠΈ ΠΈΠ»ΠΈ Π½Π΅ΠΎΠ±ΡΡΠ½ΡΠΌ.</dd> <dt>Π€Π°ΡΡΠΈΠ½Π°ΡΠΈΡ</dt> <dd>ΠΏΠΎΠ²ΡΡΠ΅Π½ΠΈΠ΅ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅ΠΌΠΎΠ³ΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π° ΡΠ΅ΡΠ΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΎΠΏΡΡΡΡΠ²ΡΡΡΠΈΡ (ΡΠΎΠ½ΠΎΠ²ΡΡ ) Π²ΠΎΠ·Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ.</dd> </dl> </body> </html>
ΠΠ°ΠΊ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°ΠΌΠ΅ΡΠΈΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΉ (ΡΠ»Π΅ΠΌΠ΅Π½Ρ <dd>) ΠΈΠΌΠ΅Π΅Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π²Π½Π΅ΡΠ½ΠΈΠΉ ΠΎΡΡΡΡΠΏ Ρ Π»Π΅Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ ΡΠ°Π²Π½ΡΠΉ 40 ΠΏΠΈΠΊΡΠ΅Π»ΡΠΌ:
Π ΠΈΡ. 16 Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΉ.ΠΠ±ΡΠ°ΡΠ°Ρ ΠΠ°ΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ Π΄ΠΎΠΏΡΡΠΊΠ°Π΅ΡΡΡ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°ΡΡ ΡΠΏΠΈΡΠΊΠΈ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΉ, Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ Π² Π΄ΡΡΠ³ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΈ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΉ (Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠΏΠΈΡΠΊΠ° <dd>).
ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ (Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅), Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅ (ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠ΅) ΠΈ ΡΠΏΠΈΡΠΊΠΈ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΉ Π²Π½ΡΡΡΠΈ ΡΠ΅Π±Ρ ΠΌΠΎΠ³ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° (Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ° / Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ ΡΠΏΠΈΡΠΊΠ°), Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΡΡΡΠ»ΠΊΠΈ ΠΈ Ρ.Π΄. Π‘ΠΏΠΈΡΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎ, ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°ΡΡ ΠΈΠ· Π½ΠΈΡ ΠΌΠ΅Π½Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅. ΠΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ CSS (ΠΊΠ°ΡΠΊΠ°Π΄Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΠ°Ρ ΡΡΠΈΠ»Π΅ΠΉ) ΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡΡ HTML 5 Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅ ΠΏΠΎΠ·Π΄Π½Π΅Π΅.
Π‘ΠΏΠΈΡΠΎΠΊ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΡΡ ΠΌΠ΅Π½Ρ
Π’Π΅Π³ <menu> ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΡΡ ΠΌΠ΅Π½Ρ, ΠΏΠ°Π½Π΅Π»Π΅ΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΠΈ Π΄Π»Ρ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠΎΡΠΌΡ.
Π’Π΅Π³ <menuitem> ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΊΠΎΠΌΠ°Π½Π΄Ρ / ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ·Π²Π°ΡΡ ΠΈΠ· ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ.
Π Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ ΡΠ΅Π³ΠΈ <menu> ΠΈ <menuitem> ΠΈΠΌΠ΅ΡΡ ΠΎΡΠ΅Π½Ρ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π½ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ ΠΈ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΏΠΎ ΡΡΠΎΠΉ ΠΏΡΠΈΡΠΈΠ½Π΅:
Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅Ρ Π΄Π»Ρ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ ΠΊΡΡΠ³ΠΎΠ·ΠΎΡΠ°:
<!DOCTYPE html> <html> <head> <title>ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅Π³Π° <menu></title> </head> <body> <div contextmenu = "testmenu"> <!-- ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΠΌ, Π΄Π»Ρ Π±Π»ΠΎΠΊΠ° ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ --> ΠΠ»ΠΈΠΊΠ½ΠΈ ΠΏΠΎ ΠΌΠ½Π΅ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ. <menu type = "context" id = "testmenu"> <!-- ΡΠΎΠ·Π΄Π°Π΅ΠΌ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ --> <menuitem label = "like"></menuitem> <!-- ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΠΌ ΠΏΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΌΠ΅Π½Ρ --> <menuitem label = "dislike"></menuitem> <!-- ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΠΌ Π²ΡΠΎΡΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΌΠ΅Π½Ρ --> </menu> </div> </body> </html>
ΠΠ»ΠΈΠΊΠ½ΠΈ ΠΏΠΎ ΠΌΠ½Π΅ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ.
ΠΠ»Ρ ΡΠ΅Ρ Ρ ΠΊΠΎΠ³ΠΎ Π±ΡΠ°ΡΠ·Π΅Ρ Π½Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ:
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ° contextmenu, ΡΠ΅Π³ΠΎΠ² <menu> ΠΈ <menuitem>.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ <div>, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ» ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ Π² ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π½ Π² ΡΡΠ°ΡΡΠ΅ ΡΡΠ΅Π±Π½ΠΈΠΊΠ° «Π’Π΅Π³ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡΡ».
ΠΠΎΠΏΡΠΎΡΡ ΠΈ Π·Π°Π΄Π°ΡΠΈ ΠΏΠΎ ΡΠ΅ΠΌΠ΅
ΠΠ΅ΡΠ΅Π΄ ΡΠ΅ΠΌ ΠΊΠ°ΠΊ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ ΠΊ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΠ΅ΠΌΡ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ Π·Π°Π΄Π°Π½ΠΈΡ.
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΏΠΎΠ»ΡΡΠ΅Π½Π½ΡΠ΅ Π·Π½Π°Π½ΠΈΡ ΡΠΎΡΡΠ°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ HTML ΡΠΏΠΈΡΠΊΠΈ:
ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ Π·Π°Π΄Π°Π½ΠΈΠ΅ β 6.
ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ Π·Π°Π΄Π°Π½ΠΈΠ΅ β 7.
ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ Π·Π°Π΄Π°Π½ΠΈΠ΅ β 8.
ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ Π·Π°Π΄Π°Π½ΠΈΠ΅ β 9.
ΠΡΠ»ΠΈ Ρ ΠΠ°Ρ Π΅ΡΡΡ Π·Π°ΡΡΡΠ΄Π½Π΅Π½ΠΈΡ Π² ΡΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΠΈ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-ΡΠΎ ΡΠΏΠΈΡΠΊΠ°, ΡΠΎ Π²Π½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ°ΠΉΡΠ΅ ΡΡΠ°ΡΡΡ Π΅ΡΠ΅ ΡΠ°Π·, Π΅ΡΠ»ΠΈ Π²Ρ Π½Π΅ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΠΎΡΠ²Π΅ΡΠ° Π½Π° Π²Π°Ρ Π²ΠΎΠΏΡΠΎΡ, ΡΠΎ ΠΏΡΠΎΠΈΠ½ΡΠΏΠ΅ΠΊΡΠΈΡΡΠΉΡΠ΅ ΠΊΠΎΠ΄ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΎΡΠΊΡΡΠ² ΠΏΡΠΈΠΌΠ΅Ρ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΌ ΠΎΠΊΠ½Π΅ ΠΊΠ»ΠΈΠΊΠ½ΡΠ² ΠΏΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
basicweb.ru
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΎΠ² Π² html ΠΈ Π²ΠΈΠ΄Ρ ΡΠΏΠΈΡΠΊΠΎΠ²
Π¦Π΅Π»Ρ ΡΡΠΎΠΊΠ°: Π·Π½Π°ΠΊΠΎΠΌΡΡΠ²ΠΎ Ρ ΡΠ΅Π³Π°ΠΌΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΏΠΈΡΠΊΠΎΠ² Π² HTML
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΎΠ² Π² HTML
Π HTML ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ ΡΠ°Π±ΠΎΡΠ° ΡΠΎ Π²ΡΠ΅ΠΌΠΈ Π²ΠΈΠ»Π°ΠΌΠΈ ΡΠΏΠΈΡΠΊΠΎΠ², ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΈΡ
ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ HTML
ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΈΠ»ΠΈ Π½Π΅Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ HTML ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ΅Π³ΠΈ:
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ:
<ul> <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ 1</li> <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ 2</li> <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ 3</li> β¦ <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ n</li> </ul><ul> <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ 1</li> <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ 2</li> <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ 3</li> β¦ <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ n</li> </ul>
Π’.Π΅. ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΏΡΠ½ΠΊΡ ΡΠΏΠΈΡΠΊΠ° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π½Π°ΡΠΈΠ½Π°ΡΡΡΡ ΡΠ΅Π³ΠΎΠΌ li
ΠΈ Π·Π°Π²Π΅ΡΡΠ°ΡΡΡΡ Π΅Π³ΠΎ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠ΅ΠΉ ΠΏΠ°ΡΠΎΠΉ, Π²ΠΌΠ΅ΡΡΠΎ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΠΌΠ°ΡΠΊΠ΅Ρ (Π΄ΠΈΡΠΊ, ΠΎΠΊΡΡΠΆΠ½ΠΎΡΡΡ ΠΈΠ»ΠΈ ΠΊΠ²Π°Π΄ΡΠ°Ρ β Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΠΏΡΠ΅Π΄ΡΡΡΠ°Π½ΠΎΠ²ΠΎΠΊ Π±ΡΠ°ΡΠ·Π΅ΡΠ°)
Π§ΡΠΎΠ±Ρ Π·Π°Π΄Π°ΡΡ Π²ΠΈΠ΄ ΠΌΠ°ΡΠΊΠ΅ΡΠ°, Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π°ΡΡΠΈΠ±ΡΡ type
:
<ul type="disk"> Π·Π°ΠΏΠΎΠ»Π½Π΅Π½Π½ΡΠΉ Π΄ΠΈΡΠΊ <ul type="circle"> ΠΎΠΊΡΡΠΆΠ½ΠΎΡΡΡ <ul type="square"> ΠΊΠ²Π°Π΄ΡΠ°Ρ |
<ul type=»disk»> Π·Π°ΠΏΠΎΠ»Π½Π΅Π½Π½ΡΠΉ Π΄ΠΈΡΠΊ <ul type=»circle»> ΠΎΠΊΡΡΠΆΠ½ΠΎΡΡΡ <ul type=»square»> ΠΊΠ²Π°Π΄ΡΠ°Ρ
Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ HTML
Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π² HTML ΠΈΠ»ΠΈ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠ°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Π½Π΅Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ, Π·Π° ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ ΡΠ΅Π³Π°:
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ:
1 2 3 4 5 6 7 <ol> <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ 1</li> <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ 2</li> <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ 3</li> β¦ <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ n</li> </ol><ol> <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ 1</li> <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ 2</li> <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ 3</li> β¦ <li>ΡΠ»Π΅ΠΌΠ΅Π½Ρ n</li> </ol>
ΠΠ»Ρ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΡΠΎΠΆΠ΅ Π΅ΡΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ:
<ol type = "a"> <ol type = "A"> <ol type = "I"> <ol type = "1"> |
<ol type = «a»> <ol type = «A»> <ol type = «I»> <ol type = «1»>
ΠΠΎΠΆΠ½ΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΠΊ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΌΡ ΠΏΡΠ½ΠΊΡΡ:
ΠΠ»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠΈΡΡ ΡΠΏΠΈΡΠΎΠΊ Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Π½ΠΎΠΌΠ΅ΡΠ°:
ΠΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ HTML
Π‘ΠΏΠΈΡΠΊΠΈ Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡΠΌΠΈ ΠΈΠ»ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ Π² HTML ΡΠΎΠ·Π΄Π°ΡΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:
1 2 3 4 5 6 7 8 9 <dl> <dt>ΠΡΠ½ΠΊΡ 1 <dd>ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠ½ΠΊΡΠ° 1 <dd>ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠ½ΠΊΡΠ° 1 <dt>ΠΡΠ½ΠΊΡ 2 <dd>ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠ½ΠΊΡΠ° 2 <dt>ΠΡΠ½ΠΊΡ 3 <dd>ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠ½ΠΊΡΠ° 3 </dl><dl> <dt>ΠΡΠ½ΠΊΡ 1 <dd>ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠ½ΠΊΡΠ° 1 <dd>ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠ½ΠΊΡΠ° 1 <dt>ΠΡΠ½ΠΊΡ 2 <dd>ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠ½ΠΊΡΠ° 2 <dt>ΠΡΠ½ΠΊΡ 3 <dd>ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠ½ΠΊΡΠ° 3 </dl>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ:
ΠΡΠ°ΡΠΈΠ²ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ html ΠΈΠ»ΠΈ ΡΠΌΠ΅ΡΠ°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
Π§ΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠΏΠΈΡΠΎΠΊ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ ΠΊΡΠ°ΡΠΈΠ²ΡΠΌ, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π² ΠΎΠ΄Π½ΠΎΠΌ ΡΠΏΠΈΡΠΊΠ΅ ΡΠ°Π·Π½ΡΠ΅ Π²ΠΈΠ΄Ρ ΡΠΏΠΈΡΠΊΠΎΠ². Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅Ρ:
1 2 3 4 5 6 7 8 9 10 | <dl><strong>Π‘ΠΌΠ΅ΡΠ°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ</strong> <dt><i>ΠΠΎΠ²ΠΎΡΡΡ Π΄Π½Ρ</i> <dd> <li>Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΈΠ΄Π΅Ρ Π΄ΠΎΠΆΠ΄Ρ</li> <li>ΠΠΎΠΆΠ΄Ρ Π±ΡΠ΄Π΅Ρ ΠΈΠ΄ΡΠΈ Π²Π΅ΡΡ Π΄Π΅Π½Ρ</li> <dt><i>ΠΠΎΠ²ΠΎΡΡΡ Π½ΠΎΡΠΈ</i> <dd> <li>ΠΠΎΡΡΡ Π±ΡΠ΄Π΅Ρ ΠΈΠ΄ΡΠΈ Π΄ΠΎΠΆΠ΄Ρ</li> <li>ΠΠ°Π²ΡΡΠ° Π½Π°ΡΠ½Π΅ΡΡΡ Π½ΠΎΠ²ΡΠΉ Π΄Π΅Π½Ρ</li> </dl> |
<dl><strong>Π‘ΠΌΠ΅ΡΠ°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ</strong> <dt><i>ΠΠΎΠ²ΠΎΡΡΡ Π΄Π½Ρ</i> <dd> <li>Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΈΠ΄Π΅Ρ Π΄ΠΎΠΆΠ΄Ρ</li> <li>ΠΠΎΠΆΠ΄Ρ Π±ΡΠ΄Π΅Ρ ΠΈΠ΄ΡΠΈ Π²Π΅ΡΡ Π΄Π΅Π½Ρ</li> <dt><i>ΠΠΎΠ²ΠΎΡΡΡ Π½ΠΎΡΠΈ</i> <dd> <li>ΠΠΎΡΡΡ Π±ΡΠ΄Π΅Ρ ΠΈΠ΄ΡΠΈ Π΄ΠΎΠΆΠ΄Ρ</li> <li>ΠΠ°Π²ΡΡΠ° Π½Π°ΡΠ½Π΅ΡΡΡ Π½ΠΎΠ²ΡΠΉ Π΄Π΅Π½Ρ</li> </dl>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ:
- ΠΡΠΊΡΠΎΠΉΡΠ΅ ΡΠ°ΠΉΠ»
- Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠΌΠ΅ΡΠ°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΈ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ html ΠΈ ΡΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ:
- Π²ΠΌΠ΅ΡΡΠΎ Π·Π½Π°ΠΊΠ°
-
ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π»ΡΡ ΠΌΠ°ΡΠΊΠ΅Ρ - Π²ΠΌΠ΅ΡΡΠΎ ΠΏΠΎΡΡΠ΄ΠΊΠΎΠ²ΡΡ
ΡΠΈΡΠ΅Π» ΠΈ Π±ΡΠΊΠ² (
1
,2
,3
,a
,b
,c
) ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π»ΠΈΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ ΠΈΠΌ ΡΠΈΡΠ»Π° ΠΈ Π±ΡΠΊΠ²Ρ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ - Π·Π½Π°ΠΊ
-
, ΠΏΠΎΡΡΠ΄ΠΊΠΎΠ²ΡΠ΅ ΡΠΈΡΠ»Π° ΠΈ Π±ΡΠΊΠ²Ρ ΠΈΠ· ΡΠ΅ΠΊΡΡΠ° ΡΠ΄Π°Π»ΠΈΡΡ
labs-org.ru
HTML ΡΠ΅Π³ΠΈ. HTML ΡΠΏΠΈΡΠΊΠΈ. ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΈΠ»ΠΈ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ.
ΠΠ΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅, ΡΠ²Π°ΠΆΠ°Π΅ΠΌΡΠ΅ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»ΠΈ ΠΌΠΎΠ΅Π³ΠΎ ΡΠΊΡΠΎΠΌΠ½ΠΎΠ³ΠΎ Π±Π»ΠΎΠ³Π° Π΄Π»Ρ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ Π²Π΅Π±ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΈ web ΠΌΠ°ΡΡΠ΅ΡΠΎΠ²Β ZametkiNaPolyah.ru.Β ΠΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΠΌ ΡΡΠ±ΡΠΈΠΊΡΒ ΠΠ°ΠΌΠ΅ΡΠΊΠΈ ΠΏΠΎ HTMLΒ ΠΈ Π΅Π΅ ΡΠ°Π·Π΄Π΅Π»Β HTML ΡΠ΅Π³ΠΈ.Β ΠΠ°Π½Π½Π°Ρ ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΡ ΠΏΠΎΡΠ²ΡΡΠ΅Π½Π° ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ ΡΠΏΠΈΡΠΊΠ°ΠΌ HTML. ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΈΠ»ΠΈ ΠΊΠ°ΠΊ Π΅ΡΠ΅ Π³ΠΎΠ²ΠΎΡΡΡ, Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ HTML ΡΠΎΡΠΌΠΈΡΡΠ΅ΡΡΡ ΡΠ΅Π³Π°ΠΌΠΈ <ul>, <li>.
ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ. Π€ΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ HTML ΡΠΏΠΈΡΠΊΠ°. Π’Π΅Π³ΠΈ <ul>, <li>.
Π‘ΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ ΡΡΠ°ΡΡΠΈ:
ΠΠ°ΠΊ Π³ΠΎΠ²ΠΎΡΠΈΠ»ΠΎΡΡ ΡΠ°Π½Π΅Π΅, ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΡΠΎΡΠΌΠΈΡΡΡΡΡΡ Π΄Π²ΡΠΌΡ ΡΠ΅Π³Π°ΠΌΠΈ <ul>, <li>. ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈΒ — ΡΡΠΎ ΠΎΠ΄Π½Π° ΠΈΠ· ΡΠ°Π·Π½ΠΎΠ²ΠΈΠ΄Π½ΠΎΡΡΠ΅ΠΉΒ HTML ΡΠΏΠΈΡΠΊΠΎΠ².
Π’Π΅Π³ <li> ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°, ΡΠΎ Π΅ΡΡΡ, ΡΠ΅Π³ <li>Β ΡΠΎΡΠΌΠΈΡΡΠ΅Ρ ΠΏΡΠ½ΠΊΡΡ HTML ΡΠΏΠΈΡΠΊΠ°. ΠΠ»Π΅ΠΌΠ΅Π½Ρ <li> ΡΠ²Π»ΡΠ΅ΡΡΡ Π±Π»ΠΎΡΠ½ΡΠΌ HTML ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ, Π²Π½ΡΡΡΠΈ Π½Π΅Π³ΠΎ ΠΌΠΎΠ³ΡΡ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ Π»ΡΠ±ΡΠ΅ HTML ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, Π° Π΅Π³ΠΎ ΡΠΈΡΠΈΠ½Π° Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΠΎΠ±Π»Π°ΡΡΠΈ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΎΠ½ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ.
Π’Π΅Π³ <ul> ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ². ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΠΌΠ°ΡΠΊΠ΅Ρ ΡΡΠΎΡΡΠΈΠΉ ΡΠ»Π΅Π²Π° ΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ° ΠΈΠΌΠ΅Π΅Ρ Π²ΠΈΠ΄ Π·Π°ΠΊΡΠ°ΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΊΡΡΠ³Π°, Π½ΠΎ ΡΡΠΎ Π»Π΅Π³ΠΊΠΎ ΠΈΡΠΏΡΠ°Π²ΠΈΡΡ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌΠΈ ΡΠ΅Π³ΠΎΠ² <ul> ΠΈ <li>, ΠΏΡΠΈΠΎΡΠΈΡΠ΅Ρ ΠΈΠΌΠ΅Ρ Π°ΡΡΠΈΠ±ΡΡΡ ΡΠ΅Π³Π° <li>, ΡΡΠΎ ΡΠΏΡΠ°Π²Π΅Π΄Π»ΠΈΠ²ΠΎ ΠΈ Π΄Π»Ρ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ².
ΠΡΠ»ΠΈ ΠΊ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠΌΡ ΡΠΏΠΈΡΠΊΡ Π½Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΡΠΈΠ»ΠΈ ΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π° CSS, ΡΠΎ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡ ΠΈΡ ΡΡΠΈΡΡΠΎΠΌ, Π·Π°Π΄Π°Π½Π½ΡΠΌ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°
Π’Π΅Π³ΠΈ <ul>, <li> ΡΠ²Π»ΡΡΡΡΡ ΠΏΠ°ΡΠ½ΡΠΌΠΈ HTML ΡΠ΅Π³Π°ΠΌΠΈ, ΡΠΎ Π΅ΡΡΡ Π΄Π»Ρ ΠΈΡ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠ΅Π³, Π½ΠΎ, Ρ ΡΠ΅Π³Π° <li> ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠ΅Π³ Π½Π΅ ΡΡΠ°Π²ΠΈΡΡ, Ρ ΠΎΡΡ, ΡΡΠΎ ΡΡΠΈΡΠ°Π΅ΡΡΡ Π΄ΡΡΠ½ΡΠΌ ΡΠΎΠ½ΠΎΠΌ.
<ul> <li>ΠΠ΅ΡΠ²ΡΠΉ</li> <li>ΠΡΠΎΡΠΎΠΉ</li> </ul>
<ul> Β <li>ΠΠ΅ΡΠ²ΡΠΉ</li> Β <li>ΠΡΠΎΡΠΎΠΉ</li> Β </ul> |
ΠΡΡΠΈΠ±ΡΡΡ ΡΠ΅Π³ΠΎΠ² ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°Β
Π’Π΅Π³ <ul>, ΡΠ°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Π»ΡΠ±ΠΎΠΉ Π΄ΡΡΠ³ΠΎΠΉ ΡΠ΅Π³ ΠΈΠ· Π³ΡΡΠΏΠΏΡ HTML ΡΠΏΠΈΡΠΊΠΎΠ², ΠΈΠΌΠ΅Π΅Ρ Π°ΡΡΠΈΠ±ΡΡΡ ΡΠΎΠ±ΡΡΠΈΠΉ ΠΈ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠ΅ HTML Π°ΡΡΠΈΠ±ΡΡΡ. ΠΠ»Ρ ΡΠ΅Π³Π° <ul> Π΄ΠΎΡΡΡΠΏΠ΅Π½ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄ΠΈΠ½ Β ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ HTML Π°ΡΡΠΈΠ±ΡΡ:
Type β ΠΡΡΠΈΠ±ΡΡ type ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π²ΠΈΠ΄ ΠΌΠ°ΡΠΊΠ΅ΡΠ° Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Π΅ΡΠ»ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠ° type Ρ ΡΠ΅Π³Π° <ul> ΠΈ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ Π²Π½ΡΡΡΠΈ Π½Π΅Π³ΠΎ ΡΠ΅Π³Π° <li> Π±ΡΠ΄ΡΡ ΡΠ°Π·Π½ΡΠΌΠΈ, ΡΠΎ ΠΊ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΡΠΈΡΠ²ΠΎΠ΅Π½ΠΎ ΡΠ΅Π³Ρ <li>, ΡΡΠ° ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ ΡΠΏΡΠ°Π²Π΅Π΄Π»ΠΈΠ²Π° ΠΈ Π΄Π»Ρ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² <ol>.
Π’Π΅Π³ <li> ΠΈΠΌΠ΅Π΅Ρ Π²ΡΠ΅ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠ΅ HTML Π°ΡΡΠΈΠ±ΡΡΡ, Π°ΡΡΠΈΠ±ΡΡΡ ΡΠΎΠ±ΡΡΠΈΠΉ ΠΈ Π΄Π²Π° ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΡ Π°ΡΡΠΈΠ±ΡΡΠ°:
Value β Π°ΡΡΠΈΠ±ΡΡ value ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ Π΄Π»Ρ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ²
Type β Π°ΡΡΠΈΠ±ΡΡ type ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅Ρ Π²ΠΈΠ΄ ΠΌΠ°ΡΠΊΠ΅ΡΠ°, ΠΊΠ°ΠΊ Π² ΡΠΏΠΈΡΠΊΠ΅ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΉ, ΡΠ°ΠΊ ΠΈ Π² ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΌ ΡΠΏΠΈΡΠΊΠ΅ ΠΈ ΡΠΏΠΈΡΠΊΠ΅ ΠΌΠ΅Π½Ρ.
ΠΡΡΠ³ΠΈΠ΅ HTML ΡΠΏΠΈΡΠΊΠΈΒ
ΠΠΎΠΌΠΈΠΌΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ.Β ΠΡΡΡ Π΅ΡΠ΅ ΡΠ΅ΡΡΡΠ΅Β HTML ΡΠΏΠΈΡΠΊΠ°:
Π’Π΅Π³ <ol> ΡΠΎΡΠΌΠΈΡΡΠ΅Ρ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ. Π’Π΅Π³ <dir> ΡΠΎΡΠΌΠΈΡΡΠ΅Ρ ΡΠΏΠΈΡΠΎΠΊ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΉ. Π’Π΅Π³ <dl> ΡΠΎΡΠΌΠΈΡΡΠ΅Ρ ΡΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ. ΠΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ <dt> ΡΠ»ΡΠΆΠΈΡ Π΄Π»Ρ Ρ ΡΠ°Π½Π΅Π½ΠΈΡ ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ΅ΡΠΌΠΈΠ½Π° ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ. Π ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ <dd> ΠΏΠΎΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠ΅ΡΠΌΠΈΠ½Π° ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ. Π’Π΅Π³ <menu> ΡΠΎΠ·Π΄Π°Π΅Ρ ΡΠΏΠΈΡΠΎΠΊ ΠΌΠ΅Π½Ρ.
ΠΡΠΈΠΌΠ΅Ρ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»> <html> <head> <meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″> <title>ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅Π³Π° OL</title> </head> <body> <ul> <li>ΠΠ΅ΡΠ²ΡΠΉ <ul type=»square»> <li>1.1</li> <li type=»circle»>1.2</li> <li>1.3</li> <li>1.4</li> </ul> </li> <li>ΠΡΠΎΡΠΎΠΉ <ul type=»circle»> <li>2.1</li> <li type=»disc»>2.2</li> <li>2.3</li> </ul> </li> <li>Π’ΡΠ΅ΡΠΈΠΉ <ul> <li>3.1</li> <li>3.2</li> <li>3.3</li> </ul> </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 |
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»> <html> <head> <meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″> <title>ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅Π³Π° OL</title> </head> <body> <ul> <li>ΠΠ΅ΡΠ²ΡΠΉ <ul type=»square»> <li>1.1</li> <li type=»circle»>1.2</li> <li>1.3</li> <li>1.4</li> </ul> </li> <li>ΠΡΠΎΡΠΎΠΉ <ul type=»circle»> <li>2.1</li> <li type=»disc»>2.2</li> <li>2.3</li> </ul> </li> <li>Π’ΡΠ΅ΡΠΈΠΉ <ul> <li>3.1</li> <li>3.2</li> <li>3.3</li> </ul> </li> Β </ul> </body> </html> |
ΠΡΠ»ΠΈ Π²Ρ ΡΠΊΠΎΠΏΠΈΡΡΠ΅ΡΠ΅ ΠΏΡΠΈΠΌΠ΅Ρ Π² ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ(ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡΒ Notepad++, Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Ρ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΎΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ°), Π° Π·Π°ΡΠ΅ΠΌ Π·Π°ΠΏΡΡΡΠΈΡΠ΅ Π΅Π³ΠΎ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, ΡΠΎ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅:
ΠΠ° ΡΡΠΎΠΌ Π²ΡΡ, ΡΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Π½Π°Π΄Π΅ΡΡΡ, ΡΡΠΎ Π±ΡΠ» Ρ ΠΎΡΡ ΡΠ΅ΠΌ-ΡΠΎ ΠΏΠΎΠ»Π΅Π·Π΅Π½ ΠΈ Π΄ΠΎ ΡΠΊΠΎΡΡΡ Π²ΡΡΡΠ΅Ρ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ°Ρ Π±Π»ΠΎΠ³Π° Π΄Π»Ρ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ Π²Π΅Π±ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΈ Π²Π΅Π±ΠΌΠ°ΡΡΠ΅ΡΠΎΠ²Β ZametkiNaPolyah.ruΒ
zametkinapolyah.ru
HTML Π‘ΠΏΠΈΡΠΊΠΈ
ΠΡΠΈΠΌΠ΅Ρ ΡΠΏΠΈΡΠΎΠΊ HTML
ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ Π‘ΠΏΠΈΡΠΎΠΊ:
- Π‘ΡΡΠ°Π½ΠΈΡΠ°
- Π‘ΡΡΠ°Π½ΠΈΡΠ°
- Π‘ΡΡΠ°Π½ΠΈΡΠ°
- Π‘ΡΡΠ°Π½ΠΈΡΠ°
Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ Π‘ΠΏΠΈΡΠΎΠΊ:
- ΠΠ΅ΡΠ²Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ°
- ΠΡΠΎΡΠ°Ρ ΡΡΡΠ°Π½ΠΈΡΠ°
- Π’ΡΠ΅ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΠ°
- Π§Π΅ΡΠ²Π΅ΡΡΠ°Ρ ΡΡΡΠ°Π½ΠΈΡΠ°
ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ HTML
ΠΠ΅Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ ΡΠ΅Π³Π° <ul>. ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ ΡΠ΅Π³Π° <li>.
ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, Π±ΡΠ΄ΡΡ ΠΏΠΎΠΌΠ΅ΡΠ΅Π½Ρ Π΄ΠΈΡΠΊΠΎΠΌ (ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠ΅ ΡΠ΅ΡΠ½ΡΠ΅ ΠΊΡΡΠΆΠΊΠ°ΠΌΠΈ):
ΠΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ HTML — Π²ΡΠ±ΡΠ°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΠΌΠ°ΡΠΊΠ΅Ρ
Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ CSS list-style-type ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΡΠΈΠ»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ° ΠΌΠ°ΡΠΊΠ΅Ρ:
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ |
---|---|
disc | ΠΠ°Π΄Π°Π΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΠΌΠ°ΡΠΊΠ΅Ρ ΠΊΠ°ΠΊ Π΄ΠΈΡΠΊ (ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ) |
circle | ΠΠ°Π΄Π°Π΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΠΌΠ°ΡΠΊΠ΅Ρ ΠΊΠ°ΠΊ ΠΊΡΡΠ³ |
square | ΠΠ°Π΄Π°Π΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΠΌΠ°ΡΠΊΠ΅Ρ ΠΊΠ°ΠΊ ΠΊΠ²Π°Π΄ΡΠ°Ρ |
none | ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° Π½Π΅ Π±ΡΠ΄ΡΡ ΠΎΡΠΌΠ΅ΡΠ΅Π½Ρ |
ΠΡΠΈΠΌΠ΅Ρ — ΠΠΈΡΠΊ
<ul>
Β <li>ΠΠΎΡΠ΅</li>
Β <li>Π§Π°ΠΉ</li>
Β <li>ΠΠΎΠ»ΠΎΠΊΠΎ</li>
</ul>
ΠΡΠΈΠΌΠ΅Ρ — ΠΡΡΠ³
<ul>
Β <li>ΠΠΎΡΠ΅</li>
Β <li>Π§Π°ΠΉ</li>
Β <li>ΠΠΎΠ»ΠΎΠΊΠΎ</li>
</ul>
ΠΡΠΈΠΌΠ΅Ρ — ΠΠ²Π°Π΄ΡΠ°Ρ
<ul>
Β <li>ΠΠΎΡΠ΅</li>
Β <li>Π§Π°ΠΉ</li>
Β <li>ΠΠΎΠ»ΠΎΠΊΠΎ</li>
</ul>
ΠΡΠΈΠΌΠ΅Ρ — ΠΠΈΡΠ΅Π³ΠΎ
<ul>
Β <li>ΠΠΎΡΠ΅</li>
Β <li>Π§Π°ΠΉ</li>
Β <li>ΠΠΎΠ»ΠΎΠΊΠΎ</li>
</ul>
Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ HTML
Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ ΡΠ΅Π³Π° <ol>. ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ ΡΠ΅Π³Π° <li>.
ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° Π±ΡΠ΄ΡΡ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½Ρ Π½ΠΎΠΌΠ΅ΡΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
Π£ΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ HTML — ΠΡΡΠΈΠ±ΡΡ type
ΠΡΡΠΈΠ±ΡΡ type Π² ΡΠ΅Π³Π΅ <ol>, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠΈΠΏ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ° ΠΌΠ°ΡΠΊΠ΅Ρ:
Π’ΠΈΠΏ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ |
---|---|
type=»1″ | ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° Π±ΡΠ΄ΡΡ ΠΏΡΠΎΠ½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Ρ ΡΠΈΡΡΠ°ΠΌΠΈ (ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ) |
type=»A» | ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° Π±ΡΠ΄ΡΡ ΠΏΡΠΎΠ½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Ρ Π·Π°Π³Π»Π°Π²Π½ΡΠΌΠΈ Π±ΡΠΊΠ²Π°ΠΌΠΈ |
type=»a» | ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° Π±ΡΠ΄ΡΡ ΠΏΡΠΎΠ½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Ρ ΡΡΡΠΎΡΠ½ΡΠΌΠΈ Π±ΡΠΊΠ²Π°ΠΌΠΈ |
type=»I» | ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° Π±ΡΠ΄ΡΡ ΠΏΡΠΎΠ½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Ρ ΠΏΡΠΎΠΏΠΈΡΠ½ΡΠΌΠΈ ΡΠΈΠΌΡΠΊΠΈΠΌΠΈ ΡΠΈΡΡΠ°ΠΌΠΈ |
type=»i» | ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° Π±ΡΠ΄ΡΡ ΠΏΡΠΎΠ½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Ρ ΡΡΡΠΎΡΠ½ΡΠΌΠΈ ΡΠΈΠΌΡΠΊΠΈΠΌΠΈ ΡΠΈΡΡΠ°ΠΌΠΈ |
ΠΡΠΎΠΏΠΈΡΠ½ΡΠ΅ Π ΠΈΠΌΡΠΊΠΈΠ΅ Π¦ΠΈΡΡΡ:
<ol type=»I»>
Β <li>ΠΠΎΡΠ΅</li>
Β <li>Π§Π°ΠΉ</li>
Β <li>ΠΠΎΠ»ΠΎΠΊΠΎ</li>
</ol>
Π‘ΡΡΠΎΡΠ½ΡΠ΅ Π ΠΈΠΌΡΠΊΠΈΠ΅ Π¦ΠΈΡΡΡ:
<ol type=»i»>
Β <li>ΠΠΎΡΠ΅</li>
Β <li>Π§Π°ΠΉ</li>
Β <li>ΠΠΎΠ»ΠΎΠΊΠΎ</li>
</ol>
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ° HTML
HTML ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ°.
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ° ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΠΏΠΈΡΠΎΠΊ ΡΠ΅ΡΠΌΠΈΠ½ΠΎΠ² Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ΠΌ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ΅ΡΠΌΠΈΠ½Π°.
Π’Π΅Π³ <dl> ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ°, ΡΠ΅Π³ <dt> ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠ΅ΡΠΌΠΈΠ½ (ΠΈΠΌΡ) ΠΈ ΡΠ΅Π³ <dd> ΠΎΠΏΠΈΡΡΠ²Π°Π΅Ρ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ΅ΡΠΌΠΈΠ½:Β
ΠΡΠΈΠΌΠ΅Ρ
<dl>
Β <dt>ΠΠΎΡΠ΅</dt>
Β <dd>- ΡΠ΅ΡΠ½ΡΠΉ Π³ΠΎΡΡΡΠΈΠΉ Π½Π°ΠΏΠΈΡΠΎΠΊ</dd>
Β <dt>ΠΠΎΠ»ΠΎΠΊΠΎ</dt>
Β <dd>- Π±Π΅Π»ΡΠΉ Ρ
ΠΎΠ»ΠΎΠ΄Π½ΡΠΉ Π½Π°ΠΏΠΈΡΠΎΠΊ</dd>
</dl>
ΠΠ»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΈΡΠΊΠΈ HTML
Π‘ΠΏΠΈΡΠΊΠΈ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΌΠΈ (ΡΠΏΠΈΡΠΊΠΈ Π²Π½ΡΡΡΠΈ ΡΠΏΠΈΡΠΊΠΎΠ²):
ΠΡΠΈΠΌΠ΅Ρ
<ul>
Β <li>ΠΠΎΡΠ΅</li>
Β <li>Π§Π°ΠΉ
Β Β <ul>
Β Β Β Β <li>Π§Π΅ΡΠ½ΡΠΉ ΡΠ°ΠΉ</li>
Β Β Β Β Β <li>ΠΠ΅Π»Π΅Π½ΡΠΉ ΡΠ°ΠΉ</li>
Β Β Β </ul>
Β </li>
Β <li>ΠΠΎΠ»ΠΎΠΊΠΎ</li>
</ul>
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° ΠΌΠΎΠ³ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π½ΠΎΠ²ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ, ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΡΡΡΠ»ΠΊΠΈ ΠΈ Ρ. Π΄.
ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠ΅ Π‘ΠΏΠΈΡΠΊΠΈ
Π‘ΠΏΠΈΡΠΊΠΈ HTML ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΡΡΠΈΠ»ΠΈΠ·ΠΎΠ²Π°Π½Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS.
ΠΠ΄ΠΈΠ½ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΡΠΈΠ»Π΅ ΡΠΏΠΈΡΠΎΠΊ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ, ΡΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΠΌΠ΅Π½Ρ:
ΠΡΠΈΠΌΠ΅Ρ
ul {
Β Β Β list-style-type: none;
Β Β Β margin: 0;
Β Β Β padding: 0;
Β Β Β overflow: hidden;
Β Β Β background-color: #333333;
}
li {
Β Β Β float: left;
}
li a {
Β Β Β display: block;
Β Β Β color: white;
Β Β Β text-align: center;
Β Β Β padding: 16px;
Β Β Β text-decoration: none;
}
li a:hover {
Β Β Β background-color: #111111;
}
</style>
</head>
<body>
<ul>
Β <li><a href=»#home»>ΠΠΎΠΌΠ°</a></li>
Β <li><a href=»#news»>ΠΠΎΠ²ΠΎΡΡΠΈ</a></li>
Β <li><a href=»#contact»>ΠΠΎΠ½ΡΠ°ΠΊΡΡ</a></li>
Β <li><a href=»#about»>Π</a></li>
</ul>
</body>
</html>
ΠΡΠ°ΡΠΊΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ HTML ΡΠ»Π΅ΠΌΠ΅Π½Ρ <ul> Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ CSS ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ list-style-type Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ° ΠΌΠ°ΡΠΊΠ΅Ρ
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ HTML ΡΠ»Π΅ΠΌΠ΅Π½Ρ <ol> ΡΡΠΎΠ±Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ HTML Π°ΡΡΠΈΠ±ΡΡ type ΡΡΠΎΠ±Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΡΠΈΠΏ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ HTML ΡΠ»Π΅ΠΌΠ΅Π½Ρ <li> Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ°
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ HTML ΡΠ»Π΅ΠΌΠ΅Π½Ρ <dl> Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΡΠΏΠΈΡΠΊΠ°
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ HTML ΡΠ»Π΅ΠΌΠ΅Π½Ρ <dt> Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΠ΅ΡΠΌΠΈΠ½Π° ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΡΠΏΠΈΡΠΊΠ°
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ HTML ΡΠ»Π΅ΠΌΠ΅Π½Ρ <dd> Π΄Π»Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΡΠ΅ΡΠΌΠΈΠ½Π° Π² ΡΠΏΠΈΡΠΊΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ
- Π‘ΠΏΠΈΡΠΊΠΈ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΌΠΈ Π² ΡΠΏΠΈΡΠΊΠΈ
- ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° ΠΌΠΎΠ³ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ CSS float:left ΠΈΠ»ΠΈ display:inline Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°
ΠΡΠΎΠ²Π΅ΡΡΡΠ΅ ΡΠ΅Π±Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΏΡΠ°ΠΆΠ½Π΅Π½ΠΈΠΉ!
Π’Π΅Π³ΠΈ HTML ΡΠΏΠΈΡΠΊΠ°
Π’Π΅Π³ΠΈ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ |
---|---|
<ul> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ |
<ol> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ |
<li> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° |
<dl> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ° |
<dt> | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠ΅ΡΠΌΠΈΠ½ Π² ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ° |
<dd> | ΠΠΏΠΈΡΡΠ²Π°Π΅Ρ ΡΠ΅ΡΠΌΠΈΠ½ Π² ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ° |
schoolsw3.com