- Π’Π°Π±Π»ΠΈΡΡ
- HTML ΡΠ°Π±Π»ΠΈΡΡ|ΡΠ΅Π³ΠΈ html — table, tr, td
- HTML ΡΠ°Π±Π»ΠΈΡΡ
- ΠΡΡΠΈΠ±ΡΡΡ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π² HTML. ΠΠ°ΠΊ Π² HTML ΡΠ΄Π΅Π»Π°ΡΡ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΏΠΎ ΡΠ΅Π½ΡΡΡ, ΡΠΈΡΠΈΠ½Π΅, ΠΊΡΠ°ΡΠΌ ΡΡΡΠ°Π½ΠΈΡΡ? β¦ ΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΡΡΠ³ΠΈΠ΅.
Π’Π°ΠΊ ΠΆΠ΅ Π°ΡΡΠΈΠ±ΡΡ align ΠΈΠΌΠ΅Π΅Ρ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
align=βΒ»leftβ β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ
align=βrightβ β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ
- Π’Π΅ΠΎΡΠΈΡ ΠΈ ΠΏΡΠ°ΠΊΡΠΈΠΊΠ° β ΠΠ°ΡΠ°Π³ΡΠ°ΡΡ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ HTML ΡΡΡΠ°Π½ΠΈΡΡ
- ΠΠ°ΡΠ°Π³ΡΠ°ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅
- HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅
- ΠΠΈΠ΄Π΅ΠΎ ΡΡΠΎΠΊ β HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡΡ? (ΠΏΡΠ°ΠΊΡΠΈΠΊΠ°)
- ΠΠΎΠΌΠ°ΡΠ½Π΅Π΅ Π·Π°Π΄Π°Π½ΠΈΠ΅
- Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ text-align
- Π’Π΅ΠΎΡΠΈΡ ΠΈ ΠΏΡΠ°ΠΊΡΠΈΠΊΠ° β ΠΠ°ΡΠ°Π³ΡΠ°ΡΡ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ HTML ΡΡΡΠ°Π½ΠΈΡΡ
- ΠΠ°ΡΠ°Π³ΡΠ°ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅
- HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅
- ΠΠΈΠ΄Π΅ΠΎ ΡΡΠΎΠΊ β HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡΡ? (ΠΏΡΠ°ΠΊΡΠΈΠΊΠ°)
- ΠΠΎΠΌΠ°ΡΠ½Π΅Π΅ Π·Π°Π΄Π°Π½ΠΈΠ΅
- ΠΠ°ΠΊ Π² HTML ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ
- Π£Π²Π΅Π»ΠΈΡΠΈΠ²Π°Π΅ΠΌ ΡΠ°ΠΌΠΊΡ (Π³ΡΠ°Π½ΠΈΡΡ) ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΠΌΠ΅Π½ΡΠ΅ΠΌ Π΅Π΅ ΡΠ²Π΅Ρ
- ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΎΡΡΡΡΠΏΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅
- ΠΠ°ΠΊ Π³ΡΠ°ΠΌΠΎΡΠ½ΠΎ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ ΡΡΠ΅ΠΉΠΊΠΈ Π² ΡΠ°Π±Π»ΠΈΡΠ΅
- ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ ΡΠ°Π±Π»ΠΈΡΡ
- ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΡΠ°ΡΠΈΠ²ΡΠΉ ΡΠΎΠ½ Ρ ΡΡΠ΅ΠΉΠΊΠΈ ΠΈΠ»ΠΈ Π²ΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΡ
- ΠΠ°ΠΊ Π²ΡΡΠΎΠ²Π½ΡΡΡ Π² html ΡΠ΅ΠΊΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ?
- Π Π°Π·Π±ΠΈΡΠ°Π΅ΠΌΡΡ Π² ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ Π²ΡΡΡΡΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡ / Skillbox Media
- seodon.ru | Π£ΡΠ΅Π±Π½ΠΈΠΊ HTML — Π’Π°Π±Π»ΠΈΡΡ
- ΠΠ°ΠΊ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅ΠΊΡΡ Π² ΡΡΡΠΎΠΊΠ΅ HTML-ΡΠ°Π±Π»ΠΈΡΡ
- Π‘ΠΎΠ·Π΄Π°ΡΡ HTMLΒΆ
- ΠΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΡ CSSΒΆ
- ΠΡΠΈΠΌΠ΅Ρ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° Π² ΡΡΡΠΎΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° CSS text-align: ΒΆ
- Π Π΅Π·ΡΠ»ΡΡΠ°ΡΒΆ
- ΠΡΠΈΠΌΠ΅Ρ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° Π² ΡΡΡΠΎΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² ΡΡΠΈΠ»Ρ: ΒΆ
- ΠΡΠΈΠΌΠ΅Ρ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²
- Π¦Π΅Π½ΡΡΠΈΡΠΎΠ²Π°ΡΡ Div, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΡΠΏΠΈΡΠΊΠΈ Π²Π½ΡΡΡΠΈ Div
- ΠΠ±ΡΠΈΠ΅ ΡΠ²Π΅Π΄Π΅Π½ΠΈΡ ΠΎ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠΈ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ ΠΈΠ»ΠΈ Β«ΠΠ°ΠΊ (Π½Π΅) ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈΒ»
- HTML Π°ΡΡΠΈΠ±ΡΡ valign - ΡΡΠ΅Π±Π½ΡΠ΅ ΠΏΠΎΡΠΎΠ±ΠΈΡ ΠΏΠΎ HTML
- ΠΠ°ΠΊΡΠΎΡ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΡ | Π¦Π΅Π½ΡΡ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ Π΄Π°Π½Π½ΡΡ ΠΈ ΡΠ΅ΡΠ²Π΅Ρ Confluence 7.14
- 0 0
- 0 0
- ΠΠ°ΡΡΠ½ΡΠ΅ Π΄ΠΎΠΊΠ°Π·Π°ΡΠ΅Π»ΡΡΡΠ²Π° ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ, ΡΠ²ΡΠ·Π°Π½Π½ΡΡ Ρ Π±ΠΎΠ»Π΅Π΅ Π²ΡΡΠΎΠΊΠΈΠΌ ΡΠΈΡΠΊΠΎΠΌ ΡΡΠΆΠ΅Π»ΠΎΠΉ ΡΠΎΡΠΌΡ COVID-19
- Π’Π°Π±Π»ΠΈΡΡ - ΠΎΠ±ΠΎΡΠΎΡΠ½Π°Ρ ΡΡΠΎΡΠΎΠ½Π°, ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠ΅Π΄Π°ΠΊΡΠΎΡ LaTeX
- ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅
- Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ Π² LaTeX
- Π‘ΡΠΎΠ»Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΉ Π΄Π»ΠΈΠ½Ρ
- ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΡΡΡΠΎΠΊ ΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ²
- ΠΠ½ΠΎΠ³ΠΎΡΡΡΠ°Π½ΠΈΡΠ½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ
- Π‘ΡΠΎΠ»Ρ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ
- ΠΠΎΠ΄ΠΏΠΈΡΠΈ, ΡΡΠ»ΡΠΊΠΈ ΠΈ ΡΡΡΠ»ΠΊΠΈ
- Π‘ΠΏΠΈΡΠΎΠΊ ΡΠ°Π±Π»ΠΈΡ
- ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π° ΡΠ°Π±Π»ΠΈΡΡ
- Π‘ΠΏΡΠ°Π²ΠΎΡΠ½ΠΎΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ
- ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½Π°Ρ Π»ΠΈΡΠ΅ΡΠ°ΡΡΡΠ°
Π’Π°Π±Π»ΠΈΡΡ
Π’Π°Π±Π»ΠΈΡΡ- ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΏΠΎΠ½ΡΡΠΈΡ
- ΠΡΡΠΈΠ±ΡΡΡ ΡΠ΅Π³ΠΎΠ² ΡΠ°Π±Π»ΠΈΡΡ
- ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΊΠ°ΠΊ ΡΠΏΠΎΡΠΎΠ±Π° ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅
Π’Π°Π±Π»ΠΈΡΡ — ΡΡΠΎ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ΅ ΡΡΠ΅Π΄ΡΡΠ²ΠΎ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅. ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠ΅Π³ΠΈ ΡΠ°Π±Π»ΠΈΡΡ:
- table. ΠΡΠΎΡ ΡΠ΅Π³ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π½Π°ΡΠ°Π»ΠΎ ΡΠ°Π±Π»ΠΈΡΡ Π²Π½ΡΡΡΠΈ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°.
- tr. ΠΡΠΎΡ ΡΠ΅Π³ ΡΡΡΠΎΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ (table row), ΠΎΠ½ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΡΡΠΎΠΊΠΈ, ΠΈΠ΄ΡΡΠΈΠ΅ ΡΠ»Π΅Π²Π° Π½Π°ΠΏΡΠ°Π²ΠΎ Π² Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΌ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠΈ.
- td. ΠΡΠΎΡ ΡΠ΅Π³ Π΄Π°Π½Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΡ (table data) ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ. Π’Π΅Π³ ΡΡΠ΅ΠΉΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ°ΡΡΡ Π² Π½Π΅ΠΌ, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ ΡΡΡΡΠΊΡΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎ ΡΡΠΎΠ»Π±ΡΠ°ΠΌ.
CΠΎΠ²Π΅Ρ
ΠΠ΅ΡΡ ΡΠ΅ΠΊΡΡ ΠΈ Π³ΡΠ°ΡΠΈΠΊΠ° ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡΡΡ Π²Π½ΡΡΡΠΈ ΡΠ΅Π³ΠΎΠ² td.ΠΡΠΈΠΌΠ΅Ρ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ
This is my first table cell. | ![]() |
This is my first table cell in the second row. | And this is the second table cell in the second row. |
ΠΠΎΠ·Π²ΡΠ°Ρ Π² Π½Π°ΡΠ°Π»ΠΎ ΡΡΡΠ°Π½ΠΈΡΡ Β Β ΠΠΎΠ·Π²ΡΠ°Ρ Π½Π° Π³Π»Π°Π²Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°ΠΉΡΠ° Π‘ΡΠ΅Π΄ΠΈ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² ΡΠ΅Π³ΠΎΠ² ΡΠ°Π±Π»ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π·Π²Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅:
- align=x. ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΡΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ° Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ x Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΡΠΎΡΡΡ left ΠΈΠ»ΠΈ right. Π’Π°ΠΊ ΠΊΠ°ΠΊ ΠΏΠΎΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π² Π±ΡΠΎΡΠ·Π΅ΡΠ°Ρ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΡΡ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ, Π° Π΄Π»Ρ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ ΠΎΠ±ΡΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ΅Π³ΠΈ, ΡΠΎ Π΅Π΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΠΎ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΡΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ° ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΡΠ»ΡΡΠ°Ρ, ΠΊΠΎΠ³Π΄Π° Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΠΌΠ΅ΡΡΠΈΡΡ Π²ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΊ ΠΏΡΠ°Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ ΠΎΠΊΠ½Π° Π±ΡΠΎΡΠ·Π΅ΡΠ°.
- border=x. ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ x Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ Π·Π°ΠΌΠ΅Π½Π΅Π½Π° ΡΠΈΡΠ»ΠΎΠ²ΡΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΎΡ 0 ΠΈ Π±ΠΎΠ»Π΅Π΅.
ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠΈΡΠΈΠ½Ρ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΡΠ°ΠΌΠΊΠΈ Π²ΠΎΠΊΡΡΠ³ ΡΠ°Π±Π»ΠΈΡΡ. ΠΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² ΡΡΡΠ°Π½ΠΈΡ
x ΠΎΠ±ΡΡΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π·Π°Π΄Π°Π²Π°ΡΡΡΡ ΡΠ°Π²Π½ΡΠΌ 0.
CΠΎΠ²Π΅Ρ
Π₯ΠΎΡΠΈΡΠ΅ ΡΠ²ΠΈΠ΄Π΅ΡΡ, ΠΊΠ°ΠΊ ΡΠ°Π±Π»ΠΈΡΠ° ΡΠΏΡΠ°Π²Π»ΡΠ΅Ρ ΠΌΠ°ΠΊΠ΅ΡΠΎΠΌ ΡΡΡΠ°Π½ΠΈΡΡ? ΠΠ°Π΄Π°ΠΉΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ°ΠΌΠΊΠΈ ΡΠ°Π²Π½ΡΠΌ 1, ΠΈ ΡΠΎΠ³Π΄Π° ΡΡΠ΅ΠΉΠΊΠΈ ΠΈ ΡΡΡΠΎΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ Π±ΡΠ΄ΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Ρ Π² Π²ΠΈΠ΄Π΅ ΡΠ΅ΡΠΊΠΈ.- cellspacing=x. ΠΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΌΠΈ ΡΡΠ΅ΠΉΠΊΠ°ΠΌΠΈ ΡΠ°Π±Π»ΠΈΡΡ (Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ ΠΌΠ΅ΠΆΠ΄Ρ Π²ΠΈΠ΄ΠΈΠΌΡΠΌΠΈ ΡΡΠΎΠ»Π±ΡΠ°ΠΌΠΈ). ΠΠ°ΡΠ°ΠΌΠ΅ΡΡ x Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, Π±ΠΎΠ»ΡΡΠΈΠ΅ Π»ΠΈ ΡΠ°Π²Π½ΡΠ΅ 0. ΠΡΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΏΡΡΡΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, ΠΏΠΎΠΌΠ΅ΡΠ΅Π½Π½ΡΠΌΠΈ Π²Π½ΡΡΡΠΈ ΡΡΠ΅Π΅ΠΊ.
- cellpadding=x. ΠΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΎΡ Π³ΡΠ°Π½ΠΈΡ ΡΡΠ΅ΠΉΠΊΠΈ Π΄ΠΎ ΠΏΠΎΠΌΠ΅ΡΠ΅Π½Π½ΡΡ Π² Π½Π΅Π΅ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ². ΠΠ½ ΡΠ°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π° Π²Π½ΡΡΡΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ.
CΠΎΠ²Π΅Ρ
ΠΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΠΏΠΎΡΠΎΠ± ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»ΠΎΠ² Π² ΡΠ°Π±Π»ΠΈΡΠ΅ — ΡΡΠ° Π²ΡΡΠ°Π²ΠΊΠ° Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΏΡΠΎΠΊΠ»Π°Π΄ΠΊΠΈ Π² ΡΠ΅Π³ TD. ΠΡΠΈ «ΠΏΡΠΎΠΊΠ»Π°Π΄ΠΊΠΈ» ΡΠ²Π»ΡΡΡΡΡ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΌΠΈ ΡΠ°ΠΉΠ»Π°ΠΌΠΈ GIF ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ 1Ρ 1 ΠΏΠΈΠΊΡΠ΅Π»Ρ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΡΠ½ΡΡ ΡΠ°ΡΡΡΠ³ΠΈΠ²Π°ΡΡΡΡ ΠΏΠΎ ΡΠΈΡΠΈΠ½Π΅ ΠΈ Π²ΡΡΠΎΡΠ΅.- width=%x ΠΈΠ»ΠΈ width=x Π§ΡΠΎΠ±Ρ Π·Π°Π΄Π°ΡΡ ΡΠΈΡΠΈΠ½Ρ ΡΠ°Π±Π»ΠΈΡΡ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΊΠ°Π·Π°ΡΡ
Π»ΠΈΠ±ΠΎ ΡΠΈΡΠ»ΠΎ, ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠ΅Π΅ Π΄ΠΎΠ»Π΅ Π² ΠΏΡΠΎΡΠ΅Π½ΡΠ°Ρ
ΠΎΡ ΠΎΠ±ΡΠ΅ΠΉ ΡΠΈΡΠΈΠ½Ρ ΠΎΠΊΠ½Π° Π±ΡΠΎΡΠ·Π΅ΡΠ°, Π»ΠΈΠ±ΠΎ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠ΅
Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π±ΡΠ΄Π΅Ρ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°ΡΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ ΡΠΈΡΠΈΠ½Ρ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ
.
ΠΡΠ±ΠΎΡ ΡΠΈΡΠΈΠ½Ρ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠ΅Π·Π²ΡΡΠ°ΠΉΠ½ΠΎ Π²Π°ΠΆΠ΅Π½. ΠΡΠ΅Π²ΡΡΠ΅Π½ΠΈΠ΅ ΠΌΠ°ΠΊΡΠΈΠΌΡΠΌΠ° ΡΠΈΡΠΈΠ½Ρ Π² 595 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ²Π΅ΡΡΠΈ ΠΊ ΡΠΎΠΌΡ, ΡΡΠΎ ΠΏΡΠΈ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠΈ 640Ρ 480 ΡΡΡΠ°Π½ΠΈΡΡ ΠΏΡΠΈΠ΄Π΅ΡΡΡ ΠΏΡΠΎΠ»ΠΈΡΡΡΠ²Π°ΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎ.
CΠΎΠ²Π΅Ρ
ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π²ΡΡΠΎΠ²Π½ΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΡ, ΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅Π³ div Π²ΠΌΠ΅ΡΡΠ΅ Ρ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ ΡΠΈΠΏΠ° <div align=center>. ΠΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉΡΡ ΡΠ΅Π³ ΠΈ Π°ΡΡΠΈΠ±ΡΡ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡΡΡ ΠΏΠ΅ΡΠ΅Π΄ ΡΠ°Π±Π»ΠΈΡΠ΅ΠΉ; ΠΏΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ Π·Π°ΠΊΠΎΠ½ΡΠΈΡΠ΅ Π²Π²ΠΎΠ΄ ΡΠ°Π±Π»ΠΈΡΡ, Π²Π²Π΅Π΄ΠΈΡΠ΅ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠ΅Π³ </div>.Β
ΠΠΎΠ·Π²ΡΠ°Ρ Π² Π½Π°ΡΠ°Π»ΠΎ ΡΡΡΠ°Π½ΠΈΡΡ Β Β ΠΠΎΠ·Π²ΡΠ°Ρ Π½Π° Π³Π»Π°Π²Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°ΠΉΡΠ°
ΠΡΠΈΠΌΠ΅Ρ ΡΠ°Π±Π»ΠΈΡΡ Ρ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌΠΈ align, border, cellspacing, cellpadding, width
This is my first table cell. | And this is my second table cell. |
This is my first table cell in the second row.![]() |
And this is the second table cell in the second row. |
- align=x ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ x ΠΌΠΎΠΆΠ΅Ρ ΠΈΠΌΠ΅ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ left, right ΠΈΠ»ΠΈ middle. ΠΠΎΠ³Π΄Π° Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡ Π²Π½ΡΡΡΠΈ ΡΡΠ΅ΠΉΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ, ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π΅ΡΡΡ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ.
ΠΡΠΈΠΌΠ΅Ρ ΡΠ°Π±Π»ΠΈΡΡ Ρ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌΠΈ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ Π² ΡΡΠ΅ΠΉΠΊΠ°Ρ
This is my first table cell. | And this is my second table cell. |
This is my first table cell in the second row. | And this is the second table cell in the second row. |
- valign=x X ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΡ top,
middle ΠΈΠ»ΠΈ bottom.
ΠΡΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠΌ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ Π² Π²Π΅ΡΡ Π½Π΅ΠΉ ΡΠ°ΡΡΠΈ, Π½ΠΈΠΆΠ½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΠΈΠ»ΠΈ ΠΏΠΎΡΠ΅ΡΠ΅Π΄ΠΈΠ½Π΅ ΡΡΠ΅ΠΉΠΊΠΈ.
ΠΡΠΈΠΌΠ΅Ρ ΡΠ°Π±Π»ΠΈΡΡ Ρ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌΠΈ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ valign=x Π² ΡΡΠ΅ΠΉΠΊΠ°Ρ
This is my first table cell. | And this is my second table cell. |
This is my first table cell in the second row. | And this is the second table cell in the second row. |
- colspan=x ΠΠ΄Π΅ΡΡ x ΡΡΠΎ ΡΠΈΡΠ»ΠΎ ΡΡΠΎΠ»Π±ΡΠΎΠ², Π°ΡΡΠΈΠ±ΡΡ colspan Π·Π°ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ΅ΠΊΡΡΡΡ ΡΡΠ΅ΠΉΠΊΡ Π·Π°Π½ΠΈΠΌΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΏΠΎ ΡΠΈΡΠΈΠ½Π΅.
ΠΠΎΠ·Π²ΡΠ°Ρ Π² Π½Π°ΡΠ°Π»ΠΎ ΡΡΡΠ°Π½ΠΈΡΡ Β Β ΠΠΎΠ·Π²ΡΠ°Ρ Π½Π° Π³Π»Π°Π²Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°ΠΉΡΠ°
ΠΡΠΈΠΌΠ΅Ρ ΡΠ°Π±Π»ΠΈΡΡ Ρ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ colspan Π² ΡΡΠ΅ΠΉΠΊΠ°Ρ
ΒThis is my first table cell, which spans two columns. | |
This is my first table cell in the second row. | And this is the second table cell in the second row. |
- rowspan=x ΠΠ΄Π΅ΡΡ x ΡΡΠΎ ΡΠΈΡΠ»ΠΎ ΡΡΡΠΎΠΊ, Π°ΡΡΠΈΠ±ΡΡ rowspan Π·Π°ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ΅ΠΊΡΡΡΡ ΡΡΠ΅ΠΉΠΊΡ Π·Π°Π½ΠΈΠΌΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΡΠΎΠΊ ΠΏΠΎ Π²ΡΡΠΎΡΠ΅.
ΠΠΎΠ·Π²ΡΠ°Ρ Π² Π½Π°ΡΠ°Π»ΠΎ ΡΡΡΠ°Π½ΠΈΡΡ Β Β ΠΠΎΠ·Π²ΡΠ°Ρ Π½Π° Π³Π»Π°Π²Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°ΠΉΡΠ°
ΠΡΠΈΠΌΠ΅Ρ ΡΠ°Π±Π»ΠΈΡΡ Ρ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ rowspan
Β![]() |
This is the first table cell in the second column. |
And this is the second table cell in the second table row. |
CΠΎΠ²Π΅Ρ
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ Π²ΡΡΠ°Π²ΠΈΡΡ Π² ΡΠ°Π±Π»ΠΈΡΡ Π³ΡΠ°ΡΠΈΠΊΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <img src>.
ΠΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊ ΠΏΠΎΡΡΠΎΡΠΎΠ΅Π½Ρ ΠΌΠ°ΠΊΠ΅ΡΡ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π° Web-ΡΡΡΠ°Π½ΠΈΡ.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ:
This is the first table cell in the second column. | |
And this is the second table cell in the second table row. |
ΠΠ½ΠΎΠ³Π΄Π° Π²Π°ΠΌ Π½Π°Π΄ΠΎ ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΊΠ°ΠΊΡΡ-Π»ΠΈΠ±ΠΎ ΡΡΠ΅ΠΉΠΊΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΡΡΡΠΎΠΉ. ΠΠ΅ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π² ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΡ:
<td></td>
Π ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π±ΡΠΎΡΠ·Π΅ΡΡ «ΡΡΠ΄ΡΡ» Ρ ΠΏΡΡΡΡΠΌΠΈ ΡΡΠ΅ΠΊΠ°ΠΌΠΈ. ΠΠΎΡΡΠΎΠΌΡ, Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΡΡΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΌ Π·Π°ΡΠ΅Π·Π΅ΡΠ²ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠΌ Π½Π΅hΠ°Π·ΡΡΠ²Π½ΠΎΠ³ΠΎ ΠΏΡΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π°   (ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ — ΡΠΌ.Π·Π΄Π΅ΡΡ), Π° ΠΈΠΌΠ΅Π½Π½ΠΎ:
<td> </td>
ΠΠ°, ΠΌΡ ΡΡΡΡ Π½Π΅ Π·Π°Π±ΡΠ»ΠΈ ΠΎ ΡΠ°ΠΊΠΈΡ
Π²Π°ΠΆΠ½ΡΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°Ρ
ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ, ΠΊΠ°ΠΊ
Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ — ΡΠ΅Π³ <caption> ΠΈ ΡΠ΅Π³ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ²
ΡΡΠΎΠ»Π±ΡΠΎΠ² ΡΠ°Π±Π»ΠΈΡΡ <th>. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ,
ΠΠ°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅ | ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ | ΠΡΠΈΠΌΠ΅Ρ |
---|---|---|
ΠΠ΅Π½ΡΡΠ΅ ΡΠ΅ΠΌ | < | < |
ΠΠΎΠ»ΡΡΠ΅ ΡΠ΅ΠΌ | > | > |
ΠΠΌΠΏΠ΅ΡΡΠ°Π½Π΄ | & | & |
Π½Π΅ΡΠ°Π·ΡΡΠ²Π½ΡΠΉ ΠΏΡΠΎΠ±Π΅Π» | | Β |
ΠΊΠ°Π²ΡΡΠΊΠΈ | " | « |
ΠΡΠΎ Π·Π°ΠΏΠΈΡΠ°Π½ΠΎ Π² HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ ΡΠ°ΠΊ:
<CENTER> <TABLE cellSpacing=1 cellPadding=8> <caption align="top"><b>ΠΡΠ°ΡΠΊΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ Π·Π°ΡΠ΅Π·Π΅ΡΠ²ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ²</b> </caption> <TBODY> <TR align=middle> <TH>ΠΠ°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅</TH> <TH>ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅</TH> <TH>ΠΡΠΈΠΌΠ΅Ρ</TH></TR> <TR align=middle> <TD>ΠΠ΅Π½ΡΡΠ΅ ΡΠ΅ΠΌ</TD> <TD><</TD> <TD><</TD></TR> <TR align=middle> <TD>ΠΠΎΠ»ΡΡΠ΅ ΡΠ΅ΠΌ</TD> <TD>></TD> <TD>></TD></TR> <TR align=middleΠΌ <TD>ΠΠΌΠΏΠ΅ΡΡΠ°Π½Π΄</TD> <TD>&</TD> <TD>&</TD></TR> <TR align=middle> <TD>Π½Π΅ΡΠ°Π·ΡΡΠ²Π½ΡΠΉ ΠΏΡΠΎΠ±Π΅Π»</TD> <TD> </TD> <TD>Β </TD></TR> <TR align=middle> <TD>ΠΊΠ°Π²ΡΡΠΊΠΈ</TD> <TD>"</TD> <TD>"</TD></TR></TBODY></TABLE></CENTER>
ΠΡ Π·Π°ΠΌΠ΅ΡΠΈΠ»ΠΈ, Π·Π΄Π΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Π° ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΡ
<td> </td>
Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΡΡΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ?
ΠΡΡΠΈΠ±ΡΡ ΡΠ΅Π³Π° <caption >align=»top» ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ
Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π½Π°Π΄ΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π΄ΠΎ («Π²Π²Π΅ΡΡ
Ρ») ΡΠ°Π±Π»ΠΈΡΡ. ΠΡΡΠ³ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ°
align=bottom. Π’ΠΎΠ³Π΄Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π±ΡΠ΄Π΅Ρ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ ΠΏΠΎΠ΄ ΡΠ°Π±Π»ΠΈΡΠ΅ΠΉ.
Π£Π΄ΠΎΠ±Π½ΠΎ, Π½Π΅ ΠΏΡΠ°Π²Π΄Π° Π»ΠΈ? ΠΠΎΠΏΡΡΡΠΈΠΌΡΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ ΡΠ²Π»ΡΡΡΡΡ ΡΠ°ΠΊΠΆΠ΅ left,
right.
Π ΡΠ΅ΠΏΠ΅ΡΡ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ Π·Π½Π°Π½ΠΈΡΠΌΠΈ ΠΎ ΠΊΠ°ΡΠΊΠ°Π΄Π½ΡΡ ΡΠ°Π±Π»ΠΈΡΠ°Ρ ΡΡΠΈΠ»Ρ , ΠΈ ΠΏΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ Π·Π°Π΄Π°ΡΡ ΡΠ°Π·Π½ΡΠ΅ ΡΠ²Π΅ΡΠ° Π² ΡΠ°Π±Π»ΠΈΡΠ΅ Π΄Π»Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΡΡΠΎΠ»Π±ΡΠΎΠ² ΠΈ Π΄Π»Ρ «ΡΠ΅Π»Π°» ΡΠ°ΠΌΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ.
table { margin-left: -4%; font-family: sans-serif; background: white; border-width: 2; border-color: white; } th { font-family: sans-serif; background: rgb(204, 204, 153) } td { font-family: sans-serif; background: rgb(255, 255, 153) }
ΠΠ°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅ | ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ | ΠΡΠΈΠΌΠ΅Ρ |
---|---|---|
ΠΠ΅Π½ΡΡΠ΅ ΡΠ΅ΠΌ | < | < |
ΠΠΎΠ»ΡΡΠ΅ ΡΠ΅ΠΌ | > | > |
ΠΠΌΠΏΠ΅ΡΡΠ°Π½Π΄ | & | & |
Π½Π΅ΡΠ°Π·ΡΡΠ²Π½ΡΠΉ ΠΏΡΠΎΠ±Π΅Π» | | Β |
ΠΊΠ°Π²ΡΡΠΊΠΈ | " | « |
Π Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ ΡΡΠΈΠ»Ρ CSS.
ΠΡΠΎ ΡΡΡΠ΄ΠΎΠ΅ΠΌΠΊΠΎ ΠΈ Π½Π΅ΡΠ°ΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎ. Π’Π°ΠΊ Π΄Π΅Π»Π°ΡΡ Π½Π΅ Π½Π°Π΄ΠΎ!
ΠΡΡΡΠ΅ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π²Π½Π΅Π΄ΡΠ΅Π½Π½ΡΠΌ ΡΡΠΈΠ»Π΅ΠΌ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΎΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ
ΡΠ°Π±Π»ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ Π€ΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°.
ΠΠΈΠ±ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠ²ΡΠ·Π°Π½Π½ΡΠΌΠΈ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ ΡΡΠΈΠ»Π΅ΠΉ.
ΠΡΠ»ΠΈ Π²Ρ Π½Π΅ Ρ
ΠΎΡΠΈΡΠ΅ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠ°ΠΊΠΈΠΌ ΠΌΠΎΡΠ½ΡΠΌ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠΌ, ΠΊΠ°ΠΊ
ΠΊΠ°ΡΠΊΠ°Π΄Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ, ΡΠΎ Π² Π²Π°ΡΠ΅ΠΌ ΡΠ°ΡΠΏΠΎΡΡΠΆΠ΅Π½ΠΈΠΈ ΠΈΠΌΠ΅Π΅ΡΡΡ ΡΠ°ΠΊΠΎΠ΅ ΠΏΡΠΎΡΡΠΎΠ΅
ΡΡΠ΅Π΄ΡΡΠ²ΠΎ ΠΊΠ°ΠΊ Π°ΡΡΠΈΠ±ΡΡ bgcolor Π² ΡΠ΅Π³Π°Ρ
<td> ΠΈ <th>.
ΠΡΠΎ «ΡΠ°Π±ΠΎΡΠ°Π΅Ρ» ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π²ΠΎ Π²ΡΠ΅Ρ
Π±ΡΠΎΡΠ·Π΅ΡΠ°Ρ
ΠΈ Π½Π΅ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΡΠΎΠ³ΠΎ,
ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π»ΠΈ Π±ΡΠΎΡΠ·Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ CSS. ΠΠ°ΠΊ Π·Π°Π΄Π°ΡΡΡΡ
ΡΠ΅ΡΡΠ½Π°Π΄ΡΠ°ΡΠΈΡΠΈΡΠ½ΡΠ΅ ΠΊΠΎΠ΄Ρ Π΄Π»Ρ ΡΠ²Π΅ΡΠΎΠ² ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΠΎΠΏΠΈΡΠ°Π½ΠΎ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅
Π€ΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°
ΠΠ°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅ | ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ | ΠΡΠΈΠΌΠ΅Ρ |
---|---|---|
ΠΠ΅Π½ΡΡΠ΅ ΡΠ΅ΠΌ | < | < |
ΠΠΎΠ»ΡΡΠ΅ ΡΠ΅ΠΌ | > | > |
ΠΠΌΠΏΠ΅ΡΡΠ°Π½Π΄ | & | & |
Π½Π΅ΡΠ°Π·ΡΡΠ²Π½ΡΠΉ ΠΏΡΠΎΠ±Π΅Π» | | Β |
ΠΊΠ°Π²ΡΡΠΊΠΈ | " | « |
ΠΡΠΎ Π·Π°ΠΏΠΈΡΠ°Π½ΠΎ Π² HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ ΡΠ°ΠΊ:
<CENTER> <TABLE cellSpacing=1 cellPadding=8> <caption align="top"><b>ΠΡΠ°ΡΠΊΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ Π·Π°ΡΠ΅Π·Π΅ΡΠ²ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ²</b> </caption> <TBODY> <TR align=middle> <TH bgcolor="#CCCC99">ΠΠ°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅</TH> <TH bgcolor="#CCCC99">ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅</TH> <TH bgcolor="#CCCC99">ΠΡΠΈΠΌΠ΅Ρ</TH></TR> <TR align=middle> <TD bgcolor="#FFFF66">ΠΠ΅Π½ΡΡΠ΅ ΡΠ΅ΠΌ</TD> <TD bgcolor="#FFFF66"><</TD> <TD bgcolor="#FFFF66"><</TD></TR> <TR align=middle> <TD bgcolor="#FFFF66">ΠΠΎΠ»ΡΡΠ΅ ΡΠ΅ΠΌ</TD> <TD bgcolor="#FFFF66">></TD> <TD bgcolor="#FFFF66">></TD></TR> <TR align=middleΠΌ <TD bgcolor="#FFFF66">ΠΠΌΠΏΠ΅ΡΡΠ°Π½Π΄</TD> <TD bgcolor="#FFFF66">&</TD> <TD bgcolor="#FFFF66">&</TD></TR> <TR align=middle> <TD bgcolor="#FFFF66">Π½Π΅ΡΠ°Π·ΡΡΠ²Π½ΡΠΉ ΠΏΡΠΎΠ±Π΅Π»</TD> <TD bgcolor="#FFFF66"> </TD> <TD bgcolor="#FFFF66">Β </TD></TR> <TR align=middle> <TD bgcolor="#FFFF66">ΠΊΠ°Π²ΡΡΠΊΠΈ</TD> <TD bgcolor="#FFFF66">"</TD> <TD bgcolor="#FFFF66">"</TD></TR></TBODY></TABLE></CENTER>Β
ΠΠΎΠ·Π²ΡΠ°Ρ Π² Π½Π°ΡΠ°Π»ΠΎ ΡΡΡΠ°Π½ΠΈΡΡ Β Β ΠΠΎΠ·Π²ΡΠ°Ρ Π½Π° Π³Π»Π°Π²Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°ΠΉΡΠ° Π’Π°Π±Π»ΠΈΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠΎΡΡΠΎ ΠΊΠ°ΠΊ ΡΠΏΠΎΡΠΎΠ± ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΠ°Π±Π»ΠΈΡΠ° Π² HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π½Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π²ΡΠ΅Ρ ΠΈΠ»ΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΡΠ°Π·Π³ΡΠ°Π½ΠΈΡΠΈΡΠ΅Π»ΡΠ½ΡΡ Π»ΠΈΠ½ΠΈΠΉ.

Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π² ΡΡΠ΅ΠΉΠΊΠΈ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡΡΡ ΡΠ΅ΠΊΡΡ, ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΡΡΡΠ»ΠΊΠΈ, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π° Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ ΠΎΡΡΠ°ΡΡΡΡ ΠΏΡΡΡΡΠΌΠΈ. ΠΠ»Ρ Π·Π°Π΄Π°Π½ΠΈΡ Π½ΡΠΆΠ½ΠΎΠ³ΠΎ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π°ΡΡΠΈΠ±ΡΡΡ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ.
ΠΡΠΎΡ ΡΠΏΠΎΡΠΎΠ± ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΡΠ°Π½ΠΈΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΊΠΎΠ½ΠΎΠΌΠΈΡΡ ΠΌΠ΅ΡΡΠΎ ΠΈ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΡΡΠ΅ΠΊΡΠ½ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ ΠΏΡΠ±Π»ΠΈΠΊΡΠ΅ΠΌΡΠΉ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π» Π² ΠΎΠΊΠ½Π΅ Π±ΡΠΎΡΠ·Π΅ΡΠ°.
ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΊΠ°ΠΊ ΡΠΏΠΎΡΠΎΠ±Π° ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅
ΒΠΠΎΠ·Π²ΡΠ°Ρ Π² Π½Π°ΡΠ°Π»ΠΎ ΡΡΡΠ°Π½ΠΈΡΡ Β Β ΠΠΎΠ·Π²ΡΠ°Ρ Π½Π° Π³Π»Π°Π²Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°ΠΉΡΠ° Β
Β
HTML ΡΠ°Π±Π»ΠΈΡΡ|ΡΠ΅Π³ΠΈ html — table, tr, td
ΠΠΎΠ±ΡΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΡΠ²Π°ΠΆΠ°Π΅ΠΌΡΠ΅ ΠΏΠΎΠ΄ΠΏΠΈΡΡΠΈΠΊΠΈ!
Π‘Π΅Π³ΠΎΠ΄Π½ΡΡΠ½ΠΈΠΉ ΡΡΠΎΠΊ ΠΏΠΎΡΠ²Π΅ΡΠΈΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ html ΡΠ°Π±Π»ΠΈΡ.
Π WEB ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΎ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΊΠ°ΠΊΠΈΠ΅-ΡΠΎ ΠΎΡΡΠ΅ΡΠ½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅, Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ°ΡΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Π΅ΡΠ΅ ΡΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ Π² ΡΡΠΎΠΌ ΡΡΠΈΠ»Π΅. Π WEB ΡΠ°Π±Π»ΠΈΡΠ΅ΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°ΡΡ ΡΠ΅Π»ΡΡ ΡΡΡΡΠΊΡΡΡΡ ΡΠ°ΠΉΡΠ°.
Π‘ΠΊΠΎΠ»ΡΠΊΠΎ Π²Ρ ΡΠ°ΠΊΠΈΡ ΡΡΡΠ°Π½ΠΈΡ Π²ΠΈΠ΄Π΅Π»ΠΈ Π² Internet?
Π’ΡΡΡΡΠΈ ΠΈ ΡΡΡΡΡΠΈ. ΠΠΎ Π΅ΡΠ»ΠΈ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ, ΡΠΎ ΡΡΠΎ Π²ΠΎΡ ΡΠ°ΠΊΠ°Ρ ΡΠ°Π±Π»ΠΈΡΠ°.
Π‘ΠΏΡΠΎΡΠΈΡΠ΅ Π²Ρ, Π° ΠΊΠ°ΠΊ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅, ΡΠΎΠ²Π½ΠΎ? Π ΠΎΠ½ΠΈ Π·Π°ΠΊΠ»ΡΡΠ°ΡΡΡΡ Π² ΡΠ²ΠΎΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΠΈ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡΡΡ Π½ΡΠΆΠ½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ.
ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΠΎΠΌΡ, ΡΡΠΎ Π² ΠΊΠ°ΠΆΠ΄ΡΡ ΡΡΠ΅ΠΉΠΊΡ ΠΎΠ΄Π½ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ, ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π½ΠΎΠ²ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π»ΡΠ±ΠΎΠΉ ΡΡΡΡΠΊΡΡΡΡ (ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π±Π»ΠΈΡ), ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±ΠΈΡΡΡΡ ΡΡΠ΅Π±ΡΠ΅ΠΌΠΎΠ³ΠΎ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ°.
Π’Π΅Π³ΠΎΠΌ ΡΠ°Π±Π»ΠΈΡΡ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ΅Π³ <table></table>,
ΡΡΡΠΎΠΊΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ΅Π³ <tr></tr>, ΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠΌ ΡΠ°Π±Π»ΠΈΡΡ β ΡΠ΅Π³ <td></td>.
Π’Π°Π±Π»ΠΈΡΠ° Π·Π°ΠΏΠΎΠ»Π½ΡΠ΅ΡΡΡ ΠΏΠΎ ΡΡΡΠΎΠΊΠ°ΠΌ ΡΠ²Π΅ΡΡ Ρ Π²Π½ΠΈΠ·, Π° ΠΏΠΎ ΡΡΠΎΠ»Π±ΡΠ°ΠΌ ΡΠ»Π΅Π²Π° Π½Π° ΠΏΡΠ°Π²Π°. ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΠΎΠ»Π±ΡΠΎΠ² Π² ΡΡΡΠΎΠΊΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Π΄Π»Ρ Π²ΡΠ΅Ρ ΡΡΡΠΎΠΊ.
ΠΠ°Π²Π°ΠΉΡΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅Ρ, ΠΈ Π²Ρ ΡΡΠ°Π·Ρ Π²ΡΠ΅ ΠΏΠΎΠΉΠΌΠ΅ΡΠ΅.
Π‘Π΄Π΅Π»Π°Π΅ΠΌ ΡΠ°ΠΊΡΡ ΡΠ°Π±Π»ΠΈΡΡ:
Π‘Π΄Π΅Π»Π°Π΅ΠΌ ΡΡΠΎ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:
Π‘ΡΠ°Π²ΠΈΠΌ ΡΠ΅Π³ <table> ΠΈ Π½Π°ΡΠΈΠ½Π°Π΅ΠΌ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°ΡΡ ΠΏΠ΅ΡΠ²ΡΡ ΡΡΡΠΎΠΊΡ, ΠΏΠΈΡΠ΅ΠΌ:
<tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° 1 ΡΡΡΠΎΠΊΠ° 1</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° 2 ΡΡΡΠΎΠΊΠ° 1</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° 3 ΡΡΡΠΎΠΊΠ° 1</td> </tr>
Π£ Π½Π°Ρ ΠΏΠΎΠ»ΡΡΠΈΠ»Π°ΡΡ ΠΏΠ΅ΡΠ²Π°Ρ ΡΡΡΠΎΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ Ρ ΡΡΠ΅ΠΌΡ ΡΡΠΎΠ»Π±ΡΠ°ΠΌΠΈ. ΠΠ½Π°Π»ΠΎΠ³ΠΈΡΠ½ΠΎ ΡΠΎΡΠΌΠΈΡΡΠ΅ΠΌ Π²ΡΠΎΡΡΡ ΡΡΡΠΎΠΊΡ:
<tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° 1 ΡΡΡΠΎΠΊΠ° 2</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° 2 ΡΡΡΠΎΠΊΠ° 2</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° 3 ΡΡΡΠΎΠΊΠ° 2</td> </tr>
Π ΡΡΠ΅ΡΡΡ:
<tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° 1 ΡΡΡΠΎΠΊΠ° 3</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° 2 ΡΡΡΠΎΠΊΠ° 3</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° 3 ΡΡΡΠΎΠΊΠ° 3</td> </tr>
ΠΠ°ΡΠΈ ΡΡΠΈ ΡΡΡΠΎΠΊΠΈ ΡΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½Ρ, ΠΎΡΡΠ°Π»ΠΎΡΡ Π·Π°ΠΊΡΡΡΡ ΡΠ΅Π³ </table>.
ΠΠ°ΡΠ° ΡΠ°Π±Π»ΠΈΡΠ° Π³ΠΎΡΠΎΠ²Π°.
ΠΡΠ»ΠΈ ΡΠ°Π±Π»ΠΈΡΠ΅ Π½ΡΠΆΠ½ΠΎ Π΄Π°ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΡΠΎ Π·Π° ΡΡΠΎ ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ ΡΠ΅Π³ <caption> ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ </caption> .
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΎΠ½ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ, Π½Π°Π΄ ΡΠ°Π±Π»ΠΈΡΠ΅ΠΉ. Π’Π΅Π³ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³ΠΎΠΌ <table> ΠΈ ΠΏΠ΅ΡΠ²ΡΠΌ ΡΠ΅Π³ΠΎΠΌ <tr>.
Π ΠΏΡΠΈΠ½ΡΠΈΠΏΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ, ΠΏΠΎΡΡΠ°Π²ΠΈΠ² ΡΠ΅Π³ <h4> ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ </h4>ΠΏΠ΅ΡΠ΅Π΄ ΡΠ΅Π³ΠΎΠΌ <table>.
ΠΡΠ»ΠΈ ΡΡΠΎΠ»Π±ΡΡ Π½ΡΠΆΠ½ΠΎ Π΄Π°ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΡΠΎ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΏΡΠ΅Π΄ΡΡΠΌΠΎΡΡΠ΅Π½ ΡΠ΅Π³ <th> ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΠΎΠ»Π±ΡΠ° </th>.
Π’Π΅Π³ <th> β ΡΠΎ ΠΆΠ΅ ΡΡΠΎ ΠΈ ΡΡΠ³ <td>, Π½ΠΎ Π΅Π³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΠΏΠΎΠ»ΡΠΆΠΈΡΠ½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ Ρ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ, Π° ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ <td>, ΠΊΠ°ΠΊ Π²Ρ ΡΠΆΠ΅ ΡΠ²ΠΈΠ΄Π΅Π»ΠΈ, Ρ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ, ΡΠΎ ΡΡΠΈΡΡΠΎΠΌ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
Π‘ ΡΠ΅Π³Π°ΠΌΠΈ, ΠΊΠ°ΡΠ°ΡΡΠΈΡ ΡΡ ΡΠ°Π±Π»ΠΈΡ, ΠΏΠΎΠΆΠ°Π»ΡΠΉ, Π²ΡΠ΅.
Π’Π΅ΠΏΠ΅ΡΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΡΠΈΡ ΡΠ΅Π³ΠΎΠ².
Π’Π΅Π³ <table> ΠΈΠΌΠ΅Π΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ:
width=ΡΠΈΡΠ»ΠΎ β ΡΠΈΡΠΈΠ½Π° ΡΠ°Π±Π»ΠΈΡΡ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ ΠΈΠ»ΠΈ Π² % ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΈΡΠΈΠ½Ρ ΠΎΠΊΠ½Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ°.
height=ΡΠΈΡΠ»ΠΎ — Π²ΡΡΠΎΡΠ° ΡΠ°Π±Π»ΠΈΡΡ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ ΠΈΠ»ΠΈ Π² % ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΈΡΠΈΠ½Ρ ΠΎΠΊΠ½Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ° (Π²ΡΡΠΎΡΠ° ΠΎΠ±ΡΡΠ½ΠΎ ΡΠ°ΡΡΡΠΈΡΡΠ²Π°Π΅ΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΌΠ΅Π½ΡΡΡ Π΅Π΅ Π½Π΅ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ).
align = left β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ.
right β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎ ΠΏΡΠ°Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ.
center β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ.
border= ΡΠΈΡΠ»ΠΎ β ΡΠΎΠ»ΡΠΈΠ½Π° ΡΠ°ΠΌΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ .
cellspacing=ΡΠΈΡΠ»ΠΎ — ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΌΠ΅ΠΆΠ½ΡΠΌΠΈ ΡΡΠ΅ΠΉΠΊΠ°ΠΌΠΈ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ (ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ = 2).
cellpadding=ΡΠΈΡΠ»ΠΎ β ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ ΡΡΠ΅ΠΉΠΊΠΈ ΠΈ Π΅Π΅ Π³ΡΠ°Π½ΠΈΡΠ΅ΠΉ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ (ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ =1).
bgcolor= ΡΠ²Π΅Ρ β ΡΠΎΠ½ΠΎΠ²ΡΠΉ ΡΠ²Π΅Ρ ΡΠ°Π±Π»ΠΈΡΡ.
background=url — ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡΡ.
bordercolor=ΡΠ²Π΅Ρ — ΡΠ²Π΅Ρ Π²ΡΠ΅Ρ Π»ΠΈΠ½ΠΈΠΉ ΡΠ°ΠΌΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ.
Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠ΅Π³ΠΎΠ² <tr>, <td>, <th>:
width=ΡΠΈΡΠ»ΠΎ β ΡΠΈΡΠΈΠ½Π° ΡΡΠ΅ΠΉΠΊΠΈ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ ΠΈΠ»ΠΈ Π² % ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΈΡΠΈΠ½Ρ ΠΎΠΊΠ½Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ° (Π΄Π»Ρ <tr>Π½Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ).
height=ΡΠΈΡΠ»ΠΎ — Π²ΡΡΠΎΡΠ° ΡΡΠ΅ΠΉΠΊΠΈ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ
ΠΈΠ»ΠΈ Π² % ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΈΡΠΈΠ½Ρ ΠΎΠΊΠ½Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ° (Π΄Π»Ρ <tr> Π½Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ).
(Π²ΡΡΠΎΡΠ° ΠΎΠ±ΡΡΠ½ΠΎ ΡΠ°ΡΡΡΠΈΡΡΠ²Π°Π΅ΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΌΠ΅Π½ΡΡΡ Π΅Π΅ Π½Π΅ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ).
align = left β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Π² ΡΡΠ΅ΠΉΠΊΠ΅ ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ.
right β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Π² ΡΡΠ΅ΠΉΠΊΠ΅ ΠΏΠΎ ΠΏΡΠ°Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ.
center β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Π² ΡΡΠ΅ΠΉΠΊΠ΅ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ.
valign — Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΡΡΠ΅ΠΉΠΊΠΈ.
top — Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π²Π΅ΡΡ Π½Π΅ΠΌΡ ΠΊΡΠ°Ρ ΡΡΠ΅ΠΉΠΊΠΈ.
bottom β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π½ΠΈΠΆΠ½Π΅ΠΌΡ ΠΊΡΠ°Ρ ΡΡΠ΅ΠΉΠΊΠΈ.
middle β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ ΡΠ΅ΡΠ΅Π΄ΠΈΠ½Π΅ ΡΡΠ΅ΠΉΠΊΠΈ.
bgcolor= ΡΠ²Π΅ β ΡΠΎΠ½ΠΎΠ²ΡΠΉ ΡΠ²Π΅Ρ ΡΡΠ΅ΠΉΠΊΠΈ.
background=url β ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΡΠ΅ΠΉΠΊΠΈ.
bordercolor=ΡΠ²Π΅Ρ β ΡΠ²Π΅Ρ Π²ΡΠ΅Ρ Π»ΠΈΠ½ΠΈΠΉ ΡΠ°ΠΌΠΊΠΈ ΡΡΠ΅ΠΉΠΊΠΈ.
colspan=ΡΠΈΡΠ»ΠΎ — ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅ΠΌΡΡ ΡΡΠ΅Π΅ΠΊ ΠΏΠΎ ΡΡΠΎΠ»Π±ΡΠ°ΠΌ (Π΄Π»Ρ <tr> Π½Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ).
rowspan=ΡΠΈΡΠ»ΠΎ— ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅ΠΌΡΡ
ΡΡΠ΅Π΅ΠΊ ΠΏΠΎ ΡΡΡΠΎΠΊΠ°ΠΌ (Π΄Π»Ρ<tr> Π½Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ).
ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΠΎΡΡΠ°Π½ΠΎΠ²ΠΈΠΌΡΡ Π½Π° ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°Ρ colspan ΠΈ rowspan.
ΠΡ Π½Π°Π²Π΅ΡΠ½ΠΎΠ΅ Π·Π°ΠΌΠ΅ΡΠΈΠ»ΠΈ, ΡΡΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΠ΅Π΅ΠΊ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΎΠ΄Π½ΠΎ ΠΈ ΡΠΎΠΆΠ΅. ΠΠ°, ΡΠ°ΠΊ ΠΈ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ, Π½ΠΎ ΠΊΠ°ΠΊ ΠΆΠ΅ ΡΠΎΠ³Π΄Π° ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ Π½Π° ΡΡΡ?
ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π½Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΡΡΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠ΅Π³Π° <td> colspan ΠΈ rowspan..
ΠΡΠ°ΠΊ:
<table border="1" cellspacing="0" cellpadding="0">
Π€ΠΎΡΠΌΠΈΡΡΠ΅ΠΌ ΠΏΠ΅ΡΠ²ΡΡ ΡΡΡΠΎΠΊΡ: ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π² ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ Ρ Π½Π°Ρ ΠΎΠ΄Π½Π° ΡΡΠ΅ΠΉΠΊΠ°, ΠΈ ΠΎΠ½Π° ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ ΡΡΠΈ ΡΡΠ΅ΠΉΠΊΠΈ Π²ΡΠΎΡΠΎΠΉ ΡΡΡΠΎΠΊΠΈ, ΡΠΎ Π΄Π»Ρ ΠΎΠ΄Π½ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ ΡΠΊΠ°ΠΆΠ΅ΠΌ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ colstrong=3.
<tr> <td colspan="3" align="center">1</td> </tr>
ΠΡΠΎΡΠ°Ρ ΡΡΡΠΎΠΊΠ° ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ ΡΡΠΈ ΡΡΠ΅ΠΉΠΊΠΈ:
<tr> <td align="center">2</td> <td align="center">3</td> <td align="center">4</td> </tr>
Π’ΡΠ΅ΡΡΡ ΡΡΡΠΎΠΊΠ°: ΠΏΡΡΠ°Ρ ΡΡΠ΅ΠΉΠΊΠ° ΡΡΠ΅ΡΡΠ΅ΠΉ ΡΡΡΠΎΠΊΠΈ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ Π΄Π²Π΅ ΡΡΠ΅ΠΉΠΊΠΈ Π²ΡΠΎΡΠΎΠΉ ΡΡΡΠΎΠΊΠΈ ( 2 ΠΈ 3) ΠΈ Π΄Π²Π΅ ΡΡΡΠΎΠΊΠΈ (ΡΡΠ΅ΡΡΡ ΠΈ ΡΠ΅ΡΠ²Π΅ΡΡΡΡ).
ΠΠΎΡΡΠΎΠΌΡ Π΄Π»Ρ Π½Π΅Π΅ Π·Π°Π΄Π°Π΄ΠΈΠΌ colspan=2 ΠΈ rowspan=2. Π―ΡΠ΅ΠΉΠΊΠ° β 6 ΠΎΡΡΠ°Π΅ΡΡΡ.
<tr> <td colspan="2" rowspan="2" align="center">5</td> <td align="center">6</td> </tr>
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ, ΡΡΠΎ Π² ΡΠ΅ΡΠ²Π΅ΡΡΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΠΎΠ΄Π½Π° ΡΡΠ΅ΠΉΠΊΠ° ()
<tr> <td align="center">7</td> </tr> </table>
ΠΠ°ΡΠ° ΡΠ°Π±Π»ΠΈΡΠ° ΠΏΠΎΡΡΡΠΎΠ΅Π½Π°.
Π ΠΎΠ»Ρ ΡΠ°Π±Π»ΠΈΡ Π² WEB ΠΎΡΠ΅Π½Ρ Π²Π΅Π»ΠΈΠΊΠ°, ΠΏΠΎΡΡΠΎΠΌΡ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ Ρ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΠ΅ΠΌ ΡΠ°Π±Π»ΠΈΡ.
ΠΠΎΡΠΏΡΠ°ΠΆΠ½ΡΡΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ°Ρ .
ΠΡΠ»ΠΈ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡΡ Π²ΠΎΠΏΡΠΎΡΡ, ΠΏΠΈΡΠΈΡΠ΅ ΠΈΠ»ΠΈ ΡΠΊΠ°ΡΠ°ΠΉΡΠ΅ ΡΠ°ΠΉΠ» Ρ Π³ΠΎΡΠΎΠ²ΡΠΌΠΈ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ ΠΈΠ· ΡΠΏΡΠ°ΠΆΠ½Π΅Π½ΠΈΡ.
Π‘ΡΡΠ»ΠΊΠ° Π½Π° ΡΠ°ΠΉΠ» ΠΡΡ ΠΈΠ² 5 ΡΡΠΎΠΊΠ°
Π£ΠΏΡΠ°ΠΆΠ½Π΅Π½ΠΈΠ΅:
Π’Π°Π±Π»ΠΈΡΠ° 1.
Π’Π°Π±Π»ΠΈΡΠ° 2.
ΠΡΠ»ΠΈ Π΅ΡΡΡ Π²ΠΎΠΏΡΠΎΡΡ ΠΏΠΈΡΠΈΡΠ΅ Π½Π° E-mail: [email protected]
ΠΡΠΎΠ΅ΠΊΡ webformyself.com β ΠΎΡΠ½ΠΎΠ²Ρ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠΎΡΡΡΠΎΠ΅Π½ΠΈΡ
Π‘ ΡΠ²Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΠ½Π΄ΡΠ΅ΠΉ ΠΠ΅ΡΠ½Π°ΡΠΊΠΈΠΉ.
ΠΠ΅ΡΠΊΠΈ: caption, table, td, th, tr, ΡΠ°Π±Π»ΠΈΡΡ
ΠΠ°ΠΏΠΈΡΡ ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½Π° 15. 07.2009 Π² 02:53 ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½Π° Π² ΡΡΠ±ΡΠΈΠΊΠ΅ ΠΠ°Π·ΠΎΠ²ΡΠΉ ΠΊΡΡΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ»Π΅Π΄ΠΈΡΡ Π·Π° ΠΎΠ±ΡΡΠΆΠ΄Π΅Π½ΠΈΠ΅ΠΌ ΡΡΠΎΠΉ Π·Π°ΠΏΠΈΡΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π»Π΅Π½ΡΡ RSS 2.0. ΠΠΎΠΆΠ½ΠΎ ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ ΠΈΠ»ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ ΠΎΠ±ΡΠ°ΡΠ½ΡΡ ΡΡΡΠ»ΠΊΡ Ρ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°.
HTML ΡΠ°Π±Π»ΠΈΡΡ
Π’Π°Π±Π»ΠΈΡΡ ΡΠΎΠ·Π΄Π°ΡΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΏΠ°ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅Π³Π° <table>
, Π²Π½ΡΡΡΠΈ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡΡΡ ΡΠ΅Π³ΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΡΠΎΠΊ ΡΠ°Π±Π»ΠΈΡΡ β <tr>...</tr>
, ΠΈ ΡΠ΅Π³ΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΠ΅Π΅ΠΊ ΡΠ°Π±Π»ΠΈΡΡ β <td>...</td>
:
<table> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </tr> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </tr> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </tr> </table>
ΠΠ°Π½Π½Π°Ρ ΡΠ°Π±Π»ΠΈΡΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΡΡΠΈ ΡΡΡΠΎΠΊΠΈ, Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ ΠΏΠΎ ΡΡΠΈ ΡΡΠ΅ΠΉΠΊΠΈ. Π Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΎΠ½Π° ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡΡ ΡΠ°ΠΊ:
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΠ° Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π±Π΅Π· Π³ΡΠ°Π½ΠΈΡ ΠΈ ΠΎΡΡΡΡΠΏΠΎΠ². ΠΡΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡΡΡ ΡΠ΅ΡΠ΅Π· CSS.
Π’Π°Π±Π»ΠΈΡΠ° Ρ ΡΠ°ΠΏΠΊΠΎΠΉ ΠΈ ΠΏΠΎΠ΄Π²Π°Π»ΠΎΠΌ
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΠ°ΠΏΠΊΡ ΠΈ ΠΏΠΎΠ΄Π²Π°Π», Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ°ΠΊΡΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΡ:
<table> <thead> <tr> <th>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> <th>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> <th>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> </td> </thead> <tfoot> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> </td> </tfoot> <tbody> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> </tbody> </table>
Π¨Π°ΠΏΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ Π»Π΅ΠΆΠΈΡ Π² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅ thead
, ΡΡΠ΅ΠΉΠΊΠΈ Π² ΡΠ°ΠΏΠΊΠ΅ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³Π° <th>.
. ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ΅ΠΊΡΡ Π² ΡΡΠ΅ΠΉΠΊΠ°Ρ
ΡΠ°ΠΏΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ ΠΈ Π²ΡΠ΄Π΅Π»Π΅Π½ ΠΆΠΈΡΠ½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ. ..</th>
ΠΠΎΠ΄Π²Π°Π» ΡΠ°Π±Π»ΠΈΡΡ Π»Π΅ΠΆΠΈΡ Π² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅ tfoot
. ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ ΠΏΠΎΠ΄Π²Π°Π» Π² ΠΊΠΎΠ΄Π΅ ΠΈΠ΄Π΅Ρ ΡΡΠ°Π·Ρ ΠΏΠΎΡΠ»Π΅ ΡΠ°ΠΏΠΊΠΈ, Π±ΡΠ°ΡΠ·Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡ Π΅Π³ΠΎ Π² ΡΠ°ΠΌΠΎΠΌ Π½ΠΈΠ·Ρ ΡΠ°Π±Π»ΠΈΡΡ, Ρ.Π΅. ΠΏΠΎΡΠ»Π΅ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° tbody
.
ΠΡΠ½ΠΎΠ²Π½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΡΠΈΠ½ΡΡΠΎ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡ Π² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅ tbody
.
ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΡΡΠ΅Π΅ΠΊ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ
ΠΠ»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠ΅Π΅ΠΊ Π² ΡΡΡΠΎΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌ Π°ΡΡΠΈΠ±ΡΡ colspan
. ΠΠΎΠΏΡΡΡΠΈΠΌ Π² Π½Π°ΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅ ΠΌΡ Ρ
ΠΎΡΠΈΠΌ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ Π΄Π²Π΅ ΡΡΠ΅ΠΉΠΊΠΈ Π² ΡΠ°ΠΏΠΊΠ΅, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π΄Π»Ρ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ Π·Π°ΠΏΠΈΡΡΠ²Π°Π΅ΠΌ Π°ΡΡΠΈΠ±ΡΡ colspan
ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ Π΄Π²Π°: <td colspan="2">
, ΠΈ ΡΠ΄Π°Π»ΡΠ΅ΠΌ ΡΡΠ΅ΠΉΠΊΡ, ΠΈΠ΄ΡΡΡΡ ΠΏΠΎΡΠ»Π΅ ΡΡΠΎΠΉ:
<table> <thead> <tr> <th colspan="2">Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> <th>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> </td> </thead> <tfoot> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> </td> </tfoot> <tbody> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> </tbody> </table>
ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΡΡΠ΅Π΅ΠΊ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ
Π§ΡΠΎΠ±Ρ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ ΡΡΠ΅ΠΉΠΊΠΈ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π°ΡΡΠΈΠ±ΡΡ rowspan
. ΠΠΎΠΏΡΡΡΠΈΠΌ Π² ΡΠ΅Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ ΠΏΠ΅ΡΠ²ΡΡ ΡΡΠ΅ΠΉΠΊΡ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ Ρ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΎΠΉ Π²ΡΠΎΡΠΎΠΉ ΡΡΡΠΎΠΊΠΈ, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π΄Π»Ρ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ Π² ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ Π½ΡΠΆΠ½ΠΎ Π·Π°ΠΏΠΈΡΠ°ΡΡ
<td rowspan="2">
, ΠΈ ΡΠ΄Π°Π»ΠΈΡΡ ΠΏΠ΅ΡΠ²ΡΡ ΡΡΠ΅ΠΉΠΊΡ Π²ΠΎ Π²ΡΠΎΡΠΎΠΉ ΡΡΡΠΎΠΊΠ΅:
<table> <thead> <tr> <th>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> <th>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> <th>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ</th> </td> </thead> <tfoot> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° Π² ΠΏΠΎΠ΄Π²Π°Π»Π΅ ΡΠ°Π±Π»ΠΈΡΡ</td> </td> </tfoot> <tbody> <tr> <td rowspan="2">Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> <tr> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> <td>Π―ΡΠ΅ΠΉΠΊΠ° ΡΠ°Π±Π»ΠΈΡΡ</td> </td> </tbody> </table>
ΠΠΈΠ΄Π΅ΠΎ ΠΊ ΡΡΠΎΠΊΡ
youtube.com/embed/E3WAt1JVJo4?list=PL7WSlKprEauKE7ATTIXmFZcDw62EsxWpM»/>
ΠΡΡΠΈΠ±ΡΡΡ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π² HTML. ΠΠ°ΠΊ Π² HTML ΡΠ΄Π΅Π»Π°ΡΡ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΏΠΎ ΡΠ΅Π½ΡΡΡ, ΡΠΈΡΠΈΠ½Π΅, ΠΊΡΠ°ΡΠΌ ΡΡΡΠ°Π½ΠΈΡΡ? β¦ ΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΡΡΠ³ΠΈΠ΅. Π’Π°ΠΊ ΠΆΠ΅ Π°ΡΡΠΈΠ±ΡΡ align ΠΈΠΌΠ΅Π΅Ρ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ: align=βΒ»leftβ β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ align=βrightβ β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ
ΠΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΠΌ ΠΈΠ·ΡΡΠ΅Π½ΠΈΠ΅ HTML. Π ΡΡΠΎΠΌ ΡΡΠΎΠΊΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡ, ΠΊΠ°ΠΊΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π±ΡΠ²Π°ΡΡ, ΠΊΠ°ΠΊ ΠΈΠΌΠΈ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΈ ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ. Π ΡΠ°ΠΊΠΆΠ΅ ΡΠ°Π·Π±Π΅ΡΠ΅ΠΌ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΡ, ΡΡΠΎΠ±Ρ ΠΡ ΡΠΆΠ΅ ΠΌΠΎΠ³Π»ΠΈ Π½Π°ΠΏΠΎΠ»Π½ΠΈΡΡ ΡΠ²ΠΎΡ ΡΡΡΠ°Π½ΠΈΡΠΊΡ ΡΠ΅ΠΊΡΡΠΎΠΌ, Π½ΠΎ, Π³Π»Π°Π²Π½ΠΎΠ΅, ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ.
ΠΡΠ»ΠΈ ΠΡ Π½Π΅ ΠΈΠ·ΡΡΠΈΠ»ΠΈ ΠΏΠ΅ΡΠ²ΡΡ ΡΡΠ°ΡΡΡ, ΡΠΎ Π½Π°ΠΉΡΠΈ Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π·Π΄Π΅ΡΡ:
Π Π°Π· Π²Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΠ΅ΡΡ Π½Π° Π΄Π°Π½Π½ΠΎΠΌ ΡΡΠΎΠΊΠ΅, ΡΠΎ Ρ ΠΎΡΠΈΡΠ΅ ΠΈ Π΄Π°Π»ΡΡΠ΅ ΠΈΠ·ΡΡΠ°ΡΡ ΡΠ΅ΠΌΡ ΡΠ°ΠΉΡΠΎΡΡΡΠΎΠ΅Π½ΠΈΡ. Π Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΈΡ ΡΡΠΎΠΊΠΎΠ² Ρ Π²Π°Ρ ΠΏΠΎΡΠ²ΠΈΡΡΡ Π±Π°Π·ΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅.
Π§ΡΠΎ Π΄Π΅Π»Π°ΡΡ, Π΅ΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΠΎΠ»ΡΡΠ΅ Π·Π½Π°Π½ΠΈΠΉ ΠΈ Ρ
ΠΎΡΠΈΡΠ΅, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π΄Π°ΠΆΠ΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² ΡΡΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ? ΠΡΡΡΠ΅ Π½Π°ΠΉΡΠΈ ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΊΡΡΡΡ. Π ΡΡΠ½Π΅ΡΠ΅ Π½Π΅ ΡΠ°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎ Ρ
ΠΎΡΠΎΡΠΈΡ
, Π³Π΄Π΅ ΠΎΠ±ΡΡΠ°ΡΡ Front-end ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ². ΠΠ½Π΅ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ»Π°ΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΠ°Ρ Π΅ΡΡΡ Ρ ΠΠ΅ΡΠΎΠ»ΠΎΠ³ΠΈΠΈ Ρ ΠΊΡΡΡΠ° Β« Β«. Π’Π°ΠΊΠΆΠ΅ Π½Π΅ΠΏΠ»ΠΎΡ
Π°Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΠΈ Ρ Skillbox Ρ ΠΊΡΡΡ Β« Β«.
ΠΡΠ»ΠΈ ΠΈΠ·ΡΡΠ°ΡΡ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ, ΡΠΎ Ρ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»Π°ΠΌΠΈ.
Π’Π΅ΠΎΡΠΈΡ ΠΈ ΠΏΡΠ°ΠΊΡΠΈΠΊΠ° β ΠΠ°ΡΠ°Π³ΡΠ°ΡΡ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ HTML ΡΡΡΠ°Π½ΠΈΡΡ
Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΌΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΎ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΠ°Ρ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°Ρ . ΠΠ°ΡΠ½Π΅ΠΌ Ρ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ β Ρ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΠΎΠ² ΠΈ Π³Π΄Π΅ ΠΎΠ½ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ.
ΠΠ°ΡΠ°Π³ΡΠ°ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅
Π― ΡΠ΅ΠΉΡΠ°Ρ ΠΏΡΠΈΠ²Π΅Π΄Ρ ΠΏΡΠΈΠΌΠ΅Ρ ΠΊΠΎΠ΄Π°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΡΡΡΡΡΠ²ΠΎΠ²Π°ΡΡ ΡΠ΅Π³ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΠ° .
ΠΡΠ½ΠΎΠ²Π½ΡΡ ΡΡΡΡΠΊΡΡΡΡ ΠΡ ΡΠΆΠ΅ ΠΏΠΎΠΌΠ½ΠΈΡΠ΅ ΠΈΠ· ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ ΡΡΠΎΠΊΠ°. Π’Π°ΠΌ ΡΠ°Π·Π±ΠΈΡΠ°Π»ΠΈ ΠΎΡΠ½ΠΎΠ²Ρ ΠΈ ΡΠΌΠΎΡΡΠ΅Π»ΠΈ, ΡΡΠΎ ΠΆΠ΅ ΡΠ°ΠΊΠΎΠ΅ HTML. ΠΠΎΡΡΠΎΠΌΡ ΡΠΎΡΡΠ΅Π΄ΠΎΡΠΎΡΠΈΠΌ ΡΠ²ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΠΎΠΌ, ΡΡΠΎ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³Π°ΠΌΠΈ .
ΠΠΎΠ³Π΄Π° ΠΡ ΠΏΠΈΡΠ΅ΡΠ΅ Π»ΡΠ±ΠΎΠΉ ΡΠ΅ΠΊΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅, Π±ΡΠ΄Ρ ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ Π°Π±Π·Π°Ρ ΠΈΠ»ΠΈ Π½Π΅Π±ΠΎΠ»ΡΡΠ°Ρ ΠΏΠΎΡΡΠ½ΡΡΡΠ°Ρ ΡΡΡΠΎΠΊΠ° ΠΏΠΎΠ΄ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΡΠΎΡ ΡΠ΅ΠΊΡΡ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡ Π²Π½ΡΡΡΡ ΡΠ΅Π³Π° .
Π ΠΏΠΎΡΠ»Π΅Π΄ΡΡΡΠΈΡ
ΡΡΠΎΠΊΠ°Ρ
ΠΡ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΠΏΡΠΎΡΠ΅ΡΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ
Π°Π±Π·Π°ΡΠ΅Π². Π‘Π΅ΠΉΡΠ°Ρ ΠΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΎΠ½ΡΡΡ ΡΠΎ, ΡΡΠΎ Π½Π΅Π»ΡΠ·Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ ΡΠ΅Π³ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ Π±Π΅Π· ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ ΡΠ΅Π³Π°. ΠΠΎΡΠΎΠΌΡ ΡΡΠΎ Π² Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ Π±ΡΠ΄Π΅Ρ ΡΠ»ΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΠΊΠ°ΠΊΠΈΠ΅-ΡΠΎ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΠΈΠ»ΠΈ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΡΠ°ΡΡΠΊΠ° ΡΠ΅ΠΊΡΡΠ°.
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ Π½Π°ΠΏΠΈΡΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π°Π±Π·Π°ΡΠ΅Π². ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ Π°Π±Π·Π°ΡΡ Π²ΠΎΠ·ΡΠΌΠΈΡΠ΅ Π² ΡΠ΅Π³ , Π° Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΡΠ°Π²ΡΡΠ΅ Π±Π΅Π· Π½Π΅Π³ΠΎ. Π ΠΡ ΡΡΠ°Π·Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΠ°Π·Π½ΠΈΡΠ΅. ΠΠΎΡΠΎΠΌΡ ΡΡΠΎ Π΅ΡΠ»ΠΈ ΠΡ Π½Π°ΠΏΠΈΡΠ΅ΡΠ΅ Π°Π±Π·Π°Ρ Π²Π½ΡΡΡΠΈ ΡΡΠΎΠ³ΠΎ ΡΠ΅Π³Π°, ΡΠΎ Ρ Π½Π΅Π³ΠΎ ΡΡΠ°Π·Ρ ΠΆΠ΅ ΠΏΠΎΡΠ²ΡΡΡΡ ΠΎΡΡΡΡΠΏΡ. Π ΡΠ΅ΠΉΡΠ°Ρ ΠΏΠ΅ΡΠ΅ΠΉΠ΄Π΅ΠΌ ΡΠΆΠ΅ Π² HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌ ΡΡΡΠ°Π½ΠΈΡΡ.
HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅
Π HTML Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ ΡΠ΅ΠΌΠ°Π½ΡΠΈΠΊΠ°. Π― Π½Π΅ Π³ΠΎΠ²ΠΎΡΡ ΠΎ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ HTML5 ΠΈ Π΅Π³ΠΎ Π½ΠΎΠ²ΡΡ ΡΠ΅Π³Π°Ρ . ΠΠ΄Π΅ΡΡ Π»ΠΈΡΡ ΡΠ°Π·Π±Π΅ΡΠ΅ΠΌ ΡΠ°ΠΌΡΠ΅ Π±Π°Π·ΠΎΠ²ΡΠ΅, ΡΡΠΎΠ±Ρ ΠΡ Π±ΡΡΡΡΠΎ ΡΠΌΠΎΠ³Π»ΠΈ ΠΎΡΠ²ΠΎΠΈΡΡ Π°Π·Ρ HTML. Π‘Π΅ΠΌΠ°Π½ΡΠΈΠΊΠ° ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ ΡΠΎ, ΡΡΠΎ Π½Π΅ Π½Π°Π΄ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, Π°Π±Π·Π°ΡΡ, ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅, ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ ΡΠΎΠ³ΠΎ ΠΆΠ΅ ΡΠ΅Π³Π°. ΠΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ, Π½ΠΎ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ HTML Π±ΠΎΠ»Π΅Π΅ ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·Π½Π° ΠΈ Π΄Π»Ρ ΡΠ°Π·Π½ΡΡ ΡΠΈΡΡΠ°ΡΠΈΠΉ ΠΏΡΠ΅Π΄ΡΡΠΌΠΎΡΡΠ΅Π½Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ ΡΠ΅Π³ΠΈ. Π ΠΠ°ΠΌ Π»ΠΈΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡΠ²ΠΎΠΈΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠ΅Π³ΠΈ, ΡΡΠΎΠ±Ρ ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ HTML ΠΊΠΎΠ΄ΠΎΠΌ.
ΠΡΠΎ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ΅ Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Ρ Π½Π°ΠΏΠΈΡΠ°Π» ΠΊ ΡΠΎΠΌΡ, ΡΡΠΎ Π΄Π»Ρ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΠΎΠ² Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΆΠ΅ ΠΈΠ·Π²Π΅ΡΡΠ½ΡΠΉ ΠΠ°ΠΌ ΡΠ΅Π³ . Π Π²ΠΎΡ Π΄Π»Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΠ΅Π³ΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π°ΡΠΈΠ½Π°ΡΡΡΡ Ρ Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΎΠΉ Π±ΡΠΊΠ²Ρ «H».
ΠΠΎΡ Π²Π΅ΡΡ ΡΠΏΠΈΡΠΎΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ:
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ· Π΄Π°Π½Π½ΡΡ ΡΠ΅Π³ΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π³ΠΎΡΠ°Π·Π΄ΠΎ ΡΠ°ΡΠ΅. ΠΡΠΎ ΡΠ°ΠΊΠΈΠ΅ ΡΠ΅Π³ΠΈ ΠΊΠ°ΠΊ h2, h3 ΠΈΠ»ΠΈ h4. ΠΡΠ»ΠΈ ΠΊΡΠΎ-ΡΠΎ ΡΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌ Ρ CSS, ΡΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ, ΡΡΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡΡ h4 ΠΌΠΎΠΆΠ½ΠΎ ΡΡΠΈΠ»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΡΠΎ ΠΎΠ½ Π±ΡΠ΄Π΅Ρ Π²Π½Π΅ΡΠ½Π΅ ΠΏΠΎΡ ΠΎΠΆ ΠΈ Π½Π° h2 ΠΈΠ»ΠΈ h3. ΠΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ½ΠΈ Π½ΠΎΡΡΡ, Ρ ΠΎΡΡ Π±Ρ Π΄Π»Ρ SEO ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ, ΠΊΠ°ΡΠ΄ΠΈΠ½Π°Π»ΡΠ½ΠΎ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ. ΠΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΡΡΠΈ ΡΠΈΡΡΡ, Π²Π½ΡΡΡΠΈ ΡΠ΅Π³ΠΎΠ², ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ ΠΊΠ°ΠΊ ΡΡΠΎΠ²Π΅Π½Ρ Π²Π°ΠΆΠ½ΠΎΡΡΠΈ ΡΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠ³ΠΎ HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°. ΠΠΎΡΡΠΎΠΌΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡΠ΅Π½Ρ ΡΡΠ°ΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΠΎΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ Π΄Π°Π½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈ ΡΠΎΠ³Π΄Π° ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠ΅ ΡΠΈΡΡΠ΅ΠΌΡ ΡΡΠ°Π½ΡΡ Π·Π°ΠΌΠ΅ΡΠ°ΡΡ ΠΠ°ΡΠΈ ΡΡΠ°ΡΡΠΈ.
ΠΠΎΠΊΠ° ΠΌΡ Π½Π΅ Π΄ΠΎΡΠ»ΠΈ Π΄ΠΎ CSS, ΠΡ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΡΠΈΠ»ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π·Π°Π΄Π°Π½Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ . ΠΡΠ»ΠΈ ΠΡ Π²ΡΡΠ°Π²ΠΈΡΠ΅ ΠΎΠ΄ΠΈΠ½ Π·Π° ΠΎΠ΄Π½ΠΈΠΌ Π΄Π°Π½Π½ΡΠ΅ ΡΠ΅Π³ΠΈ ΠΈ Π²Π½ΡΡΡΠΈ Π½Π°ΠΏΠΈΡΠΈΡΠ΅ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΡΠ΅ΠΊΡΡ, ΡΠΎ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅:
ΠΠ»Ρ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΡ
ΡΠΎΠ±ΠΎΡΠΎΠ² ΡΠ°ΠΊΠΆΠ΅ Π²Π°ΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅. ΠΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Π°, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΡΠΈΡΠ°ΡΡ Π² Π½Π°ΡΠ΅ΠΉ ΠΊΠ½ΠΈΠ³Π΅ β .
ΠΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²ΡΠ΅ ΠΈΠ·ΡΡΠΈΠ»ΠΈ, ΡΡΠ°Π·Ρ ΠΆΠ΅ ΠΈΠ΄Π΅ΠΌ Π² ΠΊΠΎΠ΄ ΠΈ ΠΏΡΠΎΠ±ΡΠ΅ΠΌ Π½Π°ΠΏΠΈΡΠ°ΡΡ Π²ΡΠ΅ ΡΠ²ΠΎΠΈΠΌΠΈ ΡΡΠΊΠ°ΠΌΠΈ. ΠΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊ Π±ΡΡΡΡΠ΅Π΅ Π²ΡΠ΅Π³ΠΎ ΠΎΡΠ²Π°ΠΈΠ²Π°Π΅ΡΡΡ Π»ΡΠ±ΠΎΠΉ ΡΠ·ΡΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΠΎ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ HTML Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π»Π΅Π³ΡΠ΅ Π»ΡΠ±ΠΎΠ³ΠΎ ΡΠ·ΡΠΊΠ° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΠΏΠΎΡΡΠΎΠΌΡ Π·Π΄Π΅ΡΡ ΡΠΌΠΎΠΆΠ΅Ρ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ ΠΊΠ°ΠΆΠ΄ΡΠΉ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΡ Π»ΡΡΡΠ΅ Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡΠ΅ ΡΠ΅Π³ΠΈ.
ΠΠΈΠ΄Π΅ΠΎ ΡΡΠΎΠΊ β HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡΡ? (ΠΏΡΠ°ΠΊΡΠΈΠΊΠ°)
ΠΠ°Π³Π»ΡΠ΄Π½ΠΎΠ΅ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΡΠ°Π±ΠΎΡΡ Ρ Π΄Π°Π½Π½ΡΠΌΠΈ ΡΠ΅Π³Π°ΠΌΠΈ:
ΠΠΎΠΌΠ°ΡΠ½Π΅Π΅ Π·Π°Π΄Π°Π½ΠΈΠ΅
Π/Π: Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΡΠΈΠΌΠ΅ΡΠ° Π½Π°ΠΏΠΈΡΠΈΡΠ΅ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ ΡΠΎΡΡΠΎΡΡΡ ΠΈΠ· 5-7 Π°Π±Π·Π°ΡΠ΅Π² ΠΈ 2-3 ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·Π½ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ².
ΠΠ½ΠΎΠ³ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅ Π½ΡΠΆΠ½ΠΎ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ. Π§Π°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ. ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠΈΠΌ, ΠΊΠ°ΠΊ Π΄Π΅Π»Π°Π΅ΡΡΡ Π² css Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΏΠΎ ΡΠ΅Π½ΡΡΡ.
Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ text-align
ΠΠ° ΡΡΠΎ ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ text-align ΠΈ ΠΎΠ½ΠΎ ΠΈΠΌΠ΅Π΅Ρ ΡΠ΅ΡΡΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
- Left β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΎΠ½ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½
- Right β ΠΏΠΎ ΠΏΡΠ°Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ, Π½ΠΎ ΠΏΡΠΈ ΡΡΠΎΠΌ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΎΡΡΠ°Π΅ΡΡΡ Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½ΡΠΌ
- Center β ΠΏΠΎ ΡΠ΅Π½ΡΡΡ.
Π’ΠΎ Π΅ΡΡΡ ΡΠΎ, ΡΡΠΎ Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ. ΠΠΈΠΊΠ°ΠΊΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² Π·Π°Π΄Π°Π²Π°ΡΡ Π½Π΅ Π½ΡΠΆΠ½ΠΎ β Π±ΡΠ°ΡΠ·Π΅Ρ ΡΠ°ΠΌ ΠΏΠΎΡΡΠ°Π²ΠΈΡ ΡΠ΅ΠΊΡΡ ΡΠΎΠ²Π½ΠΎ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ Π½Π° ΡΠ°Π·Π½ΡΡ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡΡ ΡΠΊΡΠ°Π½ΠΎΠ²
- Justify β Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΈΡΠΈΠ½Π΅, ΠΊΠΎΠ³Π΄Π° Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ ΡΠ»ΠΎΠ²Π° ΡΠ°ΡΡΡΠ³ΠΈΠ²Π°ΡΡΡΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ Π·Π°Π½ΡΡΡ Π²ΡΡ Π΅Π΅ ΡΠΈΡΠΈΠ½Ρ
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Ρ Π½Π°Ρ Π΅ΡΡΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ»ΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡ Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ:
Π§ΡΠΎΠ±Ρ Π²ΡΡΠ°Π²Π½ΡΡΡ Π½Π°Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ (h2) ΠΏΠΎ ΡΠ΅Π½ΡΡΡ, Π½ΡΠΆΠ½ΠΎ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ°ΠΊ:
h2{
Text-align: center
}
Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π΅Ρ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ±ΡΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡ, Π½ΠΎ ΠΈ Π²ΡΠ΅ ΡΡΡΠΎΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΡΡΠΎΡΠ½ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ, ΠΏΠΎΡΡΠΎΠΌΡ Π½Π° Π½Π΅Π³ΠΎ ΡΡΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ ΡΠΎΠΆΠ΅ ΠΏΠΎΠ²Π»ΠΈΡΠ΅Ρ.
Text-align Π½Π΅ Π΄Π΅ΠΉΡΡΠ²ΡΠ΅Ρ ΠΊΠ°ΠΊ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ float . ΠΡΠ»ΠΈ text-align ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΠΊ Π±Π»ΠΎΡΠ½ΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Ρ ΡΠ΅ΠΊΡΡΠΎΠΌ, ΡΠΎ Π±Π»ΠΎΠΊ Π½Π΅ ΠΏΠΎΡΠ΅ΡΡΠ΅Ρ ΡΠ²ΠΎΠ΅Π³ΠΎ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΡ. ΠΡΠ΄Π΅Ρ ΠΏΡΠΈΠΆΠ°Ρ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ΅ΠΊΡΡ Π² Π½Π΅ΠΌ, Π° Π½Π΅ ΡΠ°ΠΌ Π±Π»ΠΎΠΊ. ΠΠ°ΠΌΠ΅ΡΡΡΠ΅, ΡΡΠΎ ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ ΠΎΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° float, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΎΡΠΏΡΠ°Π²Π»ΡΠ΅Ρ Π²ΠΏΡΠ°Π²ΠΎ ΠΈΠ»ΠΈ Π²Π»Π΅Π²ΠΎ Π²Π΅ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅Π»ΠΈΠΊΠΎΠΌ.
ΠΠ°ΠΊ Ρ ΠΈ ΠΎΠ±Π΅ΡΠ°Π» ΡΠ°Π½Π΅Π΅, Π² ΡΡΠΎΠΌ ΡΡΠΎΠΊΠ΅ Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡΠΎΠ²Π½ΡΡΡ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π»ΡΠ±ΠΎΠ³ΠΎ HTML-ΡΠ΅Π³Π° Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΠΉ Π°ΡΡΠΈΠ±ΡΡ align
. ΠΠ°ΠΊ Π²Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΡΠΆΠ΅ Π΄ΠΎΠ³Π°Π΄Π°Π»ΠΈΡΡ, ΠΌΡ ΠΎΠΏΡΡΡ Π±ΡΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΈΠ»ΠΈ (CSS), Π° ΡΠΎΡΠ½Π΅Π΅ Π½Π°Ρ Π»ΡΠ±ΠΈΠΌΡΠΉ Π°ΡΡΠΈΠ±ΡΡ style
.
ΠΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ Π²ΡΡΠΎΠ²Π½ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π°ΡΡΠΈΠ±ΡΡΡ style ΠΏΡΠΈΡΠ²ΠΎΠΈΡΡ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΡΠ»Π΅Π΄ΡΡΡΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ:
- text-align:center — ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΠ°.
- text-align:left — ΠΠ°ΠΆΠ΄Π°Ρ ΡΡΡΠΎΠΊΠ° Π²ΠΏΠ»ΠΎΡΠ½ΡΡ ΠΏΡΠΈΠΆΠΈΠΌΠ°Π΅ΡΡΡ ΠΊ Π»Π΅Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Π΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° (ΡΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ).
- text-align:right — ΠΠ°ΠΆΠ΄Π°Ρ ΡΡΡΠΎΠΊΠ° ΠΏΡΠΈΠΆΠΈΠΌΠ°Π΅ΡΡΡ ΠΊ ΠΏΡΠ°Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Π΅.
- text-align:justify — ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΡΠ°Π·Ρ ΠΏΠΎ Π»Π΅Π²ΠΎΠΉ ΠΈ ΠΏΡΠ°Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Π°ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. ΠΠ±ΡΡΡΠ½Ρ. ΠΠ±ΡΡΠ½ΠΎ Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΠ°, ΠΎΠ΄Π½Π° ΡΡΠΎΡΠΎΠ½Π° ΡΠ΅ΠΊΡΡΠ° Π²ΡΠ΅Π³Π΄Π° ΡΠΎΠ²Π½Π°Ρ, Π° Π΄ΡΡΠ³Π°Ρ — Β«ΡΠ²Π°Π½Π°ΡΒ», ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π΄Π»ΠΈΠ½Ρ ΡΡΡΠΎΠΊ ΠΏΠΎΠ»ΡΡΠ°ΡΡΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ°Π·Π½ΡΠΌΠΈ. Π ΠΊΠΎΠ³Π΄Π° ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ text-align:justify
, ΡΠΎ ΠΊΠ°ΠΆΠ΄Π°Ρ ΡΡΡΠΎΠΊΠ° ΡΠ°Π²Π½ΠΎΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΡΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ ΠΏΠΎ ΡΠΈΡΠΈΠ½Π΅. Π ΡΠ»ΡΡΠ°Π΅ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΏΡΠΎΠ±Π΅Π»Ρ, Π° ΠΏΠ΅ΡΠ²ΠΎΠ΅ ΠΈ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ ΡΠ»ΠΎΠ²ΠΎ ΡΡΡΠΎΠΊΠΈ Π²ΡΠ΅Π³Π΄Π° ΠΏΡΠΈΠΆΠ°ΡΡ ΠΊ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠΌ ΡΡΠΎΡΠΎΠ½Π°ΠΌ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ ΡΠΎΠ²Π½ΡΠΉ Ρ ΠΎΠ±Π΅ΠΈΡ
ΡΡΠΎΡΠΎΠ½ Π±Π»ΠΎΠΊ.
ΠΡΠΈΠΌΠ΅Ρ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΡΠ΅Π³ΠΎΠ²
ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΡΠ΅Π³ΠΎΠ²ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ.
ΠΠ°ΡΠ°Π³ΡΠ°Ρ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ.
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅
ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ.
Π’Π΅ΠΊΡΡ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΠ° ΠΏΡΠΈΠΆΠΈΠΌΠ°Π΅ΡΡΡ Π²ΠΏΡΠ°Π²ΠΎ.
ΠΠ°ΡΠ°Π³ΡΠ°Ρ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ.
ΠΠΎΠΎΠ±ΡΠ΅, Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΊ Π±Π»ΠΎΡΠ½ΡΠΌ ΡΠ΅Π³Π°ΠΌ ΠΈ ΡΡΠ΅ΠΉΠΊΠ°ΠΌ ΡΠ°Π±Π»ΠΈΡΡ (ΠΎ Π½ΠΈΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΏΠΎΠ·ΠΆΠ΅). Π₯ΠΎΡΡ, Ρ Π΄ΡΡΠ³ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ, Π΄Π°ΠΆΠ΅ Π΅ΡΠ»ΠΈ Π²Ρ ΠΏΠΎΠΏΡΡΠ°Π΅ΡΠ΅ΡΡ, ΡΠΎ Π½Π΅ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ Π΅Π³ΠΎ ΠΊ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΌ (inline). ΠΠΎΡΠ΅ΠΌΡ? Π ΠΏΠΎΠΌΠ½ΠΈΡΠ΅ ΠΌΡ Π½Π΅Π΄Π°Π²Π½ΠΎ Π²ΡΡΡΠ½ΠΈΠ»ΠΈ, ΡΡΠΎ ΡΠΈΡΠΈΠ½Π° Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠ°Π²Π½Π° Π΅Π³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠΌΡ? Π‘ΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ, ΡΡΠΎ ΡΡΠΎΠΌΡ ΡΠ°ΠΌΠΎΠΌΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠΌΡ ΠΏΡΠΎΡΡΠΎ Π½Π΅ΠΊΡΠ΄Π° Π±ΡΠ΄Π΅Ρ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡΡΡ ΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΡΠ½ΠΎ ΠΏΡΠΎΠΈΠ³Π½ΠΎΡΠΈΡΡΠ΅Ρ Π²Π°ΡΠΈ Β«Ρ ΡΠ΄ΠΎΠΆΠ΅ΡΡΠ²Π°Β». π
ΠΠΎΠΌΠ°ΡΠ½Π΅Π΅ Π·Π°Π΄Π°Π½ΠΈΠ΅.
- Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΠ°ΡΡΠΈ, Π΄Π²ΡΡ Π΅Π΅ ΡΠ°Π·Π΄Π΅Π»ΠΎΠ² ΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΠΎΠ΄ΡΠ°Π·Π΄Π΅Π»Π° Π² ΠΏΠ΅ΡΠ²ΠΎΠΌ ΡΠ°Π·Π΄Π΅Π»Π΅. Π ΠΏΡΡΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΠ°ΡΡΠΈ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΡ.
- Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π΄Π»Ρ Π²ΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΡ ΡΡΠΈΡΡ Arial, Π° Π΄Π»Ρ Π²ΡΠ΅Ρ
Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² — Times ΠΈ ΠΏΡΡΡΡ ΠΎΠ½ΠΈ Π±ΡΠ΄ΡΡ Π½Π°ΠΏΠΈΡΠ°Π½Ρ ΠΊΡΡΡΠΈΠ²ΠΎΠΌ.
- Π¦Π²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΡΡΠ°ΡΡΠΈ ΠΏΠΎΡΡΠ°Π²ΡΡΠ΅ #FF6600, ΡΠ°Π·Π΄Π΅Π»ΠΎΠ² #6600FF, Π° ΠΏΠΎΠ΄ΡΠ°Π·Π΄Π΅Π»Π° ΠΎΡΡΠ°Π²ΡΡΠ΅ Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½ΡΠΌ.
- ΠΠ°ΠΏΠΈΡΠΈΡΠ΅ ΠΏΠΎΠ΄ ΠΊΠ°ΠΆΠ΄ΡΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΌΡ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΡ, ΠΏΡΠΈΡΠ΅ΠΌ ΡΠ΅ΠΊΡΡ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· Π½ΠΈΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π°Π½ΠΈΠΌΠ°ΡΡ Π½Π΅ ΠΌΠ΅Π½ΡΡΠ΅ ΡΡΠ΅Ρ ΡΡΡΠΎΠΊ ΠΏΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅.
- ΠΡΡΠΎΠ²Π½ΡΠΉΡΠ΅ Π²ΡΠΎΡΠΎΠΉ ΠΏΠ°ΡΠ°Π³ΡΠ°Ρ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ, ΡΡΠ΅ΡΠΈΠΉ — ΠΏΠΎ ΠΏΡΠ°Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Π΅, Π° ΡΠ΅ΡΠ²Π΅ΡΡΡΠΉ ΠΏΠΎ ΠΎΠ±ΠΎΠΈΠΌ.
ΠΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΠΌ ΠΈΠ·ΡΡΠ΅Π½ΠΈΠ΅ HTML. Π ΡΡΠΎΠΌ ΡΡΠΎΠΊΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡ, ΠΊΠ°ΠΊΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π±ΡΠ²Π°ΡΡ, ΠΊΠ°ΠΊ ΠΈΠΌΠΈ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΈ ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ. Π ΡΠ°ΠΊΠΆΠ΅ ΡΠ°Π·Π±Π΅ΡΠ΅ΠΌ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΡ, ΡΡΠΎΠ±Ρ ΠΡ ΡΠΆΠ΅ ΠΌΠΎΠ³Π»ΠΈ Π½Π°ΠΏΠΎΠ»Π½ΠΈΡΡ ΡΠ²ΠΎΡ ΡΡΡΠ°Π½ΠΈΡΠΊΡ ΡΠ΅ΠΊΡΡΠΎΠΌ, Π½ΠΎ, Π³Π»Π°Π²Π½ΠΎΠ΅, ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ.
ΠΡΠ»ΠΈ ΠΡ Π½Π΅ ΠΈΠ·ΡΡΠΈΠ»ΠΈ ΠΏΠ΅ΡΠ²ΡΡ ΡΡΠ°ΡΡΡ, ΡΠΎ Π½Π°ΠΉΡΠΈ Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π·Π΄Π΅ΡΡ:
- Π£ΡΠΎΠΊ 1. Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ HTML?
Π’Π΅ΠΎΡΠΈΡ ΠΈ ΠΏΡΠ°ΠΊΡΠΈΠΊΠ° β ΠΠ°ΡΠ°Π³ΡΠ°ΡΡ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ HTML ΡΡΡΠ°Π½ΠΈΡΡ
Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΌΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΎ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΠ°Ρ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°Ρ . ΠΠ°ΡΠ½Π΅ΠΌ Ρ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ β Ρ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΠΎΠ² ΠΈ Π³Π΄Π΅ ΠΎΠ½ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ.
ΠΠ°ΡΠ°Π³ΡΠ°ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅
Π― ΡΠ΅ΠΉΡΠ°Ρ ΠΏΡΠΈΠ²Π΅Π΄Ρ ΠΏΡΠΈΠΌΠ΅Ρ ΠΊΠΎΠ΄Π°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΡΡΡΡΡΠ²ΠΎΠ²Π°ΡΡ ΡΠ΅Π³ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΠ° .
ΠΡΠ½ΠΎΠ²Π½ΡΡ ΡΡΡΡΠΊΡΡΡΡ ΠΡ ΡΠΆΠ΅ ΠΏΠΎΠΌΠ½ΠΈΡΠ΅ ΠΈΠ· ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ ΡΡΠΎΠΊΠ°. Π’Π°ΠΌ ΡΠ°Π·Π±ΠΈΡΠ°Π»ΠΈ ΠΎΡΠ½ΠΎΠ²Ρ ΠΈ ΡΠΌΠΎΡΡΠ΅Π»ΠΈ, ΡΡΠΎ ΠΆΠ΅ ΡΠ°ΠΊΠΎΠ΅ HTML. ΠΠΎΡΡΠΎΠΌΡ ΡΠΎΡΡΠ΅Π΄ΠΎΡΠΎΡΠΈΠΌ ΡΠ²ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΠΎΠΌ, ΡΡΠΎ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³Π°ΠΌΠΈ .
ΠΠΎΠ³Π΄Π° ΠΡ ΠΏΠΈΡΠ΅ΡΠ΅ Π»ΡΠ±ΠΎΠΉ ΡΠ΅ΠΊΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅, Π±ΡΠ΄Ρ ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ Π°Π±Π·Π°Ρ ΠΈΠ»ΠΈ Π½Π΅Π±ΠΎΠ»ΡΡΠ°Ρ ΠΏΠΎΡΡΠ½ΡΡΡΠ°Ρ ΡΡΡΠΎΠΊΠ° ΠΏΠΎΠ΄ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΡΠΎΡ ΡΠ΅ΠΊΡΡ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡ Π²Π½ΡΡΡΡ ΡΠ΅Π³Π° .
Π ΠΏΠΎΡΠ»Π΅Π΄ΡΡΡΠΈΡ ΡΡΠΎΠΊΠ°Ρ ΠΡ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΠΏΡΠΎΡΠ΅ΡΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ Π΄Π°Π½Π½ΡΡ Π°Π±Π·Π°ΡΠ΅Π². Π‘Π΅ΠΉΡΠ°Ρ ΠΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΎΠ½ΡΡΡ ΡΠΎ, ΡΡΠΎ Π½Π΅Π»ΡΠ·Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ ΡΠ΅Π³ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ Π±Π΅Π· ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ ΡΠ΅Π³Π°. ΠΠΎΡΠΎΠΌΡ ΡΡΠΎ Π² Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ Π±ΡΠ΄Π΅Ρ ΡΠ»ΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΠΊΠ°ΠΊΠΈΠ΅-ΡΠΎ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΠΈΠ»ΠΈ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΡΠ°ΡΡΠΊΠ° ΡΠ΅ΠΊΡΡΠ°.
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ Π½Π°ΠΏΠΈΡΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π°Π±Π·Π°ΡΠ΅Π². ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ Π°Π±Π·Π°ΡΡ Π²ΠΎΠ·ΡΠΌΠΈΡΠ΅ Π² ΡΠ΅Π³ , Π° Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΡΠ°Π²ΡΡΠ΅ Π±Π΅Π· Π½Π΅Π³ΠΎ. Π ΠΡ ΡΡΠ°Π·Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΠ°Π·Π½ΠΈΡΠ΅. ΠΠΎΡΠΎΠΌΡ ΡΡΠΎ Π΅ΡΠ»ΠΈ ΠΡ Π½Π°ΠΏΠΈΡΠ΅ΡΠ΅ Π°Π±Π·Π°Ρ Π²Π½ΡΡΡΠΈ ΡΡΠΎΠ³ΠΎ ΡΠ΅Π³Π°, ΡΠΎ Ρ Π½Π΅Π³ΠΎ ΡΡΠ°Π·Ρ ΠΆΠ΅ ΠΏΠΎΡΠ²ΡΡΡΡ ΠΎΡΡΡΡΠΏΡ. Π ΡΠ΅ΠΉΡΠ°Ρ ΠΏΠ΅ΡΠ΅ΠΉΠ΄Π΅ΠΌ ΡΠΆΠ΅ Π² HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌ ΡΡΡΠ°Π½ΠΈΡΡ.
HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅
Π HTML Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ ΡΠ΅ΠΌΠ°Π½ΡΠΈΠΊΠ°. Π― Π½Π΅ Π³ΠΎΠ²ΠΎΡΡ ΠΎ ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ HTML5 ΠΈ Π΅Π³ΠΎ Π½ΠΎΠ²ΡΡ
ΡΠ΅Π³Π°Ρ
. ΠΠ΄Π΅ΡΡ Π»ΠΈΡΡ ΡΠ°Π·Π±Π΅ΡΠ΅ΠΌ ΡΠ°ΠΌΡΠ΅ Π±Π°Π·ΠΎΠ²ΡΠ΅, ΡΡΠΎΠ±Ρ ΠΡ Π±ΡΡΡΡΠΎ ΡΠΌΠΎΠ³Π»ΠΈ ΠΎΡΠ²ΠΎΠΈΡΡ Π°Π·Ρ HTML. Π‘Π΅ΠΌΠ°Π½ΡΠΈΠΊΠ° ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ ΡΠΎ, ΡΡΠΎ Π½Π΅ Π½Π°Π΄ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, Π°Π±Π·Π°ΡΡ, ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅, ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ ΡΠΎΠ³ΠΎ ΠΆΠ΅ ΡΠ΅Π³Π°. ΠΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ, Π½ΠΎ ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΡ HTML Π±ΠΎΠ»Π΅Π΅ ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·Π½Π° ΠΈ Π΄Π»Ρ ΡΠ°Π·Π½ΡΡ
ΡΠΈΡΡΠ°ΡΠΈΠΉ ΠΏΡΠ΅Π΄ΡΡΠΌΠΎΡΡΠ΅Π½Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ ΡΠ΅Π³ΠΈ. Π ΠΠ°ΠΌ Π»ΠΈΡΡ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡΠ²ΠΎΠΈΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠ΅Π³ΠΈ, ΡΡΠΎΠ±Ρ ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ HTML ΠΊΠΎΠ΄ΠΎΠΌ.
ΠΡΠΎ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ΅ Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Ρ Π½Π°ΠΏΠΈΡΠ°Π» ΠΊ ΡΠΎΠΌΡ, ΡΡΠΎ Π΄Π»Ρ ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΠΎΠ² Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΆΠ΅ ΠΈΠ·Π²Π΅ΡΡΠ½ΡΠΉ ΠΠ°ΠΌ ΡΠ΅Π³ . Π Π²ΠΎΡ Π΄Π»Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΠ΅Π³ΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π°ΡΠΈΠ½Π°ΡΡΡΡ Ρ Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΎΠΉ Π±ΡΠΊΠ²Ρ «H».
ΠΠΎΡ Π²Π΅ΡΡ ΡΠΏΠΈΡΠΎΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ:
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ· Π΄Π°Π½Π½ΡΡ
ΡΠ΅Π³ΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π³ΠΎΡΠ°Π·Π΄ΠΎ ΡΠ°ΡΠ΅. ΠΡΠΎ ΡΠ°ΠΊΠΈΠ΅ ΡΠ΅Π³ΠΈ ΠΊΠ°ΠΊ h2, h3 ΠΈΠ»ΠΈ h4. ΠΡΠ»ΠΈ ΠΊΡΠΎ-ΡΠΎ ΡΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌ Ρ CSS, ΡΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ, ΡΡΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡΡ h4 ΠΌΠΎΠΆΠ½ΠΎ ΡΡΠΈΠ»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΡΠΎ ΠΎΠ½ Π±ΡΠ΄Π΅Ρ Π²Π½Π΅ΡΠ½Π΅ ΠΏΠΎΡ
ΠΎΠΆ ΠΈ Π½Π° h2 ΠΈΠ»ΠΈ h3. ΠΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ½ΠΈ Π½ΠΎΡΡΡ, Ρ
ΠΎΡΡ Π±Ρ Π΄Π»Ρ SEO ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ, ΠΊΠ°ΡΠ΄ΠΈΠ½Π°Π»ΡΠ½ΠΎ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ. ΠΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΡΡΠΈ ΡΠΈΡΡΡ, Π²Π½ΡΡΡΠΈ ΡΠ΅Π³ΠΎΠ², ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ ΠΊΠ°ΠΊ ΡΡΠΎΠ²Π΅Π½Ρ Π²Π°ΠΆΠ½ΠΎΡΡΠΈ ΡΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠ³ΠΎ HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°. ΠΠΎΡΡΠΎΠΌΡ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡΠ΅Π½Ρ ΡΡΠ°ΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΠΎΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ Π΄Π°Π½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈ ΡΠΎΠ³Π΄Π° ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠ΅ ΡΠΈΡΡΠ΅ΠΌΡ ΡΡΠ°Π½ΡΡ Π·Π°ΠΌΠ΅ΡΠ°ΡΡ ΠΠ°ΡΠΈ ΡΡΠ°ΡΡΠΈ.
ΠΠΎΠΊΠ° ΠΌΡ Π½Π΅ Π΄ΠΎΡΠ»ΠΈ Π΄ΠΎ CSS, ΠΡ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΡΠΈΠ»ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π·Π°Π΄Π°Π½Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ . ΠΡΠ»ΠΈ ΠΡ Π²ΡΡΠ°Π²ΠΈΡΠ΅ ΠΎΠ΄ΠΈΠ½ Π·Π° ΠΎΠ΄Π½ΠΈΠΌ Π΄Π°Π½Π½ΡΠ΅ ΡΠ΅Π³ΠΈ ΠΈ Π²Π½ΡΡΡΠΈ Π½Π°ΠΏΠΈΡΠΈΡΠ΅ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΡΠ΅ΠΊΡΡ, ΡΠΎ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅:
ΠΠ»Ρ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΡ ΡΠΎΠ±ΠΎΡΠΎΠ² ΡΠ°ΠΊΠΆΠ΅ Π²Π°ΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅. ΠΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Π°, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΡΠΈΡΠ°ΡΡ Π² Π½Π°ΡΠ΅ΠΉ ΠΊΠ½ΠΈΠ³Π΅ β PDF ΠΊΠ½ΠΈΠ³Π° ΠΏΠΎ ΡΠ°ΡΠΊΡΡΡΠΊΠ΅ ΡΠ°ΠΉΡΠ° .
ΠΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²ΡΠ΅ ΠΈΠ·ΡΡΠΈΠ»ΠΈ, ΡΡΠ°Π·Ρ ΠΆΠ΅ ΠΈΠ΄Π΅ΠΌ Π² ΠΊΠΎΠ΄ ΠΈ ΠΏΡΠΎΠ±ΡΠ΅ΠΌ Π½Π°ΠΏΠΈΡΠ°ΡΡ Π²ΡΠ΅ ΡΠ²ΠΎΠΈΠΌΠΈ ΡΡΠΊΠ°ΠΌΠΈ. ΠΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊ Π±ΡΡΡΡΠ΅Π΅ Π²ΡΠ΅Π³ΠΎ ΠΎΡΠ²Π°ΠΈΠ²Π°Π΅ΡΡΡ Π»ΡΠ±ΠΎΠΉ ΡΠ·ΡΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΠΎ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ HTML Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π»Π΅Π³ΡΠ΅ Π»ΡΠ±ΠΎΠ³ΠΎ ΡΠ·ΡΠΊΠ° ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΠΏΠΎΡΡΠΎΠΌΡ Π·Π΄Π΅ΡΡ ΡΠΌΠΎΠΆΠ΅Ρ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ ΠΊΠ°ΠΆΠ΄ΡΠΉ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΡ Π»ΡΡΡΠ΅ Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡΠ΅ ΡΠ΅Π³ΠΈ.
ΠΠΈΠ΄Π΅ΠΎ ΡΡΠΎΠΊ β HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡΡ? (ΠΏΡΠ°ΠΊΡΠΈΠΊΠ°)
ΠΠ°Π³Π»ΡΠ΄Π½ΠΎΠ΅ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΡΠ°Π±ΠΎΡΡ Ρ Π΄Π°Π½Π½ΡΠΌΠΈ ΡΠ΅Π³Π°ΠΌΠΈ:
ΠΠΎΠΌΠ°ΡΠ½Π΅Π΅ Π·Π°Π΄Π°Π½ΠΈΠ΅
Π/Π: Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΡΠΈΠΌΠ΅ΡΠ° Π½Π°ΠΏΠΈΡΠΈΡΠ΅ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ ΡΠΎΡΡΠΎΡΡΡ ΠΈΠ· 5-7 Π°Π±Π·Π°ΡΠ΅Π² ΠΈ 2-3 ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·Π½ΡΡ
Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ².
ΠΠΎΠ»ΡΡΠ΅ ΠΏΡΠ°ΠΊΡΠΈΠΊΡΠΉΡΠ΅ΡΡ Π² ΠΏΠ°ΡΠ°Π³ΡΠ°ΡΠ°Ρ ΠΈ HTML Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°Ρ ΡΡΡΠ°Π½ΠΈΡ!
www.sitehere.ru
ΠΠ°ΠΊ Π² HTML ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ
ΠΡΠ±Π°Ρ ΡΠ°Π±Π»ΠΈΡΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π² ΡΠ΅Π±Π΅ ΡΡΡΠΎΠΊΠΈ ΠΈ ΡΡΠΎΠ»Π±Ρ. ΠΠ½ΠΈ, Π² ΡΠ²ΠΎΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ, ΠΌΠΎΠ³ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΡΠ΅ΠΊΡΡ ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅.
ΠΠ»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠ΅Π³
Π‘ΡΡΠΎΠΊΠΈ ΠΈ ΡΡΠΎΠ»Π±ΡΡ Π·Π°Π΄Π°ΡΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠ΅Π³ΠΎΠ²
Π‘ΡΡΠΎΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ (

ΠΠ°Π²Π°ΠΉΡΠ΅ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ Π½Π° ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ, ΠΊΠΎΡΠΎΡΠ°Ρ Π±ΡΠ΄Π΅Ρ ΡΠΎΡΡΠΎΡΡΡ ΠΈΠ· ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ ΠΈ ΡΠ΅ΡΡΡΠ΅Ρ ΡΡΠΎΠ»Π±ΡΠΎΠ². ΠΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠΈΡΡ Π½Π°ΡΠ°Π»ΠΎ ΡΠ°Π±Π»ΠΈΡΡ (
), ΠΊΠΎΠ½Π΅Ρ ΡΡΡΠΎΠΊΠΈ ( |
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ:
Π’Π΅ΠΏΠ΅ΡΡ Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΡΠ΅Π³
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ:
Π― ΠΏΠΎΡΡΠ°Π²ΠΈΠ» ΡΠΈΡΠΈΠ½Ρ ΡΠ°Π±Π»ΠΈΡΡ 400 ΠΈ, ΠΊΠ°ΠΊ Π²ΠΈΠ΄ΠΈΡΠ΅, ΠΏΠ΅ΡΠ²Π°Ρ ΠΈ ΡΡΠ΅ΡΡΡ ΡΡΠ΅ΠΉΠΊΠ° Π²ΡΠ΄Π΅Π»Π΅Π½Ρ ΠΆΠΈΡΠ½ΡΠΌ ΠΈ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ. ΠΡΡΠ°Π»ΡΠ½ΡΠ΅ — ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ. Π― ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ Π²ΡΠ΅Π³Π΄Π° ΡΠ΄Π΅Π»ΡΡΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΊΠΎΠ΄Π°, ΡΡΠΎΠ±Ρ Π½Π΅ Π·Π°ΠΏΡΡΠ°ΡΡΡΡ Π² Π½Π΅ΠΌ. Π ΠΌΠ°Π»Π΅Π½ΡΠΊΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π½Π΅ ΠΈΠ³ΡΠ°ΡΡ Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΠΎΠ»ΠΈ, Π½ΠΎ Π²ΠΎΡ Π² Π±ΠΎΠ»ΡΡΠΎΠΉβ¦
ΠΠ°Π²Π°ΠΉΡΠ΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΠΎ ΡΠΈΡΠΈΠ½Π΅, ΡΠ°Π· Ρ Π΅Π΅ ΡΠΏΠΎΠΌΡΠ½ΡΠ». Π¨ΠΈΡΠΈΠ½Π° ΡΠ°Π±Π»ΠΈΡΡ Π·Π°Π΄Π°Π΅ΡΡΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ width, Π²ΡΡΠΎΡΠ° — height. ΠΠ·ΠΌΠ΅Π½ΡΡΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΈΡΠΈΠ½Ρ ΠΈ Π²ΡΡΠΎΡΡ ΡΠ°Π±Π»ΠΈΡΡ, Π½ΠΎ ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΡΠ΅Π΅ΠΊ (ΠΎΠ½ΠΈ Π²ΡΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡΡΡ Π² ΡΠ°Π±Π»ΠΈΡΡ, ΠΈΠ½Π°ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅Ρ Π½Π΅ ΠΏΠΎΠΉΠΌΠ΅Ρ, ΡΡΠΎ Π²Ρ ΠΎΡ Π½Π΅Π³ΠΎ Ρ ΠΎΡΠΈΡΠ΅).
ΠΡΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡ (ΡΠΈΡΠΈΠ½Π° ΠΈ Π²ΡΡΠΎΡΠ°) Π·Π°Π΄Π°ΡΡΡΡ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ
, ΠΏΡΠΎΡΠ΅Π½ΡΠ°. ΠΠΎΠΆΠ½ΠΎ ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΈ ΡΠ°ΠΊ, Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΠΏΠΈΡΠ°ΡΡ, Π±ΡΠ°ΡΠ·Π΅Ρ ΠΏΠΎΠ΄ΡΠΌΠ°Π΅Ρ, ΡΡΠΎ Π²Π°ΠΌ Π»Π΅Π½Ρ Π±ΡΠ»ΠΎ ΠΏΠΈΡΠ°ΡΡ Β«pxΒ» ΠΈ ΡΠΎΡΡΠ΅Ρ ΡΠΈΡΡΡ Π·Π° ΠΏΠΈΠΊΡΠ΅Π»ΠΈ.
ΠΡ Π° Π΅ΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π²ΡΡΠΎΠ²Π½ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ°Π±Π»ΠΈΡΠ½ΡΡ ΡΡΠ΅Π΅ΠΊ, — ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π°ΡΡΠΈΠ±ΡΡ align ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ left, center, right. ΠΡΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅, Π° Π΅ΡΡΡ Π΅ΡΠ΅ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ ΠΈ Ρ Π½Π΅Π³ΠΎ ΡΠ²ΠΎΠΉ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ Π°ΡΡΠΈΠ±ΡΡ — valign, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ: baseline (Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠΎΡΠ½ΠΎ ΠΏΠΎ Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ), bottom (ΠΏΠΎ Π½ΠΈΠΆΠ½Π΅ΠΌΡ ΠΊΡΠ°Ρ), middle (Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΡΠ΅Π΅ΠΊ Π±ΡΠ΄ΡΡ Π²ΡΡΠ°Π²Π½Π΅Π½Ρ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎ ΠΏΠΎ ΡΠ΅ΡΠ΅Π΄ΠΈΠ½Π΅), top (ΠΏΠΎ Π²Π΅ΡΡ Π½Π΅ΠΌΡ ΠΊΡΠ°Ρ). ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡ ΡΡΠ΅ΠΉΠΊΠΈ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ (ΡΠ΅ΡΠ΅Π΄ΠΈΠ½Π΅).
Π£Π²Π΅Π»ΠΈΡΠΈΠ²Π°Π΅ΠΌ ΡΠ°ΠΌΠΊΡ (Π³ΡΠ°Π½ΠΈΡΡ) ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΠΌΠ΅Π½ΡΠ΅ΠΌ Π΅Π΅ ΡΠ²Π΅Ρ
ΠΡ Π½Π°Π²Π΅ΡΠ½ΠΎΠ΅ Π·Π°ΠΌΠ΅ΡΠΈΠ»ΠΈ, Ρ ΡΠΆΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π» Π²Π°ΠΌ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ ΡΠ°ΠΌΠΊΠΎΠΉ ΠΈ ΡΠΈΡΠΈΠ½ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ. ΠΠΎΠΎΠ±ΡΠ΅, ΠΏΠΎ Π΄Π΅ΡΠΎΠ»ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π²ΡΠ΅Π³Π΄Π° ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Π±Π΅Π· ΡΠ°ΠΌΠΊΠΈ, Π° ΡΡΠΎ Π½Π΅ Π²ΡΠ΅Π³Π΄Π° ΡΠ΄ΠΎΠ±Π½ΠΎ. ΠΠΎΡ ΠΏΠΎΡΠ΅ΠΌΡ:
Π‘ΠΎΠ³Π»Π°ΡΠΈΡΠ΅ΡΡ, ΠΊΠ°ΠΊ-ΡΠΎ Π½Π΅ ΠΎΡΠ΅Π½Ρ. ΠΠΎ ΡΡΠΎ Π½Π΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Π΄Π»Ρ ΡΠ΅Ρ
, ΠΊΡΠΎ ΡΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌ Ρ HTML-Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ border, ΠΊΠΎΡΠΎΡΡΠΉ Ρ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» Π² ΠΏΡΠΈΠΌΠ΅ΡΠ°Ρ
Π² Π½Π°ΡΠ°Π»Π΅ ΠΏΠΎΡΡΠ°.
ΠΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ Π²ΡΠ΅Π³ΠΎ 1 Π°ΡΡΠΈΠ±ΡΡ ΠΈ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΡΠΆΠ΅ ΠΏΠΎΠ»ΡΡΡΠ΅:
ΠΡΠΎ ΠΊΠ°ΠΊ Π² ΠΠΊΡΠ΅Π»Π΅! ΠΡΠ΅Π΄ΡΡΠ°Π²ΡΡΠ΅, ΡΡΠΎ Π½Π΅ Π±ΡΠ»ΠΎ Π±Ρ ΡΠ°Π·Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΡΠ΅Π΅ΠΊ Π»ΠΈΠ½ΠΈΡΠΌΠΈ (ΡΠ΅ΡΠΊΠΎΠΉ)? ΠΡ ΡΠΆΠ°Ρ ΠΆΠ΅. Π Π²ΠΎΡ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ, Π΅ΡΠ»ΠΈ Π²ΡΡΡΠ°Π²ΠΈΡΡ border, ΡΠ°Π²Π½ΡΠΉ 10.
ΠΠ°ΠΊ Π²ΠΈΠ΄ΠΈΡΠ΅, border Π²Π»ΠΈΡΠ΅Ρ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° Π²Π½Π΅ΡΠ½ΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΠΈ ΠΎΠ±ΡΠ°ΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ, ΠΌΠ΅Π½ΡΡ ΡΠΈΡΠΈΠ½Ρ Π²Π½Π΅ΡΠ½Π΅ΠΉ ΡΠ°ΠΌΠΊΠΈ, Π° Π³ΡΠ°Π½ΠΈΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΠ΅ΠΉΠΊΠ°ΠΌΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΠΎΡΡΠ°Π²Π»ΡΡ ΠΏΡΠ΅ΠΆΠ½ΠΈΠΌΠΈ.
ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠΌ ΡΠ²Π΅Ρ ΡΡΠΎΠΉ ΡΠ°ΠΌΠΊΠΈ, Π²Π΅Π΄Ρ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΠΎΠΆΠ΅ Π΅ΡΡΡ Π°ΡΡΠΈΠ±ΡΡ — bordercolor. Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΠΌ Π΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ°Π²Π½ΡΠΌ Β«d3d3d3Β». Π Π΅Π·ΡΠ»ΡΡΠ°Ρ:
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΎΡΡΡΡΠΏΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅
ΠΡΡΡΡΠΏΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΠ°ΠΊΠΆΠ΅ Π½ΡΠΆΠ½Ρ Π΄Π»Ρ ΠΏΠΎΠ²ΡΡΠ΅Π½ΠΈΡ Β«ΡΠΈΡΠ°Π΅ΠΌΠΎΡΡΠΈΒ», ΠΊΠ°ΠΊ ΠΈ Π³ΡΠ°Π½ΠΈΡΡ ΡΡΠ΅Π΅ΠΊ. ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΎΡΡΡΡΠΏΠΎΠ² Π½Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ Π°ΡΡΠΈΠ±ΡΡ Β«cellspacingΒ». Π― Π±ΡΠ΄Ρ ΠΏΠΎ ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ Π½Π°ΡΠ΅ΠΉ 4Ρ 4 ΡΠ°Π±Π»ΠΈΡΠ΅ΠΉ, ΠΏΡΠΈΠΌΠ΅Π½ΡΡ ΠΊ Π½Π΅ΠΉ ΡΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ. ΠΠΊΡΡΠ°Π»ΠΈΠ·ΠΈΡΡΡ ΠΊΠΎΠ΄ Π΄Π»Ρ Π²Π°Ρ (Ρ ΠΏΡΠΈΠ²ΠΎΠΆΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄Π½Ρ ΡΡΡΠΎΠΊΡ, ΡΡΠΎΠ±Ρ Π½Π΅ Π·Π°Π³ΡΠΎΠΌΠΎΠΆΠ΄Π°ΡΡ ΠΏΠΎΡΡ):
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ:
ΠΡΠΎ Π±ΡΠ»ΠΈ ΠΎΡΡΡΡΠΏΡ ΡΠ½Π°ΡΡΠΆΠΈ ΡΡΠ΅Π΅ΠΊ. ΠΠΎ Π΅ΡΡΡ ΠΏΠΎΡ
ΠΎΠΆΠΈΠΉ Π°ΡΡΠΈΠ±ΡΡ Π΄Π»Ρ Π·Π°Π΄Π°Π½ΠΈΡ ΠΎΡΡΡΡΠΏΠΎΠ² Π²Π½ΡΡΡΠΈ ΡΡΠ΅Π΅ΠΊ — cellpadding, ΡΠ΅ΠΉΡΠ°Ρ Ρ ΡΠ΄Π΅Π»Π°Ρ Π΅Π³ΠΎ ΡΠ°ΠΊΠΆΠ΅ ΡΠ°Π²Π½ΡΠΌ 10 ΠΈ Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅, ΠΊΠ°ΠΊ ΡΠ²Π΅Π»ΠΈΡΠΈΠ»ΠΎΡΡ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΎΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΡΡΠ΅ΠΉΠΊΠΈ Π΄ΠΎ Π΅Π΅ Π³ΡΠ°Π½ΠΈΡ (ΠΏΡΠΈΡΠ»ΠΎΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΠ΅Π΅ΠΊ ΠΏΠΎΠΌΠ΅Π½ΡΡΠ΅, ΡΡΠΎΠ±Ρ ΡΠ°Π±Π»ΠΈΡΠ° Π½Π΅ ΡΠ°Π·ΡΠ°ΡΡΠ°Π»Π°ΡΡ ΡΡΠ΅Π·ΠΌΠ΅ΡΠ½ΠΎ). ΠΠΎΠ΄:
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ:
Π’Π΅ΠΏΠ΅ΡΡ ΡΠ±Π΅ΡΠ΅ΠΌ Β«cellspacingΒ» ΠΈ ΠΎΡΡΠ°Π²ΠΈΠΌ ΡΠΎΠ»ΡΠΊΠΎ Β«cellpaddingΒ». Π Π΅Π·ΡΠ»ΡΡΠ°Ρ:
ΠΠΎΡ ΠΈ ΡΠ°Π·ΠΎΠ±ΡΠ°Π»ΠΈΡΡ Ρ ΡΠ΅ΠΌ ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΠΎΡΡΡΡΠΏΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΠΈ ΡΠΏΡΠ°Π²Π»ΡΡΡ ΠΈΠΌΠΈ. ΠΡΠ»ΠΈΡΠ½ΠΎ! ΠΡΠ»ΠΈ ΠΠ°Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΡΡΡ ΠΊΠ°ΠΊ Π΄Π΅Π»Π°ΡΡ ΠΏΠ΅ΡΠ΅Π½ΠΎΡ ΡΡΡΠΎΠΊΠΈ, ΡΠΎ ΠΎΠ± ΡΡΠΎΠΌ Π½Π°ΠΏΠΈΡΠ°Π½ΠΎ Π·Π΄Π΅ΡΡ.
ΠΠ°ΠΊ Π³ΡΠ°ΠΌΠΎΡΠ½ΠΎ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ ΡΡΠ΅ΠΉΠΊΠΈ Π² ΡΠ°Π±Π»ΠΈΡΠ΅
ΠΠ»Ρ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΡ ΡΡΠ΅Π΅ΠΊ Π² Π²Π°ΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΠ°ΠΊΠΆΠ΅ Π΅ΡΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ. ΠΡΠΎ Β«colspanΒ» ΠΈ Β«rowspanΒ». ΠΠ΅ΡΠ²ΡΠΉ (colspan) ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ ΡΡΠ΅ΠΉΠΊΠΈ ΠΏΠΎ ΡΡΠΎΠ»Π±ΡΠ°ΠΌ (Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ), Π²ΡΠΎΡΠΎΠΉ (rowspan) — ΠΏΠΎ ΡΡΡΠΎΠΊΠ°ΠΌ ΠΈΠ»ΠΈ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ. ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΠΌ ΡΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ Π² Π½Π°ΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅.
ΠΠ΄Π΅ΡΡ Π²Π½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΠΎ! ΠΡΠΈ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠΈ ΡΡΠ΅Π΅ΠΊ, Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠΌΠ΅Π½ΡΡΠΈΡΡ ΠΈΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π½Π° ΡΠΎ ΡΠΈΡΠ»ΠΎ (ΠΌΠΈΠ½ΡΡ ΠΎΠ΄ΠΈΠ½), ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²Ρ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°Π΅ΡΠ΅ Π² ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°Ρ Π°ΡΡΠΈΠ±ΡΡΠ°. ΠΡΠ»ΠΈ Π²Ρ Π±ΡΠ΄Π΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Π² HTML, ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΡΡ ΡΡΠ΅ΠΉΠΊΠΈ Π½Π΅ ΡΠ΄Π°Π»ΡΡ Π»ΠΈΡΠ½ΠΈΠ΅, ΡΠΎ ΡΠ°ΠΉΡ Π±ΡΠ΄Π΅Ρ Π΅Ρ Π°ΡΡ. ΠΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅ΠΌ Π΄Π²Π΅ — ΡΠ΄Π°Π»ΡΠ΅ΠΌ ΠΎΠ΄Π½Ρ. ΠΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅ΠΌ ΡΡΠΈ — ΡΠ΄Π°Π»ΡΠ΅ΠΌ Π΄Π²Π΅. Π ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅.
ΠΡΠΈ ΡΠ»ΠΈΡΠ½ΠΈΠΈ ΡΡΠ΅Π΅ΠΊ Π² ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°Ρ
ΠΈΠ»ΠΈ ΡΡΠΎΠ»Π±ΡΠ°Ρ
, ΠΎΠ΄Π½Ρ ΡΡΠ΅ΠΉΠΊΡ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π°Π»ΡΡΡ! Π Π΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΡΠΎΠ»ΡΠΊΠΎ ΡΠ°Π·, ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠ΅Π΅ΠΊ Π²Ρ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅ΡΠ΅. Π‘Π΅ΠΉΡΠ°Ρ ΠΏΠΎΠΊΠ°ΠΆΡ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅.
ΠΡΠΈ ΡΠ»ΠΈΡΠ½ΠΈΠΈ ΡΡΠ΅Π΅ΠΊ Π² ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°Ρ ΠΈΠ»ΠΈ ΡΡΠΎΠ»Π±ΡΠ°Ρ , ΠΎΠ΄Π½Ρ ΡΡΠ΅ΠΉΠΊΡ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π°Π»ΡΡΡ! Π Π΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΡΠΎΠ»ΡΠΊΠΎ ΡΠ°Π·, ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠ΅Π΅ΠΊ Π²Ρ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅ΡΠ΅.
Π‘Π΅ΠΉΡΠ°Ρ ΠΏΠΎΠΊΠ°ΠΆΡ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅. ΠΠΎΡ Π½Π°ΡΠ° ΡΠ΅ΠΊΡΡΠ°Ρ ΡΠ°Π±Π»ΠΈΡΠ°:
ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΠΌ ΡΡΠ΅ΠΉΠΊΠΈ Ρ Π½ΠΎΠΌΠ΅ΡΠ°ΠΌΠΈ Β«1 ΠΈ 2Β», Β«5 ΠΈ 9Β», Β«4, 8, 12Β», Β«6 ΠΈ 7Β». Π‘ΠΌΠΎΡΡΠΈΡΠ΅ ΠΊΠ°ΠΊ ΠΊΡΡΡΠΎ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ, Ρ ΡΠ°ΠΌ Π½Π΅ ΠΎΠΆΠΈΠ΄Π°Π»!
ΠΡΠΈΠ½ΡΠΈΠΏ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΡ ΡΠ°ΠΊΠΎΠΉ.
ΠΡΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΌ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠΈ ΡΡΠ΅ΠΉΠΊΠΈ Π½ΠΎΠΌΠ΅Ρ 1 ΠΈ 2, Π½ΡΠΆΠ½ΠΎ Π² ΠΏΠ΅ΡΠ²ΠΎΠΉ ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ Β«colspan=Β»2β³Β», ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π²ΡΠΎΡΠΎΠΉ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π² ΠΏΠ΅ΡΠ²ΡΡ (ΠΌΡ ΠΆΠ΅ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅ΠΌ) ΠΈ ΡΠ΄Π°Π»ΠΈΡΡ Π²ΡΠΎΡΡΡ ΡΡΠ΅ΠΉΠΊΡ (ΠΈΠ»ΠΈ ΡΠΊΡΡΡΡ Π΅Π΅ ΠΎΡ HTML ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ΄Π΅Π»Π°Π» Ρ — ΠΏΠΎΡΠΎΠΌ ΠΏΠΎΠΊΠ°ΠΆΡ.)
ΠΡΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠΌ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠΈ ΡΡΠ΅Π΅ΠΊ Π½ΠΎΠΌΠ΅Ρ 4, 8, 12, Π½ΡΠΆΠ½ΠΎ Π² ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠ΅ (Π½ΠΎΠΌΠ΅Ρ 4) ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ Β«rowspan=Β»2β³Β», Π° ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ ΡΠ΄Π°Π»ΠΈΡΡ, ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠΈΠ² Π² ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½Π½ΡΡ ΡΡΠ΅ΠΉΠΊΡ.
ΠΠΎΡ ΠΊΠ°ΠΊΠΎΠΉ ΠΏΠΎΠ»ΡΡΠΈΠ»ΡΡ Ρ ΠΌΠ΅Π½Ρ ΠΊΠΎΠ΄. Π― ΡΠΊΡΡΠ» ΡΡΠ΅ΠΉΠΊΠΈ Π΄Π»Ρ Π½Π°Π³Π»ΡΠ΄Π½ΠΎΡΡΠΈ (ΡΡΠΎΠ±Ρ Π²Π°ΠΌ Π±ΡΠ»ΠΎ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ½ΡΡΠ½ΠΎ), Π½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈ ΡΠ΄Π°Π»ΠΈΡΡ ΠΈΡ .
ΠΠ°Π΄Π΅ΡΡΡ ΠΏΠΎΠ½ΡΡΠ½ΠΎ ΠΎΠ±ΡΡΡΠ½ΠΈΠ» ΠΈ ΠΏΡΠΈΠ²Π΅Π» Ρ
ΠΎΡΠΎΡΠΈΠΉ ΠΏΡΠΈΠΌΠ΅Ρ.
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ ΡΠ°Π±Π»ΠΈΡΡ
Π§ΡΠΎΠ±Ρ Π·Π°Π΄Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ — ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ΅Π³ΠΈ
Π Π°Π·Π±ΠΈΡΠ°Π΅ΠΌΡΡ Π² ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ Π²ΡΡΡΡΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡ / Skillbox Media
Π‘ΡΡΡΠΊΡΡΡΠ° ΡΠ°Π±Π»ΠΈΡ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΡ ΠΎΠΆΠ° Π½Π°Β ΡΡΡΡΠΊΡΡΡΡ HTML-ΡΡΡΠ°Π½ΠΈΡΡ. Π’ΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΡΡΠ°Π½ΠΈΡΡ ΠΌΡΒ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΡΠ΅Π³ΠΈ <header>, <main> ΠΈΒ <footer>, Π°Β Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡΡΒ β <thead>, <tbody> ΠΈΒ <tfoot>.
Π‘ΠΎΠ³Π»Π°ΡΠ½ΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΡ HTML5, Π²Β ΡΠ°Π±Π»ΠΈΡΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΒ ΠΎΠ΄Π½ΠΎΠΉ ΡΠ΅ΠΊΡΠΈΠΈ thead ΠΈΒ tfoot, Π°Β Π²ΠΎΡ tbodyΒ β Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ.
ΠΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΏΠΎΠ»Π΅Π·Π½Ρ Π½Π΅Β ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ, Π½ΠΎΒ ΠΈΒ Π΄Π»Ρ ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΠΈ (ΠΊΠ°ΠΊ Π»ΠΎΠ³ΠΈΡΠ½ΡΠ΅ ΡΠΎΡΠΊΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ CSS ΠΊΒ ΡΠ°Π±Π»ΠΈΡΠ΅).
ΠΡΠΈΠΌ ΡΠ΅Π³ΠΎΠΌ Π·Π°Π΄Π°ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΡΠ½ΡΡ ΡΠ΅ΠΊΡΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ. Π§Π°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΡΠ΅ΡΡ ΠΈΠ΄ΡΡ ΠΎΒ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅Β β ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ΅ΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΡΡΠΎΠ»Π±ΡΠΎΠ².
ΠΡΠ°ΡΠ·Π΅Ρ ΠΈΒ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊΠΈ ΡΡΠΈΡΠ°ΡΡ ΡΡΡ ΡΠ°ΡΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΡΠ½ΡΠΌ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»ΠΎΠΌ ΡΠ°Π±Π»ΠΈΡΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΡΠΈ ΠΏΠ΅ΡΠ°ΡΠΈ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Ρ ΡΠ°Π±Π»ΠΈΡΡ Π±ΡΠ΄ΡΡ Π½Π°Β ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π½Π°ΠΏΠ΅ΡΠ°ΡΠ°Π½Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅Β β ΠΈΒ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΠ°ΠΊΠΎΠΉ ΡΠ°ΠΏΠΊΠ΅ Π²ΡΒ Π½Π΅Β Π·Π°Π±ΡΠ΄Π΅ΡΠ΅, ΡΡΠΎ Π·Π½Π°ΡΠ°Ρ Π΄Π°Π½Π½ΡΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΡΠΎΠ»Π±ΡΠ°.
ΠΒ <thead> Π΄Π»Ρ ΡΡΠ΅Π΅ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΠ΅Π³ <th>. ΠΠΎΠ½ΡΠ΅Π½Ρ Π²Β ΡΡΠ΅ΠΉΠΊΠ΅ th Π±ΡΠ°ΡΠ·Π΅Ρ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π΅Ρ ΠΏΠΎΒ ΡΠ΅Π½ΡΡΡ, Π°Β ΡΠ΅ΠΊΡΡ ΠΊΒ ΡΠΎΠΌΡΒ ΠΆΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ ΠΆΠΈΡΠ½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ:
Π‘aption
<table>
<caption>Caption</caption>
<thead>
<tr>
<th>th</th>
<th colspan="4">th</th>
</tr>
</thead>
<tbody>
<tr>
<td>td</td>
<td>td</td>
<td>td</td>
<td>td</td>
<td>td</td>
</tr>
<tr>
<td>td</td>
<td>td</td>
<td>td</td>
<td>td</td>
<td>td</td>
</tr>
</tbody>
</table>
ΠΠ·Β ΠΏΡΠΈΠΌΠ΅ΡΠ° Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ ΠΏΠ΅ΡΠ²Π°Ρ ΡΡΡΠΎΠΊΠ° ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ Π΄Π²Π΅ ΡΡΠ΅ΠΉΠΊΠΈ <th>. ΠΠ΅ΡΠ²Π°Ρ ΡΡΠ΅ΠΉΠΊΠ° ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈΒ β ΡΡΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π΄Π»Ρ Π΄ΡΡΠ³ΠΈΡ
ΡΡΠ΅Π΅ΠΊ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ ΡΡΠΎΠ»Π±ΡΠ°, Π°Β Π²ΡΠΎΡΠ°Ρ ΡΡΠ΅ΠΉΠΊΠ° ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈΒ β ΡΡΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ΅ΡΡΡΡΡ
ΠΎΡΡΠ°Π²ΡΠΈΡ
ΡΡ ΡΡΠΎΠ»Π±ΡΠΎΠ².
Π’Π΅Π³ <th> Π·Π°Π΄Π°ΡΡ ΠΎΡΠΎΠ±ΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ, ΡΒ ΠΊΠΎΡΠΎΡΡΡ Π½Π°ΡΠΈΠ½Π°ΡΡΡΡ ΡΡΡΠΎΠΊΠΈ ΠΈΠ»ΠΈ ΡΡΠΎΠ»Π±ΡΡ. ΠΒ ΡΠ°ΠΊΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠ΅ ΠΎΠ±ΡΡΠ½ΠΎ Ρ ΡΠ°Π½ΠΈΡΡΡ Π°ΡΡΠΈΠ±ΡΡ Π΄Π»Ρ Π²ΡΠ΅Ρ Π΄Π°Π½Π½ΡΡ ΡΡΡΠΎΠΊΠΈ ΠΈΠ»ΠΈ ΡΡΠΎΠ»Π±ΡΠ°.
ΠΠ°ΠΊ ΠΌΡΒ ΠΈΒ Π³ΠΎΠ²ΠΎΡΠΈΠ»ΠΈ Π²ΡΡΠ΅, ΠΊΒ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠΌΡ ΡΠ°ΠΊΠΈΡ ΡΡΠ΅Π΅ΠΊ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΡΠΉ ΡΡΠΈΠ»Ρ: ΠΏΠΎΒ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΡΠΎ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΆΠΈΡΠ½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ ΠΈΒ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΒ ΡΠ΅Π½ΡΡΡ ΡΡΠ΅ΠΉΠΊΠΈ.
ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΡΠ½ΡΠΌ ΡΡΠ΅ΠΉΠΊΠ°ΠΌ ΡΠ°Π±Π»ΠΈΡΠ° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π»ΡΡΡΠ΅, Π°Β ΠΈΡΠΊΠ°ΡΡ Π΄Π°Π½Π½ΡΠ΅ Π²Β Π½Π΅ΠΉ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΠΏΡΠΎΡΠ΅.
ΠΠ°ΠΆΠ½ΠΎ. ΠΠ΅Β ΠΏΡΠΈΠΌΠ΅Π½ΡΠΉΡΠ΅ <th> Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡΒ β ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ ΡΡΠ΅ΠΉΠΊΠΈ-Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°. ΠΡΠΎΡ ΠΏΡΠΈΠ½ΡΠΈΠΏ ΠΊΠ°ΡΠ°Π΅ΡΡΡ Π²ΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ±Π»Π°Π΄Π°ΡΡ ΡΠ΅ΠΌΠ°Π½ΡΠΈΠΊΠΎΠΉ.
Π’Π΅Π³ <th> Π΄Π°ΡΡ Π΅ΡΡ ΠΎΠ΄Π½ΠΎ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²ΠΎ: Π²ΠΌΠ΅ΡΡΠ΅ ΡΒ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ scope ΠΎΠ½Β ΡΠ²ΡΠ·ΡΠ²Π°Π΅Ρ ΠΊΠ°ΠΆΠ΄ΡΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠΎΒ Π²ΡΠ΅ΠΌΠΈ Π΄Π°Π½Π½ΡΠΌΠΈ ΡΡΡΠΎΠΊΠΈ ΠΈΠ»ΠΈ ΡΡΠΎΠ»Π±ΡΠ°. Π’ΠΎΒ Π΅ΡΡΡ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ ΠΊΒ ΠΈΠ½ΡΡΠΈΡΠΈΠ²Π½ΠΎΠΉ, Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΡΡΠΈΡΡΠ²Π°Π΅ΠΌΠΎΠΉ ΡΠ²ΡΠ·ΠΈ ΡΠ°ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΡ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ ΠΈΒ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ.
ΠΒ ΡΠ΅Π³Ρ <th> ΠΈΒ Π°ΡΡΠΈΠ±ΡΡΡ scope ΠΌΡΒ Π²Π΅ΡΠ½ΡΠΌΡΡ Π±Π»ΠΈΠΆΠ΅ ΠΊΒ ΠΊΠΎΠ½ΡΡ ΡΡΠ°ΡΡΠΈ, Π³Π΄Π΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΎΒ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ ΡΠ°Π±Π»ΠΈΡ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΡΒ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π½ΡΠΌΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΠΌΠΈ.
Π‘Π΅ΠΊΡΠΈΡ <tbody> ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΠ°ΡΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΈΒ Π³ΡΡΠΏΠΏΠΈΡΡΠ΅Ρ Π³Π»Π°Π²Π½ΡΠ΅ ΡΠ°ΡΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ. Π’ΠΎΒ Π΅ΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ <tbody> ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ³ΠΎΠ΄Π½ΠΎ ΡΠ°Π·, ΡΡΠΎΠ±Ρ ΡΠ°Π·Π±ΠΈΠ²Π°ΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΡΠ°Π±Π»ΠΈΡΡ Π½Π°Β ΡΠ°ΡΡΠΈ, Π΄Π°Π½Π½ΡΠ΅ ΠΊΠΎΡΠΎΡΡΡ ΡΠ²ΡΠ·Π°Π½Ρ ΠΎΠ±ΡΠ΅ΠΉ Π»ΠΎΠ³ΠΈΠΊΠΎΠΉ.
Π’Π΅Π³ <tbody> ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈ Π²Π°ΠΆΠ΅Π½: Π±ΡΠ°ΡΠ·Π΅Ρ, ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠ΅ ΡΠΎΠ±ΠΎΡΡ ΠΈΒ ΠΏΠΎΠΌΠΎΡΠ½ΠΈΠΊΠΈ Π΄Π»Ρ Π»ΡΠ΄Π΅ΠΉ ΡΒ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π½ΡΠΌΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΠΌΠΈ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ Π΅ΠΌΡ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ, Π³Π΄Π΅ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ°Π±Π»ΠΈΡΡ.
Π’Π΅Π»ΠΎ ΡΠ°Π±Π»ΠΈΡΡ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ ΠΏΠΎΡΠ»Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° <caption> ΠΈΒ ΡΠ°ΠΏΠΊΠΈ <thead>.
ΠΡΠΈΠΌΠ΅Ρ:
ΠΠ΅ΡΡΡ | ΠΠ½ΠΈ Π½Π΅Π΄Π΅Π»ΠΈ | ΠΠΏΠ»Π°ΡΠ°(ΡΡΡ.![]() |
---|---|---|
Π―Π½Π²Π°ΡΡ | ΠΠΎΠ½Π΅Π΄Π΅Π»ΡΠ½ΠΈΠΊ | 50 |
ΠΡΠΎΡΠ½ΠΈΠΊ | 40 | |
Π‘ΡΠ΅Π΄Π° | 35 | |
Π§Π΅ΡΠ²Π΅ΡΠ³ | 40 | |
ΠΡΡΠ½ΠΈΡΠ° | 15 | |
Π‘ΡΠ±Π±ΠΎΡΠ° | 60 | |
ΠΠΎΡΠΊΡΠ΅ΡΠ΅Π½ΡΠ΅ | 30 | |
Π€Π΅Π²ΡΠ°Π»Ρ | ΠΠΎΠ½Π΅Π΄Π΅Π»ΡΠ½ΠΈΠΊ | Ρ.)»>20 |
ΠΡΠΎΡΠ½ΠΈΠΊ | 25 | |
Π‘ΡΠ΅Π΄Π° | 15 | |
Π§Π΅ΡΠ²Π΅ΡΠ³ | 70 | |
ΠΡΡΠ½ΠΈΡΠ° | 77 | |
Π‘ΡΠ±Π±ΠΎΡΠ° | 63 | |
ΠΠΎΡΠΊΡΠ΅ΡΠ΅Π½ΡΠ΅ | 30 |
ΠΠ΄Π΅ΡΡ Π½Π΅Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° <caption>, ΠΏΠΎΡΡΠΎΠΌΡ Π½ΡΠΆΠ½ΠΎ Π΅Π³ΠΎ ΠΏΡΠΈΠ΄ΡΠΌΠ°ΡΡ ΠΈΒ ΡΠΊΡΡΡΡ ΡΒ ΠΏΠΎΠΌΠΎΡΡΡ CSS (Π΄Π»Ρ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ Π²Π΅Π±-ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ).
ΠΠ°Π½Π½ΡΠ΅ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠ°ΡΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ Π½Π°Π΄ΠΎ ΡΠ³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°ΡΡ ΠΏΠΎΒ ΡΠΌΡΡΠ»Ρ. Π£Β Π½Π°Ρ ΡΠ½Π°ΡΠ°Π»Π° ΠΈΠ΄ΡΡ ΡΠ½Π²Π°ΡΡ, Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π²ΡΠ°Π»Ρ. ΠΠ½Π°ΡΠΈΡ, Π΄Π»Ρ Π΄Π°Π½Π½ΡΡ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΌΠ΅ΡΡΡΠ° Π»ΠΎΠ³ΠΈΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΠΉ <tbody>:
- Π²Β ΠΏΠ΅ΡΠ²ΠΎΠΌ <tbody> Π±ΡΠ΄ΡΡ ΡΠ½Π²Π°ΡΡΠΊΠΈΠ΅ ΡΡΡΠΎΠΊΠΈ;
- Π²ΠΎΒ Π²ΡΠΎΡΠΎΠΌ <tbody>Β β ΡΠ΅Π²ΡΠ°Π»ΡΡΠΊΠΈΠ΅.
Π‘Π΅ΠΊΡΠΈΡ <tfoot> ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ Π³ΡΡΠΏΠΏΠΈΡΠΎΠ²ΠΊΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π½ΠΈΠΆΠ½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ.
Π‘Π΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΡΠΎ ΠΈΡΠΎΠ³ ΡΠ°Π±Π»ΠΈΡΡ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΡΡΡΠ° ΡΡΠΌΠΌ ΠΏΠΎΒ ΡΡΠΎΠ»Π±ΡΠ°ΠΌ).
ΠΒ Π΅ΡΡ ΡΡΠΎ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ» ΡΠ°Π±Π»ΠΈΡΡ, Π±ΡΠ°ΡΠ·Π΅Ρ Π²ΡΠ²ΠΎΠ΄ΠΈΡ Π΅Π³ΠΎ ΠΏΠΎΡΠ»Π΅ <tbody>, Π°Β ΠΏΡΠΈ ΠΏΠ΅ΡΠ°ΡΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ <tfoot> ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΊΠ°ΠΊ Π½Π°Β ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π½Π°ΠΏΠ΅ΡΠ°ΡΠ°Π½Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅, ΡΠ°ΠΊ ΠΈΒ ΡΠΎΠ»ΡΠΊΠΎ Π½Π°Β ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΉ (ΡΡΠΎ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡΒ Π±ΡΠ°ΡΠ·Π΅ΡΠ°).
ΠΠ°ΠΆΠ½ΠΎ. Π§ΡΠΎΠ±Ρ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠΈΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΡΒ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΡΡ (ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΠ½Π°Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΈΒ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ), ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ <tfoot> ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΠΎΡΠ»Π΅ <tbody>.
ΠΠ»Ρ ΡΡΠ΅Π΅ΠΊ Π²Β ΡΠ΅ΠΊΡΠΈΠΈ <tfoot> ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅Π³ <td>.
ΠΡΠΈΠΌΠ΅Ρ:
Π’Π°Π±Π»ΠΈΡΠ° ΡΠΈΡΠ΅Π»
ΠΠ΅ΡΡΡΠ½ΠΎΠ΅ | Π§ΡΡΠ½ΠΎΠ΅ |
---|---|
1 | 2 |
3 | 4 |
5 | 6 |
ΠΡ ΡΠ·Π½Π°Π»ΠΈ, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΡΡΡΠ½ΡΠ΅ ΠΈ Π½Π΅ΡΡΡΠ½ΡΠ΅ ΡΠΈΡΠ»Π° |
<table>
<caption>Π’Π°Π±Π»ΠΈΡa ΡΠΈΡΠ΅Π»</caption>
<thead>
<tr>
<th>ΠΠ΅ΡΡΡΠ½ΠΎΠ΅</th>
<th>Π§ΡΡΠ½ΠΎΠ΅</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">
ΠΡ ΡΠ·Π½Π°Π»ΠΈ, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΡΡΡΠ½ΡΠ΅ ΠΈ Π½Π΅ΡΡΡΠ½ΡΠ΅ ΡΠΈΡΠ»Π°
</td>
</tr>
</tfoot>
</table>
ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ ΡΡΡΠΎΠΊΠ° Π½Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ°Β β ΡΡΠΎ ΠΏΠΎΒ ΡΠΌΡΡΠ»Ρ ΠΈΡΠΎΠ³ ΡΠ°Π±Π»ΠΈΡΡ. ΠΠΎΡΡΠΎΠΌΡ Π΅ΡΒ Π²ΠΏΠΎΠ»Π½Π΅ ΡΠΌΠ΅ΡΡΠ½ΠΎ ΠΎΠ±Π΅ΡΠ½ΡΡΡ ΡΠ΅Π³ΠΎΠΌ <tfoot>, ΠΏΡΠ΅Π²ΡΠ°ΡΠΈΠ² Π²Β Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ».
seodon.ru | Π£ΡΠ΅Π±Π½ΠΈΠΊ HTML — Π’Π°Π±Π»ΠΈΡΡ
ΠΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ΠΎ: 29.09.2010 ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ ΠΏΡΠ°Π²ΠΊΠ°: 08.12.2015
Π‘Π΅Π³ΠΎΠ΄Π½Ρ Π²Ρ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΠ΅ΡΡ Ρ Π΅ΡΠ΅ ΠΎΠ΄Π½ΠΈΠΌ ΠΎΡΠ΅Π½Ρ ΠΌΠΎΡΠ½ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°ΠΉΡΠΎΠ²Β β HTML-ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ. Π ΠΏΠΎΡΠ΅ΠΌΡ ΠΌΠΎΡΠ½ΡΠΌ? ΠΠΈΠ΄ΠΈΡΠ΅ Π»ΠΈ, Ρ Π΄Π°Π²Π½ΠΈΡ ΠΏΠΎΡ ΠΈ ΠΏΠΎ ΡΠ΅Π³ΠΎΠ΄Π½ΡΡΠ½ΠΈΠΉ Π΄Π΅Π½Ρ, ΡΠ°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΡΠ°Π±Π»ΠΈΡΡ Π² HTML ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π½Π΅ ΠΏΠΎ ΠΈΡ ΠΏΡΡΠΌΠΎΠΌΡ Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΡΒ β ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΠ½ΡΡ Π΄Π°Π½Π½ΡΡ , Π° Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΊΠ°ΡΠΊΠ°ΡΠ° ΡΡΡΠ°Π½ΠΈΡΡ. Π’ΠΎ Π΅ΡΡΡ ΡΠΎΠ·Π΄Π°Π΅ΡΡΡ ΡΠ°Π±Π»ΠΈΡΠ°, ΡΠ°ΡΡΡΠ³ΠΈΠ²Π°Π΅ΡΡΡ Π²ΠΎ Π²ΡΡ ΡΠΈΡΠΈΠ½Ρ ΡΡΡΠ°Π½ΠΈΡΡ, Π° ΠΏΠΎΡΠΎΠΌ Π² Π΅Π΅ Π»Π΅Π²ΠΎΠΌ ΡΡΠΎΠ»Π±ΡΠ΅ Π΄Π΅Π»Π°ΡΡ ΠΎΠ΄Π½ΠΎ ΠΌΠ΅Π½Ρ, Π² ΠΏΡΠ°Π²ΠΎΠΌΒ β Π΄ΡΡΠ³ΠΎΠ΅, Π² ΡΡΠ΅Π΄Π½Π΅ΠΌ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅.
ΠΡΡΠ°ΡΠΈ, Π΅ΡΠ»ΠΈ Π½Π΅ Π·Π½Π°Π»ΠΈ, ΡΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠΎΠ², Π° Π²Π΅ΡΠ½Π΅Π΅ HTML-ΠΊΠΎΠ΄Π°, Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ Π²Π΅ΡΡΡΠΊΠΎΠΉ, ΠΈ Π²Ρ ΡΠ΅ΠΉΡΠ°Ρ ΡΡΠΈΡΠ΅ΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΅ΠΉ. ΠΠΎΠΎΠ±ΡΠ΅ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΡΡΠΈ Π²ΠΈΠ΄Π° Π²Π΅ΡΡΡΠΊΠΈ: ΡΠ°Π±Π»ΠΈΡΠ½Π°Ρ, ΠΎ ΠΊΠΎΡΠΎΡΠΎΠΉ Ρ Π²Π°ΠΌ ΡΠ°ΡΡΠΊΠ°Π·Π°Π» Π²ΡΡΠ΅; ΡΠ»ΠΎΡΠΌΠΈ (Π±Π»ΠΎΡΠ½Π°Ρ), ΡΡΠ΅Π±ΡΡΡΠ°Ρ ΡΡΠ΅Π΄Π½Π΅Π³ΠΎ ΡΡΠΎΠ²Π½Ρ Π·Π½Π°Π½ΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ (CSS) ΠΈ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡΠΎΠ²Π°Π½Π½Π°Ρ. ΠΠΎ ΡΠΈΡ
ΠΏΠΎΡ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ ΠΈΠ΄ΡΡ ΠΎΠΆΠ΅ΡΡΠΎΡΠ΅Π½Π½ΡΠ΅ ΡΠΏΠΎΡΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊΠ°Ρ ΠΆΠ΅ ΠΈΠ· Π½ΠΈΡ
Π»ΡΡΡΠ΅, Π½ΠΎ ΠΏΠΎΠ²Π΅ΡΡΡΠ΅, ΡΠΏΠΎΡΡΡ ΡΠ°ΠΌ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π»ΡΠ±ΠΈΡΠ΅Π»ΠΈ ΡΠΏΠΎΡΠΎΠ² ΠΈΠ»ΠΈ Π½ΠΎΠ²ΠΈΡΠΊΠΈ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π»ΡΠ±ΠΎΠΉ ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π» Π²Π°ΠΌ ΡΠΊΠ°ΠΆΠ΅ΡΒ β Π»ΡΡΡΠ°Ρ Π²Π΅ΡΡΡΠΊΠ° ΡΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ Π±ΠΎΠ»ΡΡΠ΅ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΠΈΡ Π² ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, Π²ΠΎΡ ΠΈ Π²ΡΠ΅! Π ΡΠΏΠΎΡΠΈΡΡ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ Π»ΡΡΡΠ΅Β β ΡΠ°Π½ΠΊ ΠΈΠ»ΠΈ ΡΠ°ΠΌΠΎΠ»Π΅ΡΒ β ΠΏΡΡΡΠ°Ρ ΡΡΠ°ΡΠ° Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ. ΠΠΎ ΡΠΏΡΠ°Π²Π΅Π΄Π»ΠΈΠ²ΠΎΡΡΠΈ ΡΠ°Π΄ΠΈ ΡΠΊΠ°ΠΆΡ, ΡΡΠΎ ΠΏΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠΌ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌ Π±Π»ΠΎΡΠ½Π°Ρ Π²Π΅ΡΡΡΠΊΠ° Π²ΡΠ΅ ΠΆΠ΅ ΠΏΡΠ΅Π΄ΠΏΠΎΡΡΠΈΡΠ΅Π»ΡΠ½Π΅ΠΉ, ΠΏΠΎΡΡΠΎΠΌΡ, Π΅ΡΠ»ΠΈ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π·Π°Π΄Π°Π½ΠΈΠ΅, ΠΊΠ°ΠΊ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°Π±Π»ΠΈΡ, ΡΠ°ΠΊ ΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π±Π»ΠΎΠΊΠΎΠ², ΡΠΎ ΠΎΠ±ΡΡΠ½ΠΎ Π²ΡΠ±ΠΈΡΠ°Π΅ΡΡΡ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π΅. Π ΡΡΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ. ΠΠΎ Π²Π°ΠΌ ΠΎΠ± ΡΡΠΎΠΌ Π·Π°Π΄ΡΠΌΡΠ²Π°ΡΡΡΡ ΡΠ°Π½ΠΎ, Π²Π΅Π΄Ρ, ΠΊΠ°ΠΊ Ρ ΡΠΆΠ΅ ΡΠΊΠ°Π·Π°Π», Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠ·ΡΠΊΠ° HTML ΠΌΠΎΠΆΠ½ΠΎ Π²Π΅ΡΡΡΠ°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡ Π² HTML
ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΡΡΠΎΠΉ HTML-ΡΠ°Π±Π»ΠΈΡΡ Π½Π°Π΄ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΈ ΡΠΈΠΏΠ° ΡΠ΅Π³ΠΎΠ², ΡΡΠΎ <TABLE>, <TR> ΠΈ <TD>. ΠΠΎΡΡΠΎΠΌΡ Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠ΄Π΅Π»Π°Π΅ΠΌ ΡΠ°ΠΊ: ΠΏΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ Π½Π° ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΊΠ°Π·Π°Π½Π½ΡΠΉ Π½ΠΈΠΆΠ΅ ΠΈ ΠΏΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ Π΄ΠΎΠ³Π°Π΄Π°ΡΡΡΡ, ΠΊΠ°ΠΊΠΈΠ΅ ΡΠ΅Π³ΠΈ ΠΈ Π΄Π»Ρ ΡΠ΅Π³ΠΎ Π½ΡΠΆΠ½Ρ.
ΠΡΠΈΠΌΠ΅Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡ Π² HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ HTML-ΡΠ°Π±Π»ΠΈΡ</title>
</head>
<body>
<table>
<tr><td>Π―ΡΠ΅ΠΉΠΊΠ° 1.
1</td><td>Π―ΡΠ΅ΠΉΠΊΠ° 1.2</td><td>Π―ΡΠ΅ΠΉΠΊΠ° 1.3</td></tr>
<tr><td>Π―ΡΠ΅ΠΉΠΊΠ° 2.1</td><td>Π―ΡΠ΅ΠΉΠΊΠ° 2.2</td><td>Π―ΡΠ΅ΠΉΠΊΠ° 2.3</td></tr>
<tr><td>Π―ΡΠ΅ΠΉΠΊΠ° 3.1</td><td>Π―ΡΠ΅ΠΉΠΊΠ° 3.2</td><td>Π―ΡΠ΅ΠΉΠΊΠ° 3.3</td></tr>
</table>
</body>
</html>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅
Π―ΡΠ΅ΠΉΠΊΠ° 1.1 | Π―ΡΠ΅ΠΉΠΊΠ° 1.2 | Π―ΡΠ΅ΠΉΠΊΠ° 1.3 |
Π―ΡΠ΅ΠΉΠΊΠ° 2.1 | Π―ΡΠ΅ΠΉΠΊΠ° 2.2 | Π―ΡΠ΅ΠΉΠΊΠ° 2.3 |
Π―ΡΠ΅ΠΉΠΊΠ° 3.1 | Π―ΡΠ΅ΠΉΠΊΠ° 3.2 | Π―ΡΠ΅ΠΉΠΊΠ° 3.3 |
Π’Π΅ΠΏΠ΅ΡΡ ΠΏΡΠΎΠ²Π΅ΡΠΈΠΌ Π²Π°ΡΠΈ Π΄ΠΎΠ³Π°Π΄ΠΊΠΈ. Π ΠΎΠΏΡΡΡ Π²Π°ΠΌ Π³ΠΎΠ²ΠΎΡΡΒ β Π½Π΅ ΡΡΠ°ΡΠ°ΠΉΡΠ΅ΡΡ Π²ΡΠ΅ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡΡ, Π½Π΅ Π½Π°Π΄ΠΎ, Π³Π»Π°Π²Π½ΠΎΠ΅Β β ΠΏΠΎΠ½ΡΡΡ. ΠΡΠ°ΠΊ:
Π’Π΅Π³ <TABLE>…</TABLE>Β β ΡΡΠΎ ΠΊΠΎΡΠ½Π΅Π²ΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π»ΡΠ±ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ, ΠΌΠ΅ΠΆΠ΄Ρ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΡΠ΅Π³Π°ΠΌΠΈ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π½Π°Ρ
ΠΎΠ΄ΡΡΡΡ Π²ΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΡΠ΅Π³ΠΈ. ΠΠ½ ΡΠ²Π»ΡΠ΅ΡΡΡ Π±Π»ΠΎΡΠ½ΡΠΌ, ΡΠΎ Π΅ΡΡΡ ΡΠΎΠ·Π΄Π°Π΅Ρ Π΄ΠΎ ΠΈ ΠΏΠΎΡΠ»Π΅ ΡΠ΅Π±Ρ ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄Ρ ΡΡΡΠΎΠΊ Π² Π½Π°ΡΠ°Π»ΠΎ. Π Π²ΠΎΡ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΠΎΠ½ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ Π½ΠΈ Π±Π»ΠΎΡΠ½ΡΠ΅, Π½ΠΈ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ (ΡΡΠΎΠ²Π½Ρ ΡΡΡΠΎΠΊΠΈ) ΡΠ΅Π³ΠΈ, Π° ΡΠΎΠ»ΡΠΊΠΎ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΡΠ΅Π³ΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ
ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π²ΡΠ΅Π³Π΄Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ <TR>, Π° ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΠΊΡΠ°ΠΉΠ½Π΅ ΡΠ΅Π΄ΠΊΠΎ. ΠΠ΅ Π·Π°Π±ΡΠ»ΠΈ Π΅ΡΠ΅, ΡΡΠΎ Π·Π½Π°ΡΠΈΡ Β«ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡΒ»? ΠΡΠΎ Π·Π½Π°ΡΠΈΡ, ΡΡΠΎ Π² <TABLE> Π½Π° ΠΏΠ΅ΡΠ²ΠΎΠΌ ΡΡΠΎΠ²Π½Π΅ Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΡΡΠΈ Π·Π°ΠΏΡΠ΅ΡΠ΅Π½ΠΎ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ ΠΈΠ»ΠΈ Π±Π»ΠΎΡΠ½ΡΠ΅ ΡΠ΅Π³ΠΈ.
Π’Π΅Π³ <TR>…</TR> ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΠ΄ΠΎΠ² (ΡΡΡΠΎΠΊ) ΡΠ°Π±Π»ΠΈΡ ΠΈ ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ΅Π³ΠΈ ΡΡΠ΅Π΅ΠΊ, ΠΎ ΠΊΠΎΡΠΎΡΡΡ ΠΌΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ Π΄Π°Π»ΡΡΠ΅.
Π’Π΅Π³ <TD>…</TD> ΡΠΎΠ·Π΄Π°Π΅Ρ ΡΡΠ΅ΠΉΠΊΠΈ ΡΠ°Π±Π»ΠΈΡ ΠΈ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π° <TR>. Π Π²ΠΎΡ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ, Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΠΈ Π±Π»ΠΎΡΠ½ΡΠ΅, ΠΈ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ ΠΈ ΠΎΠ±ΡΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡ. ΠΡΡΠ°ΡΠΈ, ΠΎΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ Π² ΡΠ°Π±Π»ΠΈΡΠ°Ρ Π½Π΅ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΡΠ΅Π³ΠΎΠ² ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΠΎΠ»Π±ΡΠΎΠ² (ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ), ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΎΠ½ΠΈ ΡΠΎΡΠΌΠΈΡΡΡΡΡΡ ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² <TD>.
Π’Π΅Π³ <TH>…</TH>. ΠΠ°, Π΅Π³ΠΎ Π½Π΅Ρ Π² Π½Π°ΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΡΠΎ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π°Π½Π°Π»ΠΎΠ³ ΡΠ΅Π³Π° <TD> ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π²ΠΌΠ΅ΡΡΠΎ Π½Π΅Π³ΠΎ, ΠΊΠΎΠ³Π΄Π° Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΡΠ½ΡΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ. Π’Π°ΠΊΠΈΠ΅ ΡΡΠ΅ΠΉΠΊΠΈ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ ΠΎΡ ΠΎΠ±ΡΡΠ½ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ΅ΠΌ, ΡΡΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΡ Π²ΡΠ΄Π΅Π»ΡΡΡ Π² Π½ΠΈΡ ΡΠ΅ΠΊΡΡ ΠΆΠΈΡΠ½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ ΠΈ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ.
ΠΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΡΠ°Π±Π»ΠΈΡ Π²ΡΠ΅Π³Π΄Π° ΠΎΠ±ΡΠ°ΡΠ°ΠΉΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΠΎ, ΡΡΠΎΠ±Ρ Π²ΠΎ Π²ΡΠ΅Ρ
ΡΡΠ΄Π°Ρ
Π±ΡΠ»ΠΎ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΠ΅Π΅ΠΊ. Π Π°Π·Π½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ Π² HTML ΠΎΡΠΈΠ±ΠΊΠΎΠΉ, Π½ΠΎ Π² ΡΠ°ΠΊΠΈΡ
ΡΠ»ΡΡΠ°ΡΡ
Π²Π°ΡΠ° ΡΠ°Π±Π»ΠΈΡΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΎΡΡΠΎ Β«ΠΏΠΎΠ΅Ρ
Π°ΡΡΒ» ΠΈ Π²ΡΠ΅ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡΡΡ ΡΠΎΠ²ΡΠ΅ΠΌ Π½Π΅ ΡΠ°ΠΊ, ΠΊΠ°ΠΊ Π²Ρ Ρ
ΠΎΡΠ΅Π»ΠΈ.
HTML-ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ, ΡΠ»Π΅Π²Π°, ΡΠΏΡΠ°Π²Π°
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ Ρ Π»Π΅Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΎΠ½Π° Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ. Π Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ ΡΠ»ΡΡΠ°Π΅Π² ΡΡΠΎ Π²ΠΏΠΎΠ»Π½Π΅ ΡΡΡΡΠ°ΠΈΠ²Π°Π΅Ρ, ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ Π΅ΡΠ»ΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΡΠ°ΡΡΡΠ³ΠΈΠ²Π°ΡΡ Π²ΠΎ Π²ΡΡ ΡΠΈΡΠΈΠ½Ρ. ΠΠΎ Π²ΡΠ΅-ΡΠ°ΠΊΠΈ ΠΈΠ½ΠΎΠ³Π΄Π° Ρ ΠΎΡΠ΅ΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ HTML-ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ ΠΈΠ»ΠΈ ΡΠΏΡΠ°Π²Π°.
Π ΠΏΡΠΎΡΠ»ΠΎΠΌ Ρ ΡΠ΅Π³Π° <TABLE> ΠΈΠΌΠ΅Π»ΡΡ Π°ΡΡΠΈΠ±ΡΡ align, Ρ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ. ΠΠΎ ΠΎΠ½ ΡΡΠ°Π» ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΠΌ, ΠΈ ΡΠΊΠΎΠ»ΡΠΊΠΎ Π΅ΡΠ΅ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π΅Π³ΠΎ Π±ΡΠ΄ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΡΒ β Π½Π΅ΠΈΠ·Π²Π΅ΡΡΠ½ΠΎ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π½Π° ΡΠΌΠ΅Π½Ρ ΠΏΡΠΈΡΠ»ΠΈ ΡΡΠΈΠ»ΠΈ (CSS). Π ΡΡΠΎΠ±Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ Π²Π°ΠΌ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΉ ΠΌΠ΅ΡΠΎΠ΄, Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π°ΡΡΠΈΠ±ΡΡ style.
<table>…</table> β Π’Π°Π±Π»ΠΈΡΠ° ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ ΡΠ»Π΅Π²Π°. ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
<table>…</table> β Π Π°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΏΡΠ°Π²Π°.
<table>…</table> β HTML-ΡΠ°Π±Π»ΠΈΡΠ° ΠΏΠΎ ΡΠ΅Π½ΡΡΡ.
Π’Π΅ΠΏΠ΅ΡΡ ΠΏΠΎΡΡΠ½Ρ. ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΡΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΠΌΡ ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅ΠΌ ΡΠ°Π·ΠΌΠ΅Ρ Π²Π½Π΅ΡΠ½ΠΈΡ ΠΏΠΎΠ»Π΅ΠΉ (ΠΎΡΡΡΡΠΏΠΎΠ²) ΡΠ°Π±Π»ΠΈΡΡ. Π’Π°ΠΊ ΠΊΠ°ΠΊ ΡΠ°Π±Π»ΠΈΡΠ° ΡΠ²Π»ΡΠ΅ΡΡΡ Π±Π»ΠΎΡΠ½ΡΠΌ HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ, Π° Ρ Π±Π»ΠΎΠΊΠΎΠ² ΡΠ΅ΡΡΡΠ΅ ΡΡΠΎΡΠΎΠ½Ρ, ΡΠΎ ΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΡΡ Π΄Π»Ρ ΡΠ΅ΡΡΡΠ΅Ρ ΡΡΠΎΡΠΎΠ½ ΠΏΠΎ ΡΠ°ΡΠΎΠ²ΠΎΠΉ ΡΡΡΠ΅Π»ΠΊΠ΅:. ΠΡ, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ Π½ΠΎΠ»Ρ, Ρ Π΄ΡΠΌΠ°Ρ, Π²Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅ΡΠ΅, Π° Π²ΠΎΡ Β«autoΒ» Π³ΠΎΠ²ΠΎΡΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ, ΡΡΠΎΠ±Ρ ΠΎΠ½ ΡΠ°ΠΌ Π²ΡΡΡΠΈΡΡΠ²Π°Π» Ρ Π΄Π°Π½Π½ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ ΡΠ°Π·ΠΌΠ΅Ρ ΠΏΡΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π°, ΠΈΡΡ ΠΎΠ΄Ρ ΠΈΠ· Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ Π΄ΡΡΠ³ΠΈΡ ΡΡΠΎΡΠΎΠ½. ΠΠΎΡ ΠΈ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ, ΡΡΠΎ Π΅ΡΠ»ΠΈ Ρ ΡΡΠ΅Ρ ΡΡΠΎΡΠΎΠ½ Π½ΠΎΠ»Ρ, ΡΠΎ Ρ ΡΠ΅ΡΠ²Π΅ΡΡΠΎΠΉΒ β Π²ΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ, Π° Π΅ΡΠ»ΠΈ Ρ Π΄Π²ΡΡ ΡΡΠΎΡΠΎΠ½ Β«autoΒ», ΡΠΎ Π·Π½Π°ΡΠΈΡ Π΄Π΅Π»ΠΈΠΌ Π²Π½Π΅ΡΠ½ΠΈΠ΅ ΠΏΠΎΠ»Ρ ΠΏΠΎΠΏΠΎΠ»Π°ΠΌ.
Π ΡΠ°ΠΌΠΎΠ΅ Π³Π»Π°Π²Π½ΠΎΠ΅Β β Π½Π΅ Π±ΠΎΠΉΡΠ΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ CSS Π²ΠΌΠ΅ΡΡΠΎ ΡΠΈΡΡΠΎΠ³ΠΎ ΠΈ, Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ ΡΠΈΡΡΠ°ΡΠΈΡΡ , Β«Π΄Π΅ΡΠ΅Π²ΡΠ½Π½ΠΎΠ³ΠΎΒ» ΠΈ ΡΡΡΠ°ΡΠ΅Π²ΡΠ΅Π³ΠΎ HTML. Π’Π°ΠΊ ΠΊΠ°ΠΊ ΡΡΠΈΠΌ Π²Ρ Π²ΠΊΠ»Π°Π΄ΡΠ²Π°Π΅ΡΠ΅ Π² ΡΠ²ΠΎΠ΅ ΡΠ°Π·Π²ΠΈΡΠΈΠ΅, Π° Π½Π΅ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅ΡΠ΅ΡΡ ΠΊ ΠΊΠ°ΠΌΠ΅Π½Π½ΡΠΌ ΡΠΎΠΏΠΎΡΠ°ΠΌ! Π’Π΅ΠΌ Π±ΠΎΠ»Π΅Π΅ Ρ Π²Π°ΠΌ Π²ΡΠ΅ ΠΏΡΠ΅ΠΏΠΎΠ΄Π½ΠΎΡΡ Β«Π½Π° Π±Π»ΡΠ΄Π΅ΡΠΊΠ΅Β». π
ΠΡΠΈΠΌΠ΅Ρ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>HTML.
Π’Π°Π±Π»ΠΈΡΠ° ΠΏΠΎ ΡΠ΅Π½ΡΡΡ</title>
</head>
<body>
<table>
<tr><td>Π―ΡΠ΅ΠΉΠΊΠ° 1.1</td><td>Π―ΡΠ΅ΠΉΠΊΠ° 1.2</td><td>Π―ΡΠ΅ΠΉΠΊΠ° 1.3</td></tr>
<tr><td>Π―ΡΠ΅ΠΉΠΊΠ° 2.1</td><td>Π―ΡΠ΅ΠΉΠΊΠ° 2.2</td><td>Π―ΡΠ΅ΠΉΠΊΠ° 2.3</td></tr>
<tr><td>Π―ΡΠ΅ΠΉΠΊΠ° 3.1</td><td>Π―ΡΠ΅ΠΉΠΊΠ° 3.2</td><td>Π―ΡΠ΅ΠΉΠΊΠ° 3.3</td></tr>
</table>
</body>
</html>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅
Π―ΡΠ΅ΠΉΠΊΠ° 1.1 | Π―ΡΠ΅ΠΉΠΊΠ° 1.2 | Π―ΡΠ΅ΠΉΠΊΠ° 1.3 |
Π―ΡΠ΅ΠΉΠΊΠ° 2.1 | Π―ΡΠ΅ΠΉΠΊΠ° 2.2 | Π―ΡΠ΅ΠΉΠΊΠ° 2.3 |
Π―ΡΠ΅ΠΉΠΊΠ° 3.1 | Π―ΡΠ΅ΠΉΠΊΠ° 3.2 | Π―ΡΠ΅ΠΉΠΊΠ° 3.3 |
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠΈΡΠΈΠ½Ρ HTML-ΡΠ°Π±Π»ΠΈΡ ΠΈ ΡΡΠ΅Π΅ΠΊ
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ Π²ΡΡΡΠΈΡΡΠ²Π°ΡΡ ΡΠΈΡΠΈΠ½Ρ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΡΡ ΠΎΠ΄Ρ ΠΈΠ· ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π΅Π΅ ΡΡΠ΅Π΅ΠΊ, Π° ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π·Π½Π°ΠΊΠΎΠΌΡΠΉ Π²Π°ΠΌ Π°ΡΡΠΈΠ±ΡΡ width, ΠΎΠ±ΡΠΈΠΉ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΡΠ°ΠΊΠΎΠΉ:
<table>…</table> β Π»ΡΠ±ΠΎΠ΅ Π½Π΅ΠΎΡΡΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΡΠΈΡΠ»ΠΎ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΠ΅Π΅ ΡΠΈΡΠΈΠ½Ρ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ
.
<table>…</table> β Π½Π΅ΠΎΡΡΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΡΠΈΡΠ»ΠΎ Π·Π°Π΄Π°ΡΡΠ΅Π΅ ΡΠΈΡΠΈΠ½Ρ Π² ΠΏΡΠΎΡΠ΅Π½ΡΠ°Ρ (%) ΠΈΡΡ ΠΎΠ΄Ρ ΠΈΠ· ΡΠΈΡΠΈΠ½Ρ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°, ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΡΠ°Π±Π»ΠΈΡΠ°.
Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Π΅ΡΠ»ΠΈ ΡΠΊΠ°Π·Π°Π½Π½Π°Ρ ΡΠΈΡΠΈΠ½Π° Π±ΡΠ΄Π΅Ρ ΠΌΠ΅Π½ΡΡΠ΅, ΡΠ΅ΠΌ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π΄Π»Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ Π²ΡΠ΅Π³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ HTML-ΡΠ°Π±Π»ΠΈΡΡ, ΡΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΡ Π΅Π΅ ΠΏΡΠΎΠΈΠ³Π½ΠΎΡΠΈΡΡΡΡ ΠΈ ΡΠ²Π΅Π»ΠΈΡΠ°Ρ Π΄ΠΎ Π½ΡΠΆΠ½ΠΎΠΉ.
Π Π²ΠΎΡ Π°ΡΡΠΈΠ±ΡΡΠ° width Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠΈΡΠΈΠ½Ρ ΡΡΠ΅Π΅ΠΊ Π½Π΅Ρ, Π²Π΅ΡΠ½Π΅Π΅ ΠΎΠ½ Π±ΡΠ», Π½ΠΎ ΡΡΡΠ°ΡΠ΅Π», ΠΏΠΎΡΡΠΎΠΌΡ ΡΠ½ΠΎΠ²Π° ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠΌ ΡΡΠΈΠ»ΠΈ (CSS).
<th>…</th>
<td>…</td>
Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ Π΄Π»Ρ ΡΠΈΡΠΈΠ½Ρ ΡΡΠ΅Π΅ΠΊ Π»ΡΡΡΠ΅ ΡΠΎΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΈΠΊΡΠ΅Π»ΠΈ (px) ΠΈ ΠΏΡΠΎΡΠ΅Π½ΡΡ (%). ΠΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ ΠΏΡΠΎΡΠ΅Π½ΡΠ½ΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΡ Π±ΡΠ΄ΡΡ Π²ΡΡΡΠΈΡΡΠ²Π°ΡΡΡΡ ΠΈΡΡ ΠΎΠ΄Ρ ΠΈΠ· ΡΠΈΡΠΈΠ½Ρ ΡΠ°Π±Π»ΠΈΡΡ. Π’ΠΎΠ»ΡΠΊΠΎ Π½Π΅ Π·Π°Π±ΡΠ΄ΡΡΠ΅, ΡΡΠΎ ΠΏΡΠΈ ΡΠΊΠ°Π·Π°Π½ΠΈΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² Π² Π°ΡΡΠΈΠ±ΡΡΠ΅ style, Π²ΡΠ΅Π³Π΄Π° ΠΏΠΎΡΠ»Π΅ ΡΠΈΡΠ΅Π» ΠΏΠΈΡΡΡΡΡ Π΅Π΄ΠΈΠ½ΠΈΡΡ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ, Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ ΠΈ ΠΏΠΈΠΊΡΠ΅Π»ΠΈ.
Π ΡΠΎΠΆΠ΅, Π΅ΡΠ»ΠΈ Π²Ρ ΡΠΊΠ°ΠΆΠ΅ΡΠ΅ ΡΠΈΡΠΈΠ½Ρ ΡΡΠ΅ΠΉΠΊΠΈ, Π° ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π² Π½Π΅Π΅ Π½Π΅ ΡΠΌΠ΅ΡΡΠΈΡΡΡΒ β Π±ΡΠ°ΡΠ·Π΅Ρ ΠΏΡΠΎΠΈΠ³Π½ΠΎΡΠΈΡΡΠ΅Ρ Π²Π°ΡΡ ΡΠΈΡΠΈΠ½Ρ ΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡ ΡΠ²ΠΎΡ.
Π HTML-ΡΠ°Π±Π»ΠΈΡΠ°Ρ
ΡΠΈΡΠΈΠ½Π° ΡΡΠΎΠ»Π±ΡΠ° Π²ΡΠ΅Π³Π΄Π° ΡΠ°Π²Π½Π° Π΅Π³ΠΎ ΡΠ°ΠΌΠΎΠΉ ΡΠΈΡΠΎΠΊΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠ΅, ΡΡΠΎ, Π²ΠΏΡΠΎΡΠ΅ΠΌ, Π²ΠΏΠΎΠ»Π½Π΅ Π΅ΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ Π²ΠΎΠΎΠ±ΡΠ΅ Π΄Π»Ρ Π»ΡΠ±ΡΡ
ΡΠ°Π±Π»ΠΈΡ. ΠΠΎΡΡΠΎΠΌΡ, ΠΌΠ΅Π½ΡΡ ΡΠΈΡΠΈΠ½Ρ ΠΎΠ΄Π½ΠΎΠΉ (Π»ΡΠ±ΠΎΠΉ) ΡΡΠ΅ΠΉΠΊΠΈΒ β Π²Ρ ΠΌΠ΅Π½ΡΠ΅ΡΠ΅ ΡΠΈΡΠΈΠ½Ρ Π²ΡΠ΅Π³ΠΎ ΡΡΠΎΠ»Π±ΡΠ°.
ΠΡΠΈΠΌΠ΅Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠΈΡΠΈΠ½Ρ HTML-ΡΠ°Π±Π»ΠΈΡ ΠΈ ΡΡΠ΅Π΅ΠΊ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Π¨ΠΈΡΠΈΠ½Π° HTML-ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΡΡΠ΅Π΅ΠΊ</title>
</head>
<body>
<table border="2">
<tr><th>Π―ΡΠ΅ΠΉΠΊΠ° 1.1</th><th>Π―ΡΠ΅ΠΉΠΊΠ° 1.2</th></tr>
<tr><td>Π―ΡΠ΅ΠΉΠΊΠ° 2.1</td><td>Π―ΡΠ΅ΠΉΠΊΠ° 2.2</td></tr>
</table>
</body>
</html>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅
Π―ΡΠ΅ΠΉΠΊΠ° 1.1 | Π―ΡΠ΅ΠΉΠΊΠ° 1.2 |
---|---|
Π―ΡΠ΅ΠΉΠΊΠ° 2.1 | Π―ΡΠ΅ΠΉΠΊΠ° 2.2 |
ΠΠ°ΠΊ Π²Ρ ΡΠΆΠ΅ Π·Π½Π°Π΅ΡΠ΅, ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ Π½Π΅ ΠΎΡΡΠΈΡΠΎΠ²ΡΠ²Π°ΡΡ ΡΠ°ΠΌΠΊΠΈ Ρ ΡΠ°Π±Π»ΠΈΡ, ΠΏΠΎΡΡΠΎΠΌΡ, ΡΡΠΎΠ±Ρ Π²Ρ ΡΠ΅ΡΠΊΠΎ ΡΠ²ΠΈΠ΄Π΅Π»ΠΈ ΠΊΠ°ΡΡΠΈΠ½Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠΈΡΠΈΠ½Ρ, Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠ» Π°ΡΡΠΈΠ±ΡΡ border, ΠΎ ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΌΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΡΡΡΡ ΠΏΠΎΠ·ΠΆΠ΅.
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π²ΡΡΠΎΡΡ HTML-ΡΠ°Π±Π»ΠΈΡ ΠΈ ΡΡΠ΅Π΅ΠΊ
Π ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΌ HTML Ρ ΡΠ΅Π³Π° <TABLE> Π½Π΅Ρ Π°ΡΡΠΈΠ±ΡΡΠ° Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π²ΡΡΠΎΡΡ ΡΠ°Π±Π»ΠΈΡΡ, Π±ΡΠ°ΡΠ·Π΅ΡΡ Π΅Π΅ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π²ΡΡΡΠΈΡΡΠ²Π°ΡΡ ΠΈΡΡ ΠΎΠ΄Ρ ΠΈΠ· ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ. Π Π²ΠΎΡ Ρ ΡΡΠΈΠ»Π΅ΠΉ (CSS) ΡΠ°ΠΊΠ°Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π΅ΡΡΡ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΈΡ ΠΈ Π±ΡΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ.
<table>…</table> β ΡΠΊΠ°Π·ΡΠ²Π°ΠΉΡΠ΅ Π²ΡΡΠΎΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ (px), ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΏΡΠΎΡΠ΅Π½ΡΠ½ΡΡ Π·Π°ΠΏΠΈΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΈΠ³Π½ΠΎΡΠΈΡΡΡΡ.
Π Π²ΠΎΡ Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π²ΡΡΠΎΡΡ ΡΡΠ΅Π΅ΠΊ Π² HTML Ρ ΡΠ΅Π³ΠΎΠ² <TD> ΠΈ <TH> Π²ΡΠ΅-ΡΠ°ΠΊΠΈ Π±ΡΠ» Π°ΡΡΠΈΠ±ΡΡ height (Π²ΠΎΡ ΠΈ ΠΏΠΎΠΉΠΌΠΈ ΡΡΠΈΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ²), Π½ΠΎ ΠΎΠ½ ΡΡΡΠ°ΡΠ΅Π», ΠΏΠΎΡΡΠΎΠΌΡ ΡΠ½ΠΎΠ²Π° ΡΡΠΈΠ»ΠΈ.
<th>…</th>
<td>…</td>
ΠΠ°ΠΊ ΠΈ Π΄Π»Ρ ΡΠΈΡΠΈΠ½Ρ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΏΠΈΠΊΡΠ΅Π»ΠΈ (px) ΠΈΠ»ΠΈ ΠΏΡΠΎΡΠ΅Π½ΡΡ (%), Π½ΠΎ Π·Π΄Π΅ΡΡ Π΅ΡΡΡ ΠΎΠ΄ΠΈΠ½ ΠΌΠΎΠΌΠ΅Π½Ρ. ΠΠΎΠ³Π΄Π° Π²Ρ ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΡΠ΅ ΠΏΡΠΎΡΠ΅Π½ΡΠ½ΡΡ Π·Π°ΠΏΠΈΡΡ, ΡΠΎ ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ Π²ΡΡΠΎΡΠ° Π²ΡΡΡΠΈΡΡΠ²Π°Π΅ΡΡΡ ΠΈΡΡ ΠΎΠ΄Ρ ΠΈΠ· ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΡΠ°Π±Π»ΠΈΡΡ, ΠΏΠΎΡΡΠΎΠΌΡ Π΅ΡΠ»ΠΈ Π²ΡΡΠΎΡΠ° Π±Π»ΠΎΠΊΠ° <TABLE> Π½Π΅ ΡΠΊΠ°Π·Π°Π½Π°Β β Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΏΡΠΎΠΈΠ³Π½ΠΎΡΠΈΡΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π΄Π»Ρ ΡΡΠ΅Π΅ΠΊ.
ΠΡ ΠΈ Π΅ΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΏΡΠΎΠΈΠ³Π½ΠΎΡΠΈΡΡΡΡ Π²Π°ΡΠΈ ΡΠ°Π·ΠΌΠ΅ΡΡ, ΠΊΠ°ΠΊ Π΄Π»Ρ ΡΠ°Π±Π»ΠΈΡΡ Π² ΡΠ΅Π»ΠΎΠΌ, ΡΠ°ΠΊ ΠΈ Π΄Π»Ρ ΡΡΠ΅Π΅ΠΊ, Π΅ΡΠ»ΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π½Π΅ Π±ΡΠ΄Π΅Ρ Π²ΠΌΠ΅ΡΠ°ΡΡΡΡ.
Π HTML-ΡΠ°Π±Π»ΠΈΡΠ°Ρ Π²ΡΡΠΎΡΠ° ΡΡΡΠΎΠΊΠΈ (ΠΊΠ°ΠΊ ΠΈ ΡΠΈΡΠΈΠ½Π° ΡΡΠΎΠ»Π±ΡΠ°) Π²ΡΠ΅Π³Π΄Π° ΡΠ°Π²Π½Π° Π²ΡΡΠΎΡΠ΅ Π΅Π΅ ΡΠ°ΠΌΠΎΠΉ Π²ΡΡΠΎΠΊΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ. ΠΠΎΡΡΠΎΠΌΡ, ΠΌΠ΅Π½ΡΡ Π²ΡΡΠΎΡΡ ΠΎΠ΄Π½ΠΎΠΉ (Π»ΡΠ±ΠΎΠΉ) ΡΡΠ΅ΠΉΠΊΠΈΒ β Π²Ρ ΠΌΠ΅Π½ΡΠ΅ΡΠ΅ Π²ΡΡΠΎΡΡ Π²ΡΠ΅ΠΉ ΡΡΡΠΎΠΊΠΈ.
ΠΡΠΈΠΌΠ΅Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π²ΡΡΠΎΡΡ HTML-ΡΠ°Π±Π»ΠΈΡ ΠΈ ΡΡΠ΅Π΅ΠΊ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Π¨ΠΈΡΠΈΠ½Π° HTML-ΡΠ°Π±Π»ΠΈΡΡ ΠΌ ΡΡΠ΅Π΅ΠΊ</title>
</head>
<body>
<table border="2">
<tr><th>Π―ΡΠ΅ΠΉΠΊΠ° 1.1</th><th>Π―ΡΠ΅ΠΉΠΊΠ° 1.2</th></tr>
<tr><td>Π―ΡΠ΅ΠΉΠΊΠ° 2.1</td><td>Π―ΡΠ΅ΠΉΠΊΠ° 2.2</td></tr>
</table>
</body>
</html>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅
Π―ΡΠ΅ΠΉΠΊΠ° 1.1 | Π―ΡΠ΅ΠΉΠΊΠ° 1.2 |
---|---|
Π―ΡΠ΅ΠΉΠΊΠ° 2.1 | Π―ΡΠ΅ΠΉΠΊΠ° 2.2 |
ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Π² HTML-ΡΠ°Π±Π»ΠΈΡΠ°Ρ
ΠΡΠ»ΠΈ Π²Ρ ΠΎΠ±ΡΠ°ΡΠΈΠ»ΠΈ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΈΠ·Π½Π°ΡΠ°Π»ΡΠ½ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΡΠ΅Π΅ΠΊ ΡΠ°Π±Π»ΠΈΡ. Π£ ΠΎΠ±ΡΡΠ½ΡΡ ΡΡΠ΅Π΅ΠΊ (<TD>) ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π΅ΡΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎ ΠΏΠΎ Π»Π΅Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Π΅ ΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ, Π° Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΡΠ½ΡΡ (<TH>)Β β Π² ΠΎΠ±ΠΎΠΈΡ ΡΠ»ΡΡΠ°ΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ.
ΠΠ»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ HTML-ΡΠ°Π±Π»ΠΈΡ ΠΈΠΌΠ΅ΡΡΡΡ Π°ΡΡΠΈΠ±ΡΡΡ align ΠΈ valign, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΡΡ Π² ΡΠ΅Π³Π°Ρ <TR> Π΄Π»Ρ ΡΡΠ΄ΠΎΠ² (ΡΡΡΠΎΠΊ) ΠΈΠ»ΠΈ <TD> ΠΈ <TH> Π΄Π»Ρ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΡΡΠ΅Π΅ΠΊ:
ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅:
align=»left» β ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π»Π΅Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Π΅ ΡΡΠ΅ΠΉΠΊΠΈ.
align=»center» β ΠΠΎ ΡΠ΅Π½ΡΡΡ.
align=»right» β ΠΠΎ ΠΏΡΠ°Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Π΅.
ΠΠ΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅:
valign=»top» β ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π²Π΅ΡΡ Π½Π΅ΠΉ ΡΡΠΎΡΠΎΠ½Π΅ ΡΡΠ΅ΠΉΠΊΠΈ.
valign=»middle» β ΠΠΎ ΡΠ΅Π½ΡΡΡ.
valign=»bottom» β ΠΠΎ Π½ΠΈΠΆΠ½Π΅ΠΉ ΡΡΠΎΡΠΎΠ½Π΅.
ΠΡΠΈΠΌΠ΅Ρ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ Π² HTML-ΡΠ°Π±Π»ΠΈΡΠ°Ρ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ HTML</title>
</head>
<body>
<table border="2">
<tr align="right" valign="top">
<td>Π―ΡΠ΅ΠΉΠΊΠ° 1.1</td>
<td>Π―ΡΠ΅ΠΉΠΊΠ° 1.2</td>
</tr>
<tr>
<td valign="top">Π―ΡΠ΅ΠΉΠΊΠ° 2.1</td>
<td>Π―ΡΠ΅ΠΉΠΊΠ° 2.2</td>
</tr>
</table>
</body>
</html>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅
Π―ΡΠ΅ΠΉΠΊΠ° 1.1 | Π―ΡΠ΅ΠΉΠΊΠ° 1.2 |
Π―ΡΠ΅ΠΉΠΊΠ° 2.1 | Π―ΡΠ΅ΠΉΠΊΠ° 2.2 |
Π€ΠΎΠ½ HTML-ΡΠ°Π±Π»ΠΈΡ
Π ΡΡΠ°ΡΡΡ Π²Π΅ΡΡΠΈΡΡ HTML Ρ ΡΠ΅Π³ΠΎΠ² ΡΠ°Π±Π»ΠΈΡ Π±ΡΠ» ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π°ΡΡΠΈΠ±ΡΡ bgcolor, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΠ·ΠΌΠ΅Π½ΡΠ» ΡΠ²Π΅Ρ ΡΠΎΠ½Π° Π²ΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ»ΠΈ Π΅Π΅ ΡΠ°ΡΡΠΈ. ΠΠΎ Π² ΡΡΠΎΠΊΠ΅ ΠΠ΅Π½ΡΠ΅ΠΌ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° ΠΈ ΡΠΎΠ½Π° ΠΌΡ Ρ Π²Π°ΠΌΠΈ ΠΈΠ·ΡΡΠΈΠ»ΠΈ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠΎΠ½Π° Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎ Π»ΡΠ±ΡΡ HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΏΠΎΡΡΠΎΠΌΡ ΠΈΠΌ ΠΈ ΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ΡΡ.
Π Π²ΠΎΡ ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ ΡΠ°Π±Π»ΠΈΡ ΡΠ·ΡΠΊ HTML Π²ΠΎΠΎΠ±ΡΠ΅ Π½Π΅ ΠΏΡΠ΅Π΄ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π», ΠΏΠΎΡΡΠΎΠΌΡ Π² ΡΠ²ΠΎΠ΅ Π²ΡΠ΅ΠΌΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² Π²Π²Π΅Π»ΠΈ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΒ β background. ΠΡΠ°ΡΠ·Π΅ΡΡ ΠΈ Π΄ΠΎ ΡΠΈΡ ΠΏΠΎΡ Π΅Π³ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ, Π½ΠΎ ΠΎΠΏΡΡΡ ΠΆΠ΅, Π² ΡΡΠΎΠΊΠ΅ ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ ΡΠΎΠ½ΠΎΠ² Π²Ρ ΡΠΆΠ΅ Π½Π°ΡΡΠΈΠ»ΠΈΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ-ΡΠΎΠ½Ρ Π΄Π»Ρ Π»ΡΠ±ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΠΎΠΌΠ°ΡΠ½Π΅Π΅ Π·Π°Π΄Π°Π½ΠΈΠ΅.
ΠΡΠ΅ Π·Π°Π΄Π°Π½ΠΈΠ΅ Ρ Π²Π°ΠΌ ΡΠ°ΡΠΏΠΈΡΡΠ²Π°ΡΡ Π½Π΅ Π±ΡΠ΄Ρ, ΠΎΠ±ΡΠΈΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΌΠ΅Π½ΡΡ, ΠΏΡΠΎΡΡΠΎ ΡΠ΄Π΅Π»Π°ΠΉΡΠ΅ ΡΠ°ΠΊ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΠ°. ΠΡΠ»ΠΈ Π²Ρ Π² ΡΠ²ΠΎΠ΅ Π²ΡΠ΅ΠΌΡ Π½Π΅ ΡΠΊΠ°ΡΠ°Π»ΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π΄Π»Ρ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ, ΡΠΎ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΊΠ°ΡΠ°ΡΡ ΡΠ΅ΠΉΡΠ°Ρ.
- ΠΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ ΡΠΎΠ½ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ°.
- Π Π½Π°ΡΠ°Π»Π΅ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ΅ΡΡΡΠ΅ ΡΡΡΠ»ΠΊΠΈ-ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
- ΠΠΈΠΆΠ΅ ΡΠ΄Π΅Π»Π°ΠΉΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΠΈΠ· ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΡΠ΄Π° ΠΈ Π΄Π²ΡΡ ΡΡΠΎΠ»Π±ΡΠΎΠ². Π Π°ΡΡΡΠ½ΠΈΡΠ΅ Π΅Π΅ ΡΠΈΡΠΈΠ½Ρ Π½Π° Π²ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ, ΡΠ΄Π΅Π»Π°ΠΉΡΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π²Π΅ΡΡ Π½Π΅ΠΉ ΡΡΠΎΡΠΎΠ½Π΅ ΡΡΠ΄Π° ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ ΡΠΎΠ½ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΠ΅ΠΉΠΊΠΈ.
- Π‘Π΄Π΅Π»Π°ΠΉΡΠ΅ ΡΠΈΡΠΈΠ½Ρ Π»Π΅Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ 150px ΠΈ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ Π² Π½Π΅Π΅ ΡΡΡΠ»ΠΊΠΈ-ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
- ΠΠΎΠ΄ ΡΠ°Π±Π»ΠΈΡΠ΅ΠΉ ΡΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΡΡΡΠ»ΠΊΠΈ.
- Π‘Π΄Π΅Π»Π°ΠΉΡΠ΅ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ Π½Π° Π»ΡΠ±ΡΡ ΡΡΡΠ»ΠΊΡ ΠΏΠΎΡΠ²Π»ΡΠ»Π°ΡΡ Β«Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ°ΡΒ» ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ°.
- ΠΠ΅ Π·Π°Π±ΡΠ²Π°ΠΉΡΠ΅ ΠΏΡΠΎ ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ Π² HTML, ΠΎΠ½ΠΈ ΡΠ΅ΡΡΠ΅Π·Π½ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°ΡΡ ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅.
ΠΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ β ΠΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΠΎΡΠ²Π΅Ρ
ΠΠ°ΠΊ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅ΠΊΡΡ Π² ΡΡΡΠΎΠΊΠ΅ HTML-ΡΠ°Π±Π»ΠΈΡΡ
ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π²ΡΡΠΎΠ²Π½ΡΡΡ ΡΠ΅ΠΊΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°
Π Π°Π½ΡΡΠ΅ ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π°ΡΡΠΈΠ±ΡΡΠ° align, ΠΎΠ΄Π½Π°ΠΊΠΎ Π² HTML5 ΠΎΠ½ ΡΡΡΠ°ΡΠ΅Π». ΠΠΌΠ΅ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ CSS text-align ΠΈΠ»ΠΈ ΡΠΊΠ°ΠΆΠΈΡΠ΅ Π΅Π³ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² ΡΡΠΈΠ»Ρ.
Π ΡΡΠΎΠΌ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠ΅ ΠΌΡ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ ΠΈ ΠΎΠ±ΡΡΡΠ½ΠΈΠΌ ΠΏΡΠΈΠΌΠ΅ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-align ΠΈ Π°ΡΡΠΈΠ±ΡΡΠ° style.
Π‘ΠΎΠ·Π΄Π°ΡΡ HTMLΒΆ
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
.
- ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π΄Π²Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°
ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΏΠΎ Π΄Π²Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π²Π½ΡΡΡΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· Π½ΠΈΡ . <ΡΠ°Π±Π»ΠΈΡΠ°>
Π’Π΅ΠΊΡΡ Π’Π΅ΠΊΡΡ Π’Π΅ΠΊΡΡ Π’Π΅ΠΊΡΡ ΠΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ°Π±Π»ΠΈΡΡ CSSΒΆ
, table td { Π³ΡΠ°Π½ΠΈΡΠ°: ΡΠΏΠ»ΠΎΡΠ½Π°Ρ 1px #cccccc; } td { Π²ΡΡΠΎΡΠ°: 80 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ; ΡΠΈΡΠΈΠ½Π°: 160 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ; Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°: ΡΠ΅Π½ΡΡ; Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅: ΠΏΠΎ ΡΠ΅Π½ΡΡΡ; }
Π’Π΅ΠΏΠ΅ΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΏΡΠΈΠΌΠ΅Ρ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ.
ΠΡΠΈΠΌΠ΅Ρ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° Π² ΡΡΡΠΎΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° CSS text-align: ΒΆ
<ΡΡΠΈΠ»Ρ> ΡΡΠΎΠ», table td { Π³ΡΠ°Π½ΠΈΡΠ°: ΡΠΏΠ»ΠΎΡΠ½Π°Ρ 1px #cccccc; } td { Π²ΡΡΠΎΡΠ°: 80 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ; ΡΠΈΡΠΈΠ½Π°: 160 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ; Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°: ΡΠ΅Π½ΡΡ; Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅: ΠΏΠΎ ΡΠ΅Π½ΡΡΡ; } <ΡΠ°Π±Π»ΠΈΡΠ°>
Π’Π΅ΠΊΡΡ Π’Π΅ΠΊΡΡ Π’Π΅ΠΊΡΡ Π’Π΅ΠΊΡΡ Π Π΅Π·ΡΠ»ΡΡΠ°ΡΒΆ
Π Π½Π°ΡΠ΅ΠΌ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΠΌ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-align ΠΈ vertical-align Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ° style.
ΠΡΠΈΠΌΠ΅Ρ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° Π² ΡΡΡΠΎΠΊΠ΅ ΡΠ°Π±Π»ΠΈΡΡ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² ΡΡΠΈΠ»Ρ: ΒΆ
<ΡΡΠΈΠ»Ρ> td { Π²ΡΡΠΎΡΠ°: 80 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ; ΡΠΈΡΠΈΠ½Π°: 160 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ; }
Π’Π΅ΠΊΡΡ Π’Π΅ΠΊΡΡ Π’Π΅ΠΊΡΡ Π’Π΅ΠΊΡΡ ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π’Π΅ΠΊΡΡ Π’Π΅ΠΊΡΡ Π’Π΅ΠΊΡΡ Π’Π΅ΠΊΡΡ Π’Π΅ΠΊΡΡ Π’Π΅ΠΊΡΡ - ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π΄Π²Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°