Как Π² html Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ тСкст Π²: ВСкст | htmlbook.ru

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Π£Ρ‡Π΅Π±Π½ΠΈΠΊ HTML. Π£Ρ€ΠΎΠΊ 3. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ тСкста, Π°Π±Π·Π°Ρ†Ρ‹, спСцсимволы, ΠΌΠ΅Ρ‚Π° Π΄Π°Π½Π½Ρ‹Π΅ | DesigNonstop

ΠŸΠΎΠ»Π΅Π·Π½ΠΎΡΡ‚ΠΈ / Π£Ρ‡Π΅Π±Π½ΠΈΠΊΠΈ

75211

09-04-2013

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ ΡƒΠ·Π½Π°Π΅ΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ HTML для добавлСния Π½Π° Π²Π΅Π±-страницы тСкста ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ². Познакомимся ΠΏΠΎΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ с Π°Π±Π·Π°Ρ†Π΅ΠΌ, ΠΏΠΎΡ‚ΠΎΠΌ выясним с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠ°ΠΊΠΈΡ… Ρ‚Π΅Π³ΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒ тСкст. Π£Π·Π½Π°Π΅ΠΌ ΠΎ сущСствовании ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… символов ΠΈ способах ΠΈΡ… отобраТСния. Π”Π°Π»Π΅Π΅ посвятим врСмя способам написания матСматичСских Ρ„ΠΎΡ€ΠΌΡƒΠ». ΠŸΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·Π½Ρ‹Ρ… языков Π½Π° ΠΎΠ΄Π½ΠΎΠΉ станицС. И ΠΏΠΎΠ΄ ΠΊΠΎΠ½Π΅Ρ† займСмся ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ΠΌ Ρ‚Π΅Π³ΠΎΠ² для Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ Π΅Ρ‰Π΅ Ρ€Π°Π· ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΈΠΌ всС упомянутыС Ρ‚Π΅Π³ΠΈ. ΠΠ°ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ для ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ усвоСния ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π° сразу ΠΆΠ΅ ΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ всС Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅, ΠΊΠ°ΠΊ описано Π² ΡƒΡ€ΠΎΠΊΠ΅.

Абзацы
Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ‹ ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅ΡΡŒ, Π½ΠΎ Π²Ρ‹ ΡƒΠΆΠ΅ Π½Π°ΡƒΡ‡ΠΈΠ»ΠΈΡΡŒ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π°Π±Π·Π°Ρ†Ρ‹ HTML Π² Π£Ρ€ΠΎΠΊΠ΅ 2. Π’ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ HTML Π½ΠΎΠ²Ρ‹ΠΉ Π°Π±Π·Π°Ρ† вставляСтся ΠΏΡ€ΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ тСкста, Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Π½ΠΎΠ³ΠΎ Π² Ρ‚Π΅Π³ <Ρ€>. Π”Π°Π²Π°ΠΉΡ‚Π΅ Π΅Ρ‰Π΅ Ρ€Π°Π· взглянСм Π½Π° ΠΊΠΎΠ΄.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Moя XHTML страница</title> </head> <body> <Ρ€>Π­Ρ‚ΠΎ моя пСрвая XHTML страница.</p> </body> </html>

Β 
Β 

Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€, получая для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠΎΠ΄, опрСдСляСт, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Π½Π° экранС ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ тСкст. Для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ значСния, Π½Π° сколько строк Ρ€Π°Π·Π±ΠΈΡ‚ этот тСкст Π² ΠΊΠΎΠ΄Π°Ρ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, β€” ΠΎΠ½ ΠΎΠ±Ρ€Π°Ρ‰Π°Π΅Ρ‚ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° Ρ‚Π΅Π³ΠΈ HTML. Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π΄Π°Π»Π΅Π΅ HTML ΠΊΠΎΠ΄Π΅ тСкст ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π°Π±Π·Π°Ρ†Π° Ρ€Π°Π·Π±ΠΈΡ‚ Π½Π° нСсколько строк ΠΈ Π΄Π°ΠΆΠ΅ содСрТит ΠΎΠ΄Π½Ρƒ ΠΏΡƒΡΡ‚ΡƒΡŽ строку, ΠΎΠ΄Π½Π°ΠΊΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ всС Ρ€Π°Π²Π½ΠΎ распознаСт этот тСкст ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Π±Π·Π°Ρ†, Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΉ Π² Ρ‚Π΅Π³ΠΈ <Ρ€> ΠΈ </Ρ€>. Π’Π΅Π³ Π΄Π°Π΅Ρ‚ ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²Π½Π°Ρ‡Π°Π»Π΅ ΠΏΡƒΡΡ‚ΡƒΡŽ строку ΠΈ лишь Π·Π°Ρ‚Π΅ΠΌ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΉ Π² этом Ρ‚Π΅Π³Π΅ тСкст</p>.

<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>Набор Π°Π±Π·Π°Ρ†Π° Π² HTML</title>
</head>
<body>
<Ρ€>Π­Ρ‚ΠΎ пСрвая строка.

Однако Π±ΡƒΠ΄Π΅Ρ‚ Π»ΠΈ эта строка Π²Ρ‚ΠΎΡ€ΠΎΠΉ?</p>
<Ρ€>НСт, это вторая строка.</p>
</body>
</html>

Β 
Β 

Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΠ΅Ρ‚ Π²ΡΡ‚Π°Π²Π»Π΅Π½Π½ΡƒΡŽ Π² ΠΊΠΎΠ΄Π°Ρ… ΠΏΡƒΡΡ‚ΡƒΡŽ строку ΠΈ вмСсто Π½Π΅Π΅ добавляСт пустыС строки ΠΏΠ΅Ρ€Π΅Π΄ тСкстом, Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΌ Π² Ρ‚Π΅Π³Π°Ρ… <Ρ€>

Β 
Β 

Π‘Π»Π΅Π΄ΡƒΠ΅Ρ‚ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΠΆΠ΅, Ρ‡Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ выполняСт Π΅Ρ‰Π΅ ΠΎΠ΄Π½ΠΎ дСйствиС Π² ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΈ тСкста Π°Π±Π·Π°Ρ†Π°: ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π½Π° Π½ΠΎΠ²ΡƒΡŽ строку ΠΏΡ€ΠΈ достиТСнии края ΠΎΠΊΠ½Π°. Π”Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами, ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ тСкст Π°Π±Π·Π°Ρ†Π° достигаСт края ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ символы автоматичСски пСрСносятся Π² Π½ΠΎΠ²ΡƒΡŽ строку, нСзависимо ΠΎΡ‚ полоТСния Ρ‚Π΅Π³Π° <Ρ€>.

Π’Π΅Π³ <Ρ€> всСгда добавляСт ΠΏΡƒΡΡ‚ΡƒΡŽ строку ΠΏΠ΅Ρ€Π΅Π΄ Π°Π±Π·Π°Ρ†Π΅ΠΌ, ΠΎΠ΄Π½Π°ΠΊΠΎ Π΅Π΅ Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ Π½Π΅ всСгда умСстно. Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ‹ просто Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅ слово ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π½Π°Ρ‡ΠΈΠ½Π°Π»ΠΎΡΡŒ с Π½ΠΎΠ²ΠΎΠΉ строки. Для достиТСния Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ³ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π° ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π΄Ρ€ΡƒΠ³ΠΈΠΌ Ρ‚Π΅Π³ΠΎΠΌ, <br /> ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰ΠΈΠΌ Ρ€Π°Π·Ρ€Ρ‹Π² строки</p>.

<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>Набор Π°Π±Π·Π°Ρ†Π° Π² HTML</title>
</head>
<body>
<p>Буря мглою Π½Π΅Π±ΠΎ ΠΊΡ€ΠΎΠ΅Ρ‚<br />
Π’ΠΈΡ…Ρ€ΠΈ снСТныС крутя<br />
Π’ΠΎ, ΠΊΠ°ΠΊ Π·Π²Π΅Ρ€ΡŒ, ΠΎΠ½Π° Π·Π°Π²ΠΎΠ΅Ρ‚<br />
Π’ΠΎ Π·Π°ΠΏΠ»Π°Ρ‡Π΅Ρ‚, ΠΊΠ°ΠΊ дитя
</p>
<p>Π’ΠΎ ΠΏΠΎ ΠΊΡ€ΠΎΠ²Π»Π΅ ΠΎΠ±Π²Π΅Ρ‚ΡˆΠ°Π»ΠΎΠΉ<br />
Π’Π΄Ρ€ΡƒΠ³ соломой Π·Π°ΡˆΡƒΠΌΠΈΡ‚<br />
Π’ΠΎ, ΠΊΠ°ΠΊ ΠΏΡƒΡ‚Π½ΠΈΠΊ Π·Π°ΠΏΠΎΠ·Π΄Π°Π»Ρ‹ΠΉ<br />
К Π½Π°ΠΌ Π² окошко застучит
</p>
</body>
</html>

Β 
Β 

Π­Ρ‚ΠΎΡ‚ Π½ΠΎΠ²Ρ‹ΠΉ Ρ‚Π΅Π³ Π΄Π°Π΅Ρ‚ ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π°Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Π·Π° Π½ΠΈΠΌ тСкста со ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ строки, Π½Π΅ добавляя ΠΏΡ€ΠΈ этом Π½ΠΈΠΊΠ°ΠΊΠΈΡ… пустых строк. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ распрСдСлил тСкст ΠΏΠΎ строкам ΠΈ Π°Π±Π·Π°Ρ†Π°ΠΌ Π² соотвСтствии с расставлСнными Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ HTML Ρ‚Π΅Π³Π°ΠΌΠΈ.

Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ тСкста
Π’Ρ‹ ΡƒΠΆΠ΅ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ тСкст Π½Π° Π²Π΅Π±-страницу, ΠΈ Π΄Π°Π»Π΅Π΅ Ρ€Π΅Ρ‡ΡŒ ΠΏΠΎΠΉΠ΄Π΅Ρ‚ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊ Π½Π΅ΠΌΡƒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅. Π’ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… случаях Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ выдСлСния ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… тСкстовых Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² с Ρ†Π΅Π»ΡŒΡŽ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ ΠΊ Π½ΠΈΠΌ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π·Ρ€ΠΈΡ‚Π΅Π»Π΅ΠΉ. HTML позволяСт быстро ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊ Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΡ‹ΠΌ символам Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ стандартныС Ρ‚ΠΈΠΏΡ‹ форматирования, Ρ‚Π°ΠΊΠΈΠ΅, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½ΠΎΠ΅ Π½Π°Ρ‡Π΅Ρ€Ρ‚Π°Π½ΠΈΠ΅ ΠΈΠ»ΠΈ курсив, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ для этого прСдустановлСнныС Π½Π°Π±ΠΎΡ€Ρ‹ Ρ‚Π΅Π³ΠΎΠ². ВсС эти Ρ‚Π΅Π³ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ ΠΏΠ°Ρ€Π°ΠΌΠΈ (ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³ соотвСтствСнно), Π·Π°ΠΊΠ»ΡŽΡ‡Π°Ρ Π² сСбя тСкст, ΠΏΠΎΠ΄Π»Π΅ΠΆΠ°Ρ‰ΠΈΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ. НабСритС Π² своСм тСкстовом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Π΄Π°Π»Π΅Π΅ ΠΊΠΎΠ΄Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ‚Π΅Ρ… ΠΈΠ»ΠΈ ΠΈΠ½Ρ‹Ρ… Ρ‚Π΅Π³ΠΎΠ².

<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www. w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ тСкста</title>
</head>
<body>
<p>Π£Π²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ Π½Π° ΠΎΠ΄ΠΈΠ½ ΠΏΡƒΠ½ΠΊΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π°
<big>Ρ‚Π΅Π³ big</big>.</p>
<p>Π’Π°ΠΊ выглядит Ρ€Π΅Π·ΡƒΠ»ΡŒΠ°Ρ‚Π° примСнСния Ρ‚Π΅Π³Π°
<b>Ρ‚Π΅Π³Π° bold</b> ΠΈ <strong>strong</strong>.</p>
<p>А это Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ примСнСния Ρ‚Π΅Π³Π°
<i>Ρ‚Π΅Π³Π° italic</i> ΠΈ <em>emphasis</em>.</p>
<p>Π˜ΠΌΠΈΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΌΠ°ΡˆΠΈΠ½ΠΎΠΏΠΈΡΠ½ΡƒΡŽ Π³Π°Ρ€Π½ΠΈΡ‚ΡƒΡ€Ρƒ
<tt>Ρ‚Π΅Π³ teletype</tt>.</p>
<p>Π£ΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ Π½Π° ΠΎΠ΄ΠΈΠ½ ΠΏΡƒΠ½ΠΊΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π°
<small>Ρ‚Π΅Π³ small</small>.</p>
</body>
</html>

Β 
Β 

Π’Π°ΠΊΠΎΠΉ Π²ΠΎΡ‚ наглядный Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ получаСтся Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ послС примСнСния ΠΏΠ°Ρ€Π½Ρ‹Ρ… Ρ‚Π΅Π³ΠΎΠ² <big>, <b>, <strong>, <i>, <em>, <tt>, <small>.

Β 
Β 

Π’ HTML прСдусмотрСны ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ‚Π΅Π³ΠΈ, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Π΅ для форматирования тСкста, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΈΡ… ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΊΠΎΠ΄Ρ‹ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Ρ‚Ρ€ΡƒΠ΄Π½Ρ‹ΠΌΠΈ для чтСния ΠΈ восприятия, ΠΈ Π² языкС XHTML ΠΈΡ… Π·Π°ΠΌΠ΅Π½ΠΈΠ»ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй.

По ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΡŽ консорциума W3C ΠΊΠΎΠ΄Ρ‹ HTML Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для обозначСния Ρ‚ΠΈΠΏΠ° ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ (тСкст, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ ΠΈ Ρ‚.ΠΏ.), Π½ΠΎ Π½Π΅ для Π΅Π΅ форматирования.

Β 
Β 

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π²Π΅Π±-страниц ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй (Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Π΅ Ρ‚Π°ΠΊΠΆΠ΅ стилСвыми Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ) для опрСдСлСния инструкций, Π·Π°Π΄Π°ΡŽΡ‰ΠΈΡ… ΠΏΡ€Π°Π²ΠΈΠ»Π° форматирования для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈΠ»ΠΈ Π³Ρ€ΡƒΠΏΠΏΡ‹ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ². Π’ частности, Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ вмСсто Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… старых Ρ‚Π΅Π³ΠΎΠ² HTML, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°Π½Π΅Π΅ использовались для форматирования тСкста.

Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ
Π Π°Π·Π±ΠΈΠ²ΠΊΠ° тСкста Π½Π° Π°Π±Π·Π°Ρ†Ρ‹ Π½Π΅ являСтся СдинствСнным способом форматирования Π²Π΅Π±-страниц. Π’ HTML прСдусмотрСн Ρ†Π΅Π»Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ Ρ‚Π΅Π³ΠΎΠ², ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΡ… Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΡˆΠ΅ΡΡ‚ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΡƒΡ€ΠΎΠ²Π½Π΅ΠΉ- начиная с <h2> ΠΈ заканчивая <h6>. ВсС эти Ρ‚Π΅Π³ΠΈ ΠΎΡ‡Π΅Π½ΡŒ просты Π² использовании, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:


<h2>Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ уровня</h2>

Β 
Β 

Π—Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π·Π°Π΄Π°Π΅Ρ‚ Ρ‚Π°ΠΊΠΆΠ΅ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ Π°Π±Π·Π°Ρ†Π°. Π”Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами, послС ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° автоматичСски вставляСтся пустая строка, Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΡ‚Π΄Π΅Π»ΡΡŽΡ‰Π°Ρ Π΅Π³ΠΎ ΠΎΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ Π΄Π°Π»Π΅Π΅ тСкста.

Для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ уровня, Π·Π°Π΄Π°Π²Π°Π΅ΠΌΠΎΠ³ΠΎ Ρ‚Π΅Π³ΠΎΠΌ <h2>, прСдусмотрСн наибольший Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π°, Π° для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΡˆΠ΅ΡΡ‚ΠΎΠ³ΠΎ уровня (Ρ‚Π΅Π³ <h6>) β€” наимСньший. Как ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π²Π΅Π±-страниц ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΏΡ€ΠΈ составлСнии своих HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΏΠ΅Ρ€Π²Ρ‹Ρ… Ρ‚Ρ€Π΅Ρ… ΡƒΡ€ΠΎΠ²Π½Π΅ΠΉ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² Ρ‡Π΅Ρ‚Π²Π΅Ρ€Ρ‚ΠΎΠ³ΠΎ, пятого ΠΈ ΡˆΠ΅ΡΡ‚ΠΎΠ³ΠΎ ΡƒΡ€ΠΎΠ²Π½Π΅ΠΉ Π² Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π·Π°Π΄Π°Π½ мСньший Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π°, Ρ‡Π΅ΠΌ для ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ тСкста.

Β 
Β 

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° HTML Ρ‡Π΅Ρ‚Π²Π΅Ρ€Ρ‚ΠΎΠ³ΠΎ уровня Π·Π°Π΄Π°Π½ Ρ‚ΠΎΡ‚ ΠΆΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π°, Ρ‡Ρ‚ΠΎ ΠΈ для ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ тСкста Π²Π΅Π±-страницы, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ пятого ΠΈ ΡˆΠ΅ΡΡ‚ΠΎΠ³ΠΎ ΡƒΡ€ΠΎΠ²Π½Π΅ΠΉ Π½Π°Π±Ρ€Π°Π½Ρ‹ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ Π΅Ρ‰Π΅ мСньшСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.

Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ символы
Π”ΠΎΠ²ΠΎΠ»ΡŒΠ½ΠΎ часто Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π² ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π½Π° Π²Π΅Π±-страницах Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… символов, ΠΈ это Π½Π΅ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ, вСдь ΠΌΠ½ΠΎΠ³ΠΈΠ΅ символы (Ρ‚Π°ΠΊΠΈΠ΅, ΠΊΠ°ΠΊ +, β€”, % ΠΈΠ»ΠΈ &) постоянно Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ ΠΈ Π² ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Ρ… тСкстах. К соТалСнию, Π½Π΅ всС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ воспроизводят эти символы ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ, поэтому Π² HTML прСдусмотрСна Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ обозначСния ΠΈΡ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… ΠΈΠ»ΠΈ тСкстовых ΠΊΠΎΠ΄ΠΎΠ².

Π­Ρ‚ΠΈ ΠΊΠΎΠ΄Ρ‹ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΎΠ΄Π½ΠΎΠ·Π½Π°Ρ‡Π½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, ΠΊΠ°ΠΊ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΠΎΡΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Ρ‚ΠΎΡ‚ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ символ. ΠšΠΎΠ΄Ρ‹ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто примСняСмых символов ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ Π½ΠΈΠΆΠ΅.

ΠœΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΡ‡Π΅ΡΠΊΠΈΠ΅ записи
Π₯отя HTML ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ разрабатывался ΡƒΡ‡Π΅Π½Ρ‹ΠΌΠΈ, Π² Π½Π΅ΠΌ Π½Π΅ прСдусмотрСна Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ создания матСматичСских ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π½Π°ΡƒΡ‡Π½Ρ‹Ρ… записСй любого сколько-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ уровня слоТности. Π’ HTML ΠΈΠΌΠ΅ΡŽΡ‚ΡΡ Π΄Π²Π° Ρ‚Π΅Π³Π°, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠ΅ Π·Π°ΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ простыС выраТСния. Π­Ρ‚ΠΎ Ρ‚Π΅Π³ΠΈ <sub> (Π½ΠΈΠΆΠ½ΠΈΠΉ индСкс) ΠΈ <sup> (Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ индСкс). Π’Π°ΠΊ ΠΊΠΎΠ΄, ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π½ΠΈΠΆΠ΅:

CO<sub>2</sub> = Carbon Dioxide
A<sup>2</sup> + B<sup>2</sup> = C<sup>2</sup>

Β 
Β 

На ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ выглядит Ρ‚Π°ΠΊ:.

Β 
Β 

Если Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ воспроизвСсти Π½Π° Π²Π΅Π±-страницС Π±ΠΎΠ»Π΅Π΅ слоТныС выраТСния, Π²Π°ΠΌ придСтся ΠΏΡ€ΠΎΡΠ²ΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΈΠ·ΠΎΠ±Ρ€Π΅Ρ‚Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ. НаиболСС ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ состоит Π² записи Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΡ‹Ρ… Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½ΠΎΠΉ для Ρ‚Π°ΠΊΠΈΡ… Ρ†Π΅Π»Π΅ΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ с ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ этих записСй Π² графичСскоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π”Π°Π»Π΅Π΅ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² страницу HTML. Π’Π°ΠΊΠΎΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌΡ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ нСльзя Π½Π°Π·Π²Π°Ρ‚ΡŒ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌ. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ запись прСдставлСна Π² графичСском Π²ΠΈΠ΄Π΅, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ смоТСт Ρ€Π°ΡΠΏΠΎΠ·Π½Π°Π²Π°Ρ‚ΡŒ Π΅Π΅ тСкстовыС элСмСнты ΠΈ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΡ… Π² процСссС индСксирования ΠΈΠ»ΠΈ поиска ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.

Π’Ρ‹Π±ΠΎΡ€ языка
НС ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ английский язык, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ HTML для создания HTML-страниц. АдрСса URL, гипСрссылки, Ρ‚Π΅Π³ΠΈ HTML ΠΈ элСмСнты форматирования Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Π½Π΅ ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°Ρ‚ ΠΊ ΠΊΠ°ΠΊΠΎΠΌΡƒ-Π»ΠΈΠ±ΠΎ языку (с лингвистичСской Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния), Ρ‡Π΅Π³ΠΎ, разумССтся, нСльзя ΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅ΠΌΠΎΠΉ Π½Π° Π²Π΅Π±-страницС тСкстовой ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. Если Π²Ρ‹ ΠΏΠΈΡˆΠ΅Ρ‚Π΅ Π½Π° стандартном английском языкС, Π½ΠΈΠΊΠ°ΠΊΠΈΠΌ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Ρ‚ΡŒ этот Ρ„Π°ΠΊΡ‚ Π² HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ Π½Π΅ трСбуСтся. Однако, Ссли Π²Ρ‹ Π½Π°Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ тСкст Π½Π° ΠΊΠ°ΠΊΠΎΠΌ-Π»ΠΈΠ±ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΌ языкС, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ этот язык для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Ρ… Π½ΠΈΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ… ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΠΊΠ°ΠΊ Π² HTML ΠΎΠ±ΡŠΡΠ²Π»ΡΠ΅Ρ‚ΡΡ ΠΎΠ± использовании русского ΠΈ французского языков.

<html xmlns="http://www. w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

Β 
Β 

ΠŸΠΎΡ‡Π΅ΠΌΡƒ Ρ‚Π°ΠΊ Π²Π°ΠΆΠ½ΠΎ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Ρ‚ΡŒ язык? Если Π½Π΅ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ lang, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ смоТСт ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, Π½Π° ΠΊΠ°ΠΊΠΎΠΌ ΠΈΠΌΠ΅Π½Π½ΠΎ языкС Π½Π°Π±Ρ€Π°Π½Π° тСкстовая информация. НСкоторыС поисковыС ΠΌΠ°ΡˆΠΈΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° lang для поиска ΠΈ ΠΎΡ‚Π±ΠΎΡ€Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Π΅Ρ… страниц, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ написаны Π½Π° ΠΊΠ°ΠΊΠΎΠΌ-Ρ‚ΠΎ Π·Π°Π΄Π°Π½Π½ΠΎΠΌ языкС. Π Π΅Ρ‡Π΅Π²Ρ‹Π΅ синтСзаторы ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°ΡŽΡ‚ эту ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ для ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠ³ΠΎ воспроизвСдСния тСкста. Π”Π°ΠΆΠ΅ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΡ‚ΠΈΠ»ΠΈΡ‚Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΠΎΡ€Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ² свСдСния ΠΎ языкС написания тСкста, ΠΌΠΎΠ³ΡƒΡ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ поиск ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΡ…ΡΡ Π² Π½Π΅ΠΌ ошибок.

ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·Π½Ρ‹Ρ… языков Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС
Π₯отя Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ lang использовался ΠΊΠ°ΠΊ Ρ‡Π°ΡΡ‚ΡŒ Ρ‚Π΅Π³Π° <html>, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅ΠΌΠΎΠ³ΠΎ Π² Π½Π°Ρ‡Π°Π»Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π²ΠΏΠΎΠ»Π½Π΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Π° ситуация, ΠΏΡ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π² ΠΏΡ€Π΅Π΄Π΅Π»Π°Ρ… Π²Π΅Π±-страницы Π½Π° ΠΎΠ΄Π½ΠΎΠΌ языкС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ тСкстовый Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚, Π½Π°Π±Ρ€Π°Π½Π½Ρ‹ΠΉ Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ языкС. НапримСр, Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π°Π±Π·Π°Ρ† Π½Π° французском Π² англоязычный Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° lang для Ρ‚Π΅Π³Π° <Ρ€> позволяСт Ρ€Π΅ΡˆΠΈΡ‚ΡŒ Π΄Π°Π½Π½ΡƒΡŽ Π·Π°Π΄Π°Ρ‡Ρƒ. ВзглянитС Π½Π° ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π΄Π°Π»Π΅Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€.

<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>Mu11ti-Language Document</title>
</head>
<body>
<p>Put your English text here.</p>
<p lang="fr">Mettez votre texte francais ici.</p>
<p lang="ru">А здСсь русский тСкст.</p>
</body>
</html>

Π’Π΅Π³ΠΈ для Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ…
И Π½Π°ΠΊΠΎΠ½Π΅Ρ†, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ с Ρ‚Π΅Π³ΠΎΠΌ <head>. Пока Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π²ΠΈΠ΄Π΅Π»ΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ‚Π΅Π³Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Π΅Π³ <title>, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π²Π΅Π±-страницы, ΠΎΠ΄Π½Π°ΠΊΠΎ этим возмоТности Ρ‚Π΅Π³Π° <head> вовсС Π½Π΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ набранная Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Π°ΠΌΠΈ Ρ‚Π΅Π³Π° <title> информация Ρ‚Π΅Π³Π° <head> ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π½Π΅ отобраТаСтся Π² создаваСмом Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅. ΠŸΡ€Π΅Π΄ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Π½Π½Ρ‹ΠΉ для Π½Π΅Π΅ Ρ‚Π΅Π³ <meta> ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ для указания ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ…, Ρ‚Π°ΠΊΠΈΡ…, ΠΊΠ°ΠΊ свСдСния ΠΎΠ± Π°Π²Ρ‚ΠΎΡ€Π΅ Π΄Π°Π½Π½ΠΎΠΉ страницы, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Π² процСссС поиска ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова, ΠΈΠ»ΠΈ ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ΅ описаниС страницы, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΠΎΠ΅ ΠΊΠ°ΠΊ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ поиска. Π’Π΅Π³ <meta> позволяСт Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ Π²Π΅Π±-страницы Π΄Π°Π²Π°Ρ‚ΡŒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ указания Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ. ΠžΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΡ Π½Π° количСство добавляСмых Ρ‚Π΅Π³ΠΎΠ² <meta> Π½Π΅ сущСствуСт. Рассмотрим ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· Π½ΠΈΡ….

Поисковая информация
ΠŸΠΎΠΈΡΠΊΠΎΠ²Ρ‹Π΅ ΠΌΠ°ΡˆΠΈΠ½Ρ‹ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ содСрТимого Π²Π΅Π±-страниц Π² свои ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΈ. Когда ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° выполняСт поиск ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΌΡƒ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ слову, поисковая машина ΠΈΡ‰Π΅Ρ‚ это слово Π² своСм ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ ΠΈ Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ ссылки Π½Π° Web-страницы, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… это слово встрСчаСтся. Π”Π°Π½Π½Ρ‹ΠΉ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ. Но ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚Π΅ΡΡŒ ΠΏΡ€ΠΎΠ΄Π°ΠΆΠ΅ΠΉ нСдвиТимости ΠΈ ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΠΈΠ»ΠΈ Π½Π΅ΠΌΠ°Π»ΠΎ усилий Π½Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ собствСнной Π²Π΅Π±-страницы, Π³Π΄Π΅, ΠΏΠΎΠΌΠΈΠΌΠΎ ΠΏΡ€ΠΎΡ‡ΠΈΡ…, Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ слова Π΄ΠΎΠΌ, ΠΊΠ²Π°Ρ€Ρ‚ΠΈΡ€Π°, ΠΏΡ€ΠΎΠ΄Π°ΠΆΠ°, ΠΊΡ€Π΅Π΄ΠΈΡ‚ ΠΈ Ρ‚.ΠΏ., ΠΎΠ΄Π½Π°ΠΊΠΎ выраТСния Β«ΡƒΡŽΡ‚Π½ΠΎΠ΅ Π³Π½Π΅Π·Π΄Ρ‹ΡˆΠΊΠΎΒ» Ρ‚Π°ΠΌ Π½Π΅Ρ‚.

Если ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΏΠΎ этому Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ, Π²Π°ΡˆΡƒ Π²Π΅Π±-страницу ΠΎΠ½ Π½Π΅ Π½Π°ΠΉΠ΄Π΅Ρ‚. Π§Ρ‚ΠΎ ΠΆ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π΅Π³ <meta> для добавлСния Π² HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ слов ΠΈ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰ΠΈΡ… названия ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², мСсторасполоТСниС, тСхничСскиС Ρ‚Π΅Ρ€ΠΌΠΈΠ½Ρ‹, слова-синонимы, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ посСтитСли вашСй Π²Π΅Π±-страницы ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²Π»ΡΡ‚ΡŒ поиск ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. БущСствуСт Ρ‚Ρ€ΠΈ Ρ‚Π΅Π³Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ обнаруТСния поисковой машиной вашСй Web-страницы.

Β 
Β 

Keywords (ΠšΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова) ΠšΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌΠΈ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ слова, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ, вСроятнСС всСго, ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²Π»ΡΡ‚ΡŒΡΡ поиск вашСй Π²Π΅Π±-страницы, ΠΈΠ»ΠΈ синонимы слов, встрСчаСмых Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅.

Β 
Β 

Description (ОписаниС) ΠžΠ±Ρ‹Ρ‡Π½ΠΎ этот Ρ‚Π΅Π³ примСняСтся для добавлСния ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ³ΠΎ описания Π²Π΅Π±-страницы (Π½Π΅ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π°Π±Π·Π°Ρ†Π°). НСкоторыС поисковыС ΠΌΠ°ΡˆΠΈΠ½Ρ‹ ΠΈΠ·Π²Π»Π΅ΠΊΠ°ΡŽΡ‚ Π·Π°Π΄Π°Π½Π½ΡƒΡŽ Π² этом Ρ‚Π΅Π³Π΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΈ ΠΏΠΎΠ΄Π°ΡŽΡ‚ Π΅Π΅ ΠΊΠ°ΠΊ свСдСния ΠΎ Π½Π°ΠΉΠ΄Π΅Π½Π½ΠΎΠΉ страницС, ΠΎΠ΄Π½Π°ΠΊΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ для этих ΠΆΠ΅ Ρ†Π΅Π»Π΅ΠΉ просто ΠΈΠ·Π²Π»Π΅ΠΊΠ°ΡŽΡ‚ нСсколько ΠΏΠ΅Ρ€Π²Ρ‹Ρ… строк HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

Β 
Β 

Author (Автор) Π’ΠΎΡ‚, ΠΊΡ‚ΠΎ осущСствляСт поиск ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΏΠΎ Π²Π°ΡˆΠ΅ΠΌΡƒ ΠΈΠΌΠ΅Π½ΠΈ, Π½Π°ΠΉΠ΄Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π½Π½ΡƒΡŽ Π²Π°ΠΌΠΈ Π²Π΅Π±-страницу, Ссли Π²Ρ‹ ΡƒΠΊΠ°ΠΆΠ΅Ρ‚Π΅ своС имя, воспользовавшись этим Ρ‚Π΅Π³ΠΎΠΌ.

Β 
Β 

ΠœΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Π΅ для поисковых машин Π·Π°Π΄Π°ΡŽΡ‚ΡΡ ΠΏΠ°Ρ€Π°ΠΌΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ²: name ΠΈ contents. Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π΄Π°Π»Π΅Π΅ ΠΊΠΎΠ΄Π΅ HTML ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Π΅ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Ρ‚ΠΎ пСрСчислСнных Ρ‚Π΅Π³ΠΎΠ² <meta>. НС Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρ‚Π΅Π³ΠΈ <meta> ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ <head> HTML-Ρ„Π°ΠΉΠ»Π°.

<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>Моя HTML страница</title>
<meta name="keywords" contents="слова, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ
для поиска вашСй страницы" />
<meta name="description" contents="ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ΅ описаниС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°" />
<meta name="author" contents="Bame имя" />
</head>
<body>
<p>Π—Π΄Π΅ΡΡŒ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. </p>
</body>
</html>

ОбновлСниС ΠΈ ΠΏΠ΅Ρ€Π΅Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅
Π’ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… случаях Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΎΠ΄Π½Ρƒ страницу Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅Π½Π°ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ссылку. НапримСр, ΠΈΠ½ΠΎΠ³Π΄Π° для Π²Π΅Π±-страницы создаСтся заставка, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ врСмя отобраТаСмая Π½Π° экранС. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Ρ‚Π΅Π³ΠΎΠΌ <meta>, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π°Ρ‚ΡŒ ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ ΡΠΌΠ΅Π½ΠΈΡ‚ΡŒ содСрТаниС страницы Ρ‡Π΅Ρ€Π΅Π· Π·Π°Π΄Π°Π½Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΠΊ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Π΄ΠΎΠ±Π°Π²ΠΈΠ² Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ HTML ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π΄Π°Π»Π΅Π΅ ΠΊΠΎΠ΄.

<meta http-equiv="refresh" content="врСмя Π² сСкундах,
URL-адрСс Π½ΠΎΠ²ΠΎΠΉ страницы" />

Β 
Β 

Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π°-заставка β€” это Π½Π°Ρ‡Π°Π»ΡŒΠ½Π°Ρ страница, ΠΏΠΎΡΠ²Π»ΡΡŽΡ‰Π°ΡΡΡ ΠΏΠ΅Ρ€Π΅Π΄ основной ΠΈ слуТащая для отобраТСния Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Π²ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ). Если содСрТаниС вашСй Π²Π΅Π±-страницы постоянно обновляСтся ΠΈ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ посСтитСли Π²ΠΈΠ΄Π΅Π»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΅Π΅ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡΠ²Π΅ΠΆΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ, ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ собствСнный URL-адрСс Π΄Π°Π½Π½ΠΎΠΉ страницы Π² Ρ‚Π΅Π³Π΅ refresh. Когда Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π²ΠΈΠ΄ΠΈΡ‚ Ρ‚Π΅Π³ refresh, ΠΎΠ½ обращаСтся Π·Π° Π½ΠΎΠ²ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ ΠΏΠΎ ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΌΡƒ адрСсу Ρ‡Π΅Ρ€Π΅Π· Π·Π°Π΄Π°Π½Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΠΊ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

<meta http-equiv="refresh" content="врСмя Π² сСкундах,
URL-адрСс Π΄Π°Π½Π½ΠΎΠΉ страницы" />

Β 
Β 

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π½Π΅ всС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Π΄Π°Π½Π½ΡƒΡŽ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ, Π²Π°ΠΌ, ΠΊΠ°ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ Π²Π΅Π±-страницы, слСдуСт Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π° страницу-заставку ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ тСкстовый ΠΈΠ»ΠΈ графичСский элСмСнт, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŽ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ страницС.

Π”Π°Ρ‚Π° истСчСния срока
Если ваша Π²Π΅Π±-страница постоянно обновляСтся, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π² Ρ‚Π΅Π³Π΅ <meta> Π΄Π°Ρ‚Ρƒ истСчСния срока Π΅Π΅ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ²Π΅Ρ€Π΅Π½Π½Ρ‹ΠΌ, Ρ‡Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ своСврСмСнно осущСствит Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π΅Π΅ Π±ΠΎΠ»Π΅Π΅ свСТСй вСрсии (вмСсто отобраТСния старой вСрсии, которая ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ сохранСна Π² Π΅Π³ΠΎ памяти). ВзглянитС Π½Π° ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π΄Π°Π»Π΅Π΅ ΠΊΠΎΠ΄:

<meta http-equiv="expires" content="Wed, 03 April 2013 00:00:00 GMT" />

Β 
Β 

Если ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ URL-адрСс Ρ‚Π°ΠΊΠΎΠΉ Π²Π΅Π±-страницы, ΠΎΠ½ Π²Π½Π°Ρ‡Π°Π»Π΅ просмотрит свои Ρ„Π°ΠΉΠ»Ρ‹ ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, Π½Π΅ сохранСна Π»ΠΈ Π² Π½ΠΈΡ… копия Π΄Π°Π½Π½ΠΎΠΉ страницы. Если Π΄Π°, ΠΎΠ½ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π·Π°Π΄Π°Π½Π½ΡƒΡŽ Π² ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ… ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Π»ΠΈ данная копия являСтся Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ. Если указанная Π΄Π°Ρ‚Π° истСчСния срока ΡƒΠΆΠ΅ ΠΏΡ€ΠΎΡˆΠ»Π°, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Π½Π° экранС эту Π²Π΅Π±-страницу, обратится Π·Π° Π΅Π΅ Π±ΠΎΠ»Π΅Π΅ свСТСй вСрсиСй.

Π’Π΅Π³ΠΈ HTML, рассмотрСнныС Π² этом ΡƒΡ€ΠΎΠΊΠ΅
Β 
<p> </p> β€” ΠžΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ ΠΏΡ€Π΅Π΄Π΅Π»Ρ‹ ΠΎΠ΄Π½ΠΎΠ³ΠΎ тСкстового Π°Π±Π·Π°Ρ†Π°. ΠŸΠ΅Ρ€Π΅Π΄ Π°Π±Π·Π°Ρ†Π΅ΠΌ вставляСтся пустая строка
Β 
<b> </b> β€” Π—Π°Π΄Π°Π΅Ρ‚ для тСкста ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ начСртания
Β 
<strong> </strong> β€” Π—Π°Π΄Π°Π΅Ρ‚ для тСкста ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ начСртания
Β 
<big> </big> β€” Π£Π²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ Π½Π° ΠΎΠ΄ΠΈΠ½ ΠΏΡƒΠ½ΠΊΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π°
Β 
<br /> β€” Π Π°Π·Ρ€Ρ‹Π² строки. Π˜Π½ΠΈΡ†ΠΈΠΈΡ€ΡƒΠ΅Ρ‚ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ строкС
Β 
<em> </em> β€” Π—Π°Π΄Π°Π΅Ρ‚ для тСкста курсивный ΡΡ‚ΠΈΠ»ΡŒ начСртания
Β 
<i> </i> β€” Π—Π°Π΄Π°Π΅Ρ‚ для тСкста курсивный ΡΡ‚ΠΈΠ»ΡŒ начСртания
Β 
<h2> </h2> β€” Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ уровня
Β 
<h3> </h3> β€” Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ уровня
Β 
<h4> </h4> β€” Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅Π³ΠΎ уровня
Β 
<h5> </h5> β€” Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ‡Π΅Ρ‚Π²Π΅Ρ€Ρ‚ΠΎΠ³ΠΎ уровня
Β 
<h5> </h5> β€” Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ пятого уровня
Β 
<h6> </h6> β€” Π‘ΠΎΠ·Π΄Π°Π΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡˆΠ΅ΡΡ‚ΠΎΠ³ΠΎ уровня
Β 
<meta /> β€” Π˜Π΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅
Β 
<small> </small> β€” Π£ΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ Π½Π° ΠΎΠ΄ΠΈΠ½ ΠΏΡƒΠ½ΠΊΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π°
Β 
<sub> </sub> β€” Π—Π°Π΄Π°Π΅Ρ‚ Π½ΠΈΠΆΠ½ΠΈΠΉ (подстрочный) индСкс
Β 
<sup> </sup> β€” Π—Π°Π΄Π°Π΅Ρ‚ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ (надстрочный) индСкс
Β 
<tt> </tt> β€” Π—Π°Π΄Π°Π΅Ρ‚ для тСкста Ρ€Π°Π²Π½ΠΎΡˆΠΈΡ€ΠΈΠ½Π½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ (Ρ‚. Π΅. ΡˆΡ€ΠΈΡ„Ρ‚ с ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΉ фиксированной ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ символов)

Β 
Β 

По ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°ΠΌ ΠΊΠ½ΠΈΠ³ΠΈ Π”ΠΈΠ΄Ρ€Π΅ Π₯Π΅ΠΉΠ· «Освой ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ HTMLΒ«.

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ тСкста Π½Π° Π²Π΅Π±-страницах

Руководство ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠžΡ‚ΠΌΠ΅Π½Π°

Поиск

  1. Руководство ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Dreamweaver
  2. Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅
    1. ΠžΡΠ½ΠΎΠ²Ρ‹ Π³ΠΈΠ±ΠΊΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°
    2. НовыС возмоТности Dreamweaver
    3. Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Dreamweaver: ΠΎΠ±Π·ΠΎΡ€
    4. Dreamweaver / распространСнныС вопросы
    5. БочСтания клавиш
    6. БистСмныС трСбования Dreamweaver
    7. ΠžΠ±Π·ΠΎΡ€ Π½ΠΎΠ²Ρ‹Ρ… возмоТностСй
  3. Dreamweaver ΠΈ Creative Cloud
    1. Бинхронизация настроСк Dreamweaver с Creative Cloud
    2. Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Creative Cloud Libraries Π² Dreamweaver
    3. ИспользованиС Ρ„Π°ΠΉΠ»ΠΎΠ² Photoshop Π² Dreamweaver
    4. Π Π°Π±ΠΎΡ‚Π° с Adobe Animate ΠΈ Dreamweaver
    5. Π˜Π·Π²Π»Π΅Ρ‡Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»ΠΎΠ² SVG, ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°, ΠΈΠ· Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ
  4. Π Π°Π±ΠΎΡ‡ΠΈΠ΅ срСды ΠΈ прСдставлСния Dreamweaver
    1. Рабочая срСда Dreamweaver
    2. ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ срСды Dreamweaver для Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ
    3. Поиск Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΏΠΎ ΠΈΠΌΠ΅Π½ΠΈ ΠΈΠ»ΠΈ содСрТимому | Mac OS
  5. Настройка сайтов
    1. О сайтах Dreamweaver
    2. Настройка локальной вСрсии сайта
    3. ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΊ сСрвСру ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ
    4. Настройка тСстового сСрвСра
    5. Π˜ΠΌΠΏΠΎΡ€Ρ‚ ΠΈ экспорт ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² сайта Dreamweaver
    6. ΠŸΠ΅Ρ€Π΅Π½ΠΎΡ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Π²Π΅Π±-сайтов с ΡƒΠ΄Π°Π»Π΅Π½Π½ΠΎΠ³ΠΎ сСрвСра Π² ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ локального сайта
    7. Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ возмоТности Π² Dreamweaver
    8. Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ настройки
    9. Настройка установок сайта для ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ²
    10. Π—Π°Π΄Π°Π½ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² прокси-сСрвСра Π² Dreamweaver
    11. Бинхронизация настроСк Dreamweaver с Creative Cloud
    12. ИспользованиС Git в Dreamweaver
  6. Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ
    1. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Ρ„Π°ΠΉΠ»ΠΎΠ²
    2. Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ ΠΈ ΠΏΠ°ΠΏΠΊΠ°ΠΌΠΈ
    3. ΠŸΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»ΠΎΠ² с сСрвСра ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ ΠΈΡ… Π½Π° Π½Π΅ΠΌ
    4. Π’ΠΎΠ·Π²Ρ€Π°Ρ‚ ΠΈ ΠΈΠ·Π²Π»Π΅Ρ‡Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»ΠΎΠ²
    5. Бинхронизация Ρ„Π°ΠΉΠ»ΠΎΠ²
    6. Π‘Ρ€Π°Π²Π½Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»ΠΎΠ²
    7. Π‘ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈ ΠΏΠ°ΠΏΠΎΠΊ Π½Π° сайтС Dreamweaver
    8. Π’ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π·Π°ΠΌΠ΅Ρ‚ΠΎΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° для сайтов Dreamweaver
    9. ΠŸΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅ использования уязвимости Gatekeeper
  7. ΠœΠ°ΠΊΠ΅Ρ‚ ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅
    1. ИспользованиС срСдств Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ для создания ΠΌΠ°ΠΊΠ΅Ρ‚Π°
    2. Об использовании CSS для создания ΠΌΠ°ΠΊΠ΅Ρ‚Π° страницы
    3. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π½Ρ‹Ρ… Π²Π΅Π±-сайтов с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Bootstrap
    4. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ использованиС мСдиазапросов Π² Dreamweaver
    5. ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²Π»Π΅Π½ΠΈΠ΅ содСрТимого Π² Ρ‚Π°Π±Π»ΠΈΡ†Π°Ρ…
    6. Π¦Π²Π΅Ρ‚Π°
    7. Π“ΠΈΠ±ΠΊΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ с использованиСм Β«Ρ€Π΅Π·ΠΈΠ½ΠΎΠ²Ρ‹Ρ…Β» ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ²
    8. Extract Π² Dreamweaver
  8. CSS
    1. ΠžΠ±Ρ‰ΠΈΠ΅ свСдСния ΠΎ каскадных Ρ‚Π°Π±Π»ΠΈΡ†Π°Ρ… стилСй
    2. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² страниц с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ конструктора CSS
    3. ИспользованиС прСпроцСссоров CSS Π² Dreamweaver
    4. Установка настроСк стиля CSS Π² Dreamweaver
    5. ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ ΠΏΡ€Π°Π²ΠΈΠ» CSS Π² Dreamweaver
    6. ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ встроСнного CSS Π² ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ CSS Π² Dreamweaver
    7. Π Π°Π±ΠΎΡ‚Π° с Ρ‚Π΅Π³Π°ΠΌΠΈ div
    8. ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΊ Ρ„ΠΎΠ½Ρƒ
    9. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ эффСктов ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° CSS3 Π² Dreamweaver
    10. Π€ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°
  9. Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ страницы ΠΈ рСсурсы
    1. Π—Π°Π΄Π°Π½ΠΈΠ΅ свойств страницы
    2. Π—Π°Π΄Π°Π½ΠΈΠ΅ свойств Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° CSS ΠΈ свойств ссылки CSS
    3. Π Π°Π±ΠΎΡ‚Π° с тСкстом
    4. Поиск ΠΈ Π·Π°ΠΌΠ΅Π½Π° тСкста, Ρ‚Π΅Π³ΠΎΠ² ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ²
    5. ПанСль DOM
    6. Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ просмотра
    7. ΠšΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠ° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Π² Dreamweaver
    8. Π’Ρ‹Π±ΠΎΡ€ ΠΈ просмотр элСмСнтов Π² ΠΎΠΊΠ½Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°
    9. Π—Π°Π΄Π°Π½ΠΈΠ΅ свойств тСкста Π² инспСкторС свойств
    10. ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ΠΎΡ€Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π½Π° Π²Π΅Π±-страницС
    11. ИспользованиС Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Π»ΠΈΠ½Π΅Π΅ΠΊ Π² Dreamweaver
    12. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ сочСтаний ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π² Adobe Dreamweaver
    13. Π Π°Π±ΠΎΡ‚Π° с рСсурсами
    14. Вставка ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π΄Π°Ρ‚Ρ‹ Π² Dreamweaver
    15. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈΠ·Π±Ρ€Π°Π½Π½Ρ‹ΠΌΠΈ рСсурсами Π² Dreamweaver
    16. Вставка ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Dreamweaver
    17. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠΉΠ½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²
    18. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ Dreamweaver
    19. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ HTML5
    20. Вставка Ρ„Π°ΠΉΠ»ΠΎΠ² SWF
    21. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π·Π²ΡƒΠΊΠΎΠ²Ρ‹Ρ… эффСктов
    22. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π°ΡƒΠ΄ΠΈΠΎ HTML5 Π² Dreamweaver
    23. Π Π°Π±ΠΎΡ‚Π° с элСмСнтами Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ
    24. ИспользованиС тСкста Π½Π° арабском языкС ΠΈ ΠΈΠ²Ρ€ΠΈΡ‚Π΅ Π² Dreamweaver
  10. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ссылок ΠΈ навигация
    1. О создании ссылок ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ
    2. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ссылок
    3. ΠšΠ°Ρ€Ρ‚Ρ‹ ссылок
    4. УстранСниС Π½Π΅ΠΏΠΎΠ»Π°Π΄ΠΎΠΊ со ссылками
  11. ГрафичСскиС элСмСнты ΠΈ эффСкты jQuery
    1. ИспользованиС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса ΠΈ графичСских элСмСнтов jQuery для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств Π² Dreamweaver
    2. ИспользованиС эффСктов jQuery Π² Dreamweaver
  12. НаписаниС ΠΊΠΎΠ΄Π° Π²Π΅Π±-сайтов
    1. О ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ Π² Dreamweaver
    2. Π‘Ρ€Π΅Π΄Π° написания ΠΊΠΎΠ΄Π° Π² Dreamweaver
    3. Настройка ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² написания ΠΊΠΎΠ΄Π°
    4. Настройка Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠ³ΠΎ оформлСния ΠΊΠΎΠ΄Π°
    5. НаписаниС ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°
    6. Подсказки ΠΏΠΎ ΠΊΠΎΠ΄Ρƒ ΠΈ Π°Π²Ρ‚ΠΎΠ·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°
    7. Π‘Π²Π΅Ρ€Ρ‚Ρ‹Π²Π°Π½ΠΈΠ΅ ΠΈ Ρ€Π°Π·Π²Π΅Ρ€Ρ‚Ρ‹Π²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°
    8. ΠŸΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠ΅ использованиС Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΊΠΎΠ΄Π°
    9. Анализ Linting для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΠΊΠΎΠ΄Π°
    10. ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ ΠΊΠΎΠ΄Π°
    11. Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Π² прСдставлСнии Β«Π”ΠΈΠ·Π°ΠΉΠ½Β»
    12. Π Π°Π±ΠΎΡ‚Π° с содСрТимым Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² для страниц
    13. Вставка сСрвСрных Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ Π² Dreamweaver
    14. ИспользованиС Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ Ρ‚Π΅Π³ΠΎΠ² Π² Dreamweaver
    15. Π˜ΠΌΠΏΠΎΡ€Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… Ρ‚Π΅Π³ΠΎΠ² Π² Dreamweaver
    16. ИспользованиС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² повСдСния JavaScript (ΠΎΠ±Ρ‰ΠΈΠ΅ инструкции)
    17. ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ встроСнных Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² повСдСния JavaScript
    18. БвСдСния об XML и XSLT
    19. Π’Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ XSL-прСобразования Π½Π° сторонС сСрвСра Π² Dreamweaver
    20. Π’Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ XSL-прСобразования Π½Π° сторонС ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π° Π² Dreamweaver
    21. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»ΡŒΠ½Ρ‹Ρ… сущностСй для XSLT Π² Dreamweaver
    22. Π€ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°
  13. ΠŸΡ€ΠΎΡ†Π΅ΡΡΡ‹ взаимодСйствия ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²
    1. Установка ΠΈ использованиС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Π² Dreamweaver
    2. ОбновлСния Π² Dreamweaver, устанавливаСмыС Ρ‡Π΅Ρ€Π΅Π· ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅
    3. Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Microsoft Office Π² Dreamweaver (Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Windows)
    4. Π Π°Π±ΠΎΡ‚Π° с Fireworks ΠΈ Dreamweaver
    5. Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ содСрТимого Π½Π° сайтах Dreamweaver с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Contribute
    6. Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ Dreamweaver с Business Catalyst
    7. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ пСрсонализированных ΠΊΠ°ΠΌΠΏΠ°Π½ΠΈΠΉ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²ΠΎΠΉ рассылки
  14. Π¨Π°Π±Π»ΠΎΠ½Ρ‹
    1. О ΡˆΠ°Π±Π»ΠΎΠ½Π°Ρ… Dreamweaver
    2. РаспознаваниС шаблонов ΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Π½Π° ΠΈΡ… основС
    3. БозданиС шаблона Dreamweaver
    4. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Ρ… областСй Π² ΡˆΠ°Π±Π»ΠΎΠ½Π°Ρ…
    5. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰ΠΈΡ…ΡΡ областСй ΠΈ Ρ‚Π°Π±Π»ΠΈΡ† Π² Dreamweaver
    6. ИспользованиС Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… областСй Π² ΡˆΠ°Π±Π»ΠΎΠ½Π°Ρ…
    7. ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² Ρ‚Π΅Π³Π° Π² Dreamweaver
    8. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Ρ… шаблонов Π² Dreamweaver
    9. Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ ΠΈ ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ шаблонов
    10. Экспорт ΠΈ ΠΈΠΌΠΏΠΎΡ€Ρ‚ XML-содСрТимого Π² Dreamweaver
    11. ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ шаблона ΠΈΠ· ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°
    12. Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ содСрТимого Π² ΡˆΠ°Π±Π»ΠΎΠ½Π°Ρ… Dreamweaver
    13. ΠŸΡ€Π°Π²ΠΈΠ»Π° синтаксиса для Ρ‚Π΅Π³ΠΎΠ² шаблона Π² Dreamweaver
    14. Настройка ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚Π΅Π½ΠΈΠΉ выдСлСния для областСй шаблона
    15. ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²Π° использования шаблонов Π² Dreamweaver
  15. ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ ΠΈ многоэкранныС устройства
    1. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ мСдиазапросов
    2. ИзмСнСниС ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ страницы для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств
    3. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Dreamweaver
  16. ДинамичСскиС сайты, страницы ΠΈ Π²Π΅Π±-Ρ„ΠΎΡ€ΠΌΡ‹
    1. ΠžΠ±Ρ‰ΠΈΠ΅ свСдСния ΠΎ Π²Π΅Π±-прилоТСниях
    2. Настройка ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π° для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ
    3. УстранСниС Π½Π΅ΠΏΠΎΠ»Π°Π΄ΠΎΠΊ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ ΠΊ Π±Π°Π·Π°ΠΌ Π΄Π°Π½Π½Ρ‹Ρ…
    4. Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ сцСнариСв ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Π² Dreamweaver
    5. Π”ΠΈΠ·Π°ΠΉΠ½ динамичСских страниц
    6. ΠžΠ±Π·ΠΎΡ€ динамичСских источников содСрТимого
    7. ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ источников динамичСского содСрТимого
    8. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ динамичСского содСрТимого Π½Π° страницы
    9. ИзмСнСниС динамичСского содСрТимого Π² Dreamweaver
    10. ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ записСй Π±Π°Π· Π΄Π°Π½Π½Ρ‹Ρ…
    11. Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ устранСниС Π½Π΅ΠΏΠΎΠ»Π°Π΄ΠΎΠΊ с Π½ΠΈΠΌΠΈ Π² Dreamweaver
    12. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π·Π°ΠΊΠ°Π·Π½Ρ‹Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² повСдСния сСрвСра Π² Dreamweaver
    13. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Dreamweaver
    14. ИспользованиС Ρ„ΠΎΡ€ΠΌ для сбора ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ
    15. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌ ColdFusion Π² Dreamweaver
    16. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±-Ρ„ΠΎΡ€ΠΌ
    17. Π Π°ΡΡˆΠΈΡ€Π΅Π½Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° HTML5 для ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² Ρ„ΠΎΡ€ΠΌΡ‹
    18. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Ρ„ΠΎΡ€ΠΌΡ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Dreamweaver
  17. Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ построСниС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ
    1. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π³Π»Π°Π²Π½ΠΎΠΉ страницы ΠΈ страницы свСдСний Π² Dreamweaver
    2. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ страниц поиска ΠΈ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² поиска
    3. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ страницы для вставки записи
    4. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ страницы обновлСния записи Π² Dreamweaver
    5. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ страниц удалСния записСй Π² Dreamweaver
    6. ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ASP-ΠΊΠΎΠΌΠ°Π½Π΄ для измСнСния Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ… Π² Dreamweaver
    7. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ страницы рСгистрации
    8. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ страницы Π²Ρ…ΠΎΠ΄Π°
    9. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ страницы с доступом Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ
    10. Π—Π°Ρ‰ΠΈΡ‚Π° ΠΏΠ°ΠΏΠΎΠΊ Π² ColdFusion с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Dreamweaver
    11. ИспользованиС ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ColdFusion Π² Dreamweaver
  18. ВСстированиС, просмотр ΠΈ публикация Π²Π΅Π±-сайтов
    1. ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр страниц
    2. ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр Π²Π΅Π±-страниц Dreamweaver Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… устройствах
    3. ВСстированиС сайта Dreamweaver

Β 

Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ просмотра, Π² прСдставлСнии ΠΊΠΎΠ΄Π° ΠΈΠ»ΠΈ ΠΏΡƒΡ‚Π΅ΠΌ извлСчСния тСкста ΠΈ связанных свойств ΠΈΠ· Ρ„Π°ΠΉΠ»ΠΎΠ² PSD.

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ тСкста Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ тСкст Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Dreamweaver, ΠΌΠΎΠΆΠ½ΠΎ ввСсти Π΅Π³ΠΎ нСпосрСдствСнно Π² области «Окно Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Β» ΠΈΠ»ΠΈ Π²Ρ‹Ρ€Π΅Π·Π°Ρ‚ΡŒ ΠΈ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ. МоТно Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст ΠΈΠ· Π΄Ρ€ΡƒΠ³ΠΈΡ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ².

Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ тСкст Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Dreamweaver ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· Π΄Π²ΡƒΡ… ΠΊΠΎΠΌΠ°Π½Π΄ β€” Β«Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒΒ» ΠΈΠ»ΠΈ Β«Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ вставка». Команда Β«Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ вставка» позволяСт ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ вставляСмого тСкста Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ способами. НапримСр, Ссли трСбуСтся Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Dreamweaver тСкст ΠΈΠ· Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Microsoft Word, Π½ΠΎ всС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ для примСнСния ΠΊ вставлСнному тСксту собствСнного CSS-стиля, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ тСкст Π² Word, ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² Π±ΡƒΡ„Π΅Ρ€ ΠΎΠ±ΠΌΠ΅Π½Π° ΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ Β«Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ вставка» для Π²Ρ‹Π±ΠΎΡ€Π° Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° вставки Ρ‚ΠΎΠ»ΡŒΠΊΠΎ тСкста.

ΠŸΡ€ΠΈ вставкС тСкста ΠΈΠ· Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Β«Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒΒ» ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ установки вставки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅.

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ сочСтаний клавиш Β«CtrlΒ» + Β«VΒ» (Windows) ΠΈΠ»ΠΈ Β«CommandΒ» + Β«VΒ» (Macintosh) Π² прСдставлСнии «Код» всСгда вставляСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ тСкст (Π±Π΅Π· форматирования).

  1. Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ тСкст Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… дСйствий:

    • Π˜Π·Π²Π»Π΅ΠΊΠ°ΠΉΡ‚Π΅ тСкст ΠΈΠ· ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΉΒ PSD с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ°Π½Π΅Π»ΠΈΒ Extract. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹Π΅ свСдСния см. Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ ΠšΠΎΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ тСкста ΠΈΠ· Ρ„Π°ΠΉΠ»ΠΎΠ² PSD.
    • Π’Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст нСпосрСдствСнно Π² области «Окно Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Β».
    • Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ тСкст ΠΈΠ· Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π²Β Dreamweaver, располоТитС курсор Π² прСдставлСнии Β«Π”ΠΈΠ·Π°ΠΉΠ½Β» Π² ΠΎΠΊΠ½Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π² мСню Β«ΠŸΡ€Π°Π²ΠΊΠ°Β > Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒΒ» ΠΈΠ»ΠΈ Β«ΠŸΡ€Π°Π²ΠΊΠ°Β > Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ вставка».

    ΠŸΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Β«ΠŸΡ€Π°Π²ΠΊΠ°Β» > Β«Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ вставка» доступны нСсколько Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² форматирования.

    ВСкст ΠΌΠΎΠΆΠ½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… сочСтаний клавиш.

    Β 

    Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ вставки

    ΠšΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡ клавиш

    Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ

    Β«CtrlΒ» + Β«VΒ» (Windows)

    Β«CommandΒ» + Β«VΒ» (Macintosh)

    Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ вставка

    Β«CtrlΒ» + Β«ShiftΒ» + Β«VΒ» (Windows)

    Β«CommandΒ» + Β«ShiftΒ» + Β«VΒ» (Macintosh)

    Β 

Вставка ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… символов

НСкоторыС ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ символы прСдставлСны Π² HTML ΠΈΠΌΠ΅Π½Π΅ΠΌ ΠΈΠ»ΠΈ числом, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ называСтся ΡΡƒΡ‰Π½ΠΎΡΡ‚ΡŒΡŽ. HTML содСрТит ΠΈΠΌΠ΅Π½Π° сущностСй для Ρ‚Π°ΠΊΠΈΡ… символов, ΠΊΠ°ΠΊ Π·Π½Π°ΠΊ авторских ΠΏΡ€Π°Π² (&#38;copy;), ампСрсанд (&#38;amp;) ΠΈΠ»ΠΈ зарСгистрированная торговая ΠΌΠ°Ρ€ΠΊΠ° (&#38;reg;). КаТдая ΡΡƒΡ‰Π½ΠΎΡΡ‚ΡŒ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠ°ΠΊ имя (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, &#38;mdash;), Ρ‚Π°ΠΊ ΠΈ числовой эквивалСнт (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, &#38;#151;).

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅.

Π’ HTML ΡƒΠ³Π»ΠΎΠ²Ρ‹Π΅ скобки Β«<>Β» ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² самом ΠΊΠΎΠ΄Π΅, ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ Π²Ρ‹Ρ€Π°Π·ΠΈΡ‚ΡŒ собствСнно символы «большС» ΠΈΠ»ΠΈ «мСньшС», Π½Π΅ интСрпрСтируя ΠΈΡ… ΠΊΠ°ΠΊ ΠΊΠΎΠ΄. Π’ этом случаС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ &#38;gt; ΠΊΠ°ΠΊ символ «большС» (>), Π° &#38;lt;Β β€” ΠΊΠ°ΠΊ символ «мСньшС» (<).

К соТалСнию, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ старыС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½Π½Ρ‹Ρ… сущностСй.

  1. Π’ области «Окно Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Β» располоТитС курсор Π² мСстС, Π³Π΄Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ символ.

  2. Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΎΠ΄Π½ΠΎ ΠΈΠ· дСйствий, описанных Π½ΠΈΠΆΠ΅.

    ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅.

    Доступно мноТСство Π΄Ρ€ΡƒΠ³ΠΈΡ… символов. Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΡ…, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ мСню «Вставка» > Β«HTMLΒ» > Β«Π‘ΠΈΠΌΠ²ΠΎΠ»Β» > Β«Π”Ρ€ΡƒΠ³ΠΎΠΉ…Β» ΠΈΠ»ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π‘ΠΈΠΌΠ²ΠΎΠ»Ρ‹Β» Π² ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Β«HTMLΒ» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ «Вставка» ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΡƒΠ½ΠΊΡ‚ Β«Π”Ρ€ΡƒΠ³ΠΈΠ΅ символы». Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ символ Π² Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ Β«Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ символ» ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ «ОК».

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π΅Π»Π° ΠΌΠ΅ΠΆΠ΄Ρƒ символами

HTML позволяСт Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΌΠ΅ΠΆΠ΄Ρƒ символами Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΠΏΡ€ΠΎΠ±Π΅Π»; Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅Ρ€Π°Π·Ρ€Ρ‹Π²Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹. МоТно Π·Π°Π΄Π°Ρ‚ΡŒ Π² настройках автоматичСскоС Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π½Π΅Ρ€Π°Π·Ρ€Ρ‹Π²Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ².

Вставка Π½Π΅Ρ€Π°Π·Ρ€Ρ‹Π²Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ±Π΅Π»Π°

  1. Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… дСйствий:

    • Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ мСню «Вставка» > Β«HTMLΒ» > Β«Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ символы» > «НСразрывный ΠΏΡ€ΠΎΠ±Π΅Π»Β».

    • НаТмитС сочСтаниС клавиш Β«CtrlΒ» + Β«ShiftΒ» + Β«ΠŸΡ€ΠΎΠ±Π΅Π»Β» (Windows) ΠΈΠ»ΠΈ Β«OptionΒ» + Β«ΠŸΡ€ΠΎΠ±Π΅Π»Β» (Macintosh).

    • На ΠΏΠ°Π½Π΅Π»ΠΈ «Вставка» Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«HTMLΒ», Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π‘ΠΈΠΌΠ²ΠΎΠ»Ρ‹Β» ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π΅Ρ€Π°Π·Ρ€Ρ‹Π²Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΠ±Π΅Π».

Настройка добавлСния Π½Π΅Ρ€Π°Π·Ρ€Ρ‹Π²Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ²

  1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ мСню Β«ΠŸΡ€Π°Π²ΠΊΠ°Β > Настройки» (Windows) ΠΈΠ»ΠΈ Β«DreamweaverΒ > Настройки» (Macintosh).

  2. Π’ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Β«ΠžΠ±Ρ‰ΠΈΠ΅Β» ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ установлСн Ρ„Π»Π°ΠΆΠΎΠΊ Β«Π Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ нСсколько ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ²Β».

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»ΠΎΠ² ΠΌΠ΅ΠΆΠ΄Ρƒ Π°Π±Π·Π°Ρ†Π°ΠΌΠΈ

Dreamweaver Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎ мноТСству Π΄Ρ€ΡƒΠ³ΠΈΡ… тСкстовых процСссоров: ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ клавиши Enter (Windows) ΠΈΠ»ΠΈ Return (Macintosh) создаСтся Π½ΠΎΠ²Ρ‹ΠΉ Π°Π±Π·Π°Ρ†. Π’Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ автоматичСски Π²ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΌΠ΅ΠΆΠ΄Ρƒ Π°Π±Π·Π°Ρ†Π°ΠΌΠΈ ΠΏΡƒΡΡ‚ΡƒΡŽ строку. МоТно Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΏΡƒΡΡ‚ΡƒΡŽ строку ΠΌΠ΅ΠΆΠ΄Ρƒ Π°Π±Π·Π°Ρ†Π°ΠΌΠΈ, вставив Ρ€Π°Π·Ρ€Ρ‹Π² строки.

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ символа ΠΊΠΎΠ½Ρ†Π° Π°Π±Π·Π°Ρ†Π°

  1. НаТмитС ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Enter (Windows) ΠΈΠ»ΠΈ Return (Macintosh).

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ€Π°Π·Ρ€Ρ‹Π²Π° строки

  1. Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… дСйствий:

    • НаТмитС сочСтаниС клавиш Β«ShiftΒ» + Β«EnterΒ» (Windows) ΠΈΠ»ΠΈ Β«ShiftΒ» + Β«ReturnΒ» (Macintosh).

    • Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ «Вставка» > Β«HTMLΒ» > Β«Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ символы» > Β«ΠšΠΎΠ½Π΅Ρ† строки».

    • На ΠΏΠ°Π½Π΅Π»ΠΈ «Вставка» Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«HTMLΒ», Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π‘ΠΈΠΌΠ²ΠΎΠ»Ρ‹Β» ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΊΠΎΠ½Π΅Ρ† строки.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΈ Π½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… списков

МоТно ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ (сортированныС), ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ (нСсортированныС) списки, Π° Ρ‚Π°ΠΊΠΆΠ΅ списки ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ Π½Π° основС ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ ΠΈΠ»ΠΈ Π½ΠΎΠ²ΠΎΠ³ΠΎ тСкста Π² области «Окно Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Β».

Π’ списках ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹Π΅ символы Ρ‚ΠΈΠΏΠ° ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠ² ΠΈΠ»ΠΈ Π½ΠΎΠΌΠ΅Ρ€ΠΎΠ², ΠΈ ΠΎΠ½ΠΈ часто ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ для глоссариСв ΠΈΠ»ΠΈ описаний. Бписки Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΌΠΈ. Π’Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Π΅ списки β€” это списки, содСрТащиС Π΄Ρ€ΡƒΠ³ΠΈΠ΅ списки. НапримСр, ΠΌΠΎΠΆΠ½ΠΎ Π²Π»ΠΎΠΆΠΈΡ‚ΡŒ упорядочСнный ΠΈΠ»ΠΈ ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ список Π²Π½ΡƒΡ‚Ρ€ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Π½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ отсортированного списка.

Π’ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ «Бвойства списка» ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ внСшний Π²ΠΈΠ΄ всСго списка ΠΈΠ»ΠΈ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΅Π³ΠΎ элСмСнта. МоТно Π·Π°Π΄Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΠΈ, ΡΠ±Ρ€ΠΎΡΠΈΡ‚ΡŒ Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΡŽ ΠΈΠ»ΠΈ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ стиля ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠ² для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… элСмСнтов списка ΠΈΠ»ΠΈ для всСго списка.

БозданиС нового списка

  1. Π’ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ Dreamweaver располоТитС курсор Π² мСстС, Π³Π΄Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ список, послС Ρ‡Π΅Π³ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… дСйствий:

    • Π’ инспСкторС свойств HTML Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«ΠžΡ‚ΡΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ список» ΠΈΠ»ΠΈ Β«Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ списка».

    • ВыбСритС «Вставка» > Β«HTMLΒ» ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Ρ‚ΠΈΠΏ списка — «НСсортированный список» (ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ список), Β«ΠžΡ‚ΡΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ список» (Π½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ список).

      Π’ области «Окно Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Β» появится Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΉ символ элСмСнта ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠ³ΠΎ списка.

  2. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст элСмСнта ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Enter (Windows) ΠΈΠ»ΠΈ Return (Macintosh), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΎΡ‡Π΅Ρ€Π΅Π΄Π½ΠΎΠΉ элСмСнт списка.

  3. Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π²Π΅Ρ€ΡˆΠΈΡ‚ΡŒ созданиС списка, Π΄Π²Π°ΠΆΠ΄Ρ‹ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Enter (Windows) ΠΈΠ»ΠΈ Return (Macintosh).

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ списка Π½Π° основС ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ тСкста

  1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π°Π±Π·Π°Ρ†Π΅Π², ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ список.

  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ «Вставка» > Β«HTMLΒ» > «НСсортированный список», «УпорядочСнный список» ΠΈΠ»ΠΈ Β«Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ списка».

БозданиС влоТСнного списка

  1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ элСмСнты списка, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²Π»ΠΎΠΆΠΈΡ‚ΡŒ.

  2. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ «Бписок» > Β«ΠžΡ‚ΡΡ‚ΡƒΠΏΒ».

    Dreamweaver сдСлаСт отступ Π² тСкстС ΠΈ создаст ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ список с исходными Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°ΠΌΠΈ списка Π² HTML.

  3. Новый Ρ‚ΠΈΠΏ ΠΈΠ»ΠΈ ΡΡ‚ΠΈΠ»ΡŒ списка ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊ тСксту с отступом с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚ΠΎΠΉ ΠΆΠ΅ ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹, которая описана Π²Ρ‹ΡˆΠ΅.

Π—Π°Π΄Π°Π½ΠΈΠ΅ свойств для всСго списка

  1. Π’ области «Окно Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Β» создайтС ΠΊΠ°ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ ΠΎΠ΄ΠΈΠ½ элСмСнт списка. Новый ΡΡ‚ΠΈΠ»ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ автоматичСски ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ ΠΊ добавляСмым Π² этот список элСмСнтам.

  2. Когда курсор находится Π² тСкстС элСмСнта списка, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ «Бписок» > «Бвойства». БистСма ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ «Бвойства списка».

  3. Π—Π°Π΄Π°ΠΉΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ для списка:

    Вип списка

    Π£ΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ свойства списка, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Β«Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ списка» ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π΅Π³ΠΎ элСмСнт. Π’ΠΎ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌ мСню ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ, Π½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ список, список Π² Π²ΠΈΠ΄Π΅ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° ΠΈΠ»ΠΈ мСню. Π’ зависимости ΠΎΡ‚ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° списка Π² Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Ρ€Π°Π·Π½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹.

    Π‘Ρ‚ΠΈΠ»ΡŒ

    ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚ ΡΡ‚ΠΈΠ»ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π² Π½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Π½Π½ΠΎΠΌ ΠΈΠ»ΠΈ ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΌ спискС Π½ΠΎΠΌΠ΅Ρ€ΠΎΠ² ΠΈΠ»ΠΈ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠ². Π­Ρ‚ΠΎΡ‚ ΡΡ‚ΠΈΠ»ΡŒ распространяСтся Π½Π° всС элСмСнты списка, для ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½ Π½ΠΎΠ²Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ.

    Π—Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ счСтчик

    Π—Π°Π΄Π°Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ элСмСнта Π½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ списка.

  4. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ΄Ρ‚Π²Π΅Ρ€Π΄ΠΈΡ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ «ОК».

Π—Π°Π΄Π°Π½ΠΈΠ΅ свойств для элСмСнта списка

  1. Π’ области «Окно Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Β» располоТитС курсор Π² тСкстС элСмСнта списка, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ

  2. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ «Бписок» > «Бвойства».

  3. Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ Β«Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ списка» Π·Π°Π΄Π°ΠΉΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹:

    Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ

    Π£ΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΡΡ‚ΠΈΠ»ΡŒ для Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ элСмСнта списка. Π‘Ρ‚ΠΈΠ»ΠΈ Π² мСню Β«Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒΒ» относятся ΠΊ Ρ‚ΠΈΠΏΡƒ, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΠΎΠΌΡƒ Π² мСню Β«Π’ΠΈΠΏ списка». НапримСр, Ссли Π² мСню Β«Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ списка» отобраТаСтся Ρ‚ΠΈΠΏ Β«ΠœΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ список», Π² мСню Β«Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒΒ» доступны Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠ².

    Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ счСтчика

    Π—Π°Π΄Π°Π΅Ρ‚ число, с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ начинаСтся нумСрация элСмСнтов списка.

  4. Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ «ОК».

Поиск ΠΈ Π·Π°ΠΌΠ΅Π½Π° тСкста

Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ поискС ΠΈ Π·Π°ΠΌΠ΅Π½Π΅ тСкста см. Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Поиск ΠΈ Π·Π°ΠΌΠ΅Π½Π° тСкста.

ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€ ΠΈ Π°ΠΊΡ€ΠΎΠ½ΠΈΠΌΠΎΠ²

HTML ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ‚Π΅Π³ΠΈ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠ΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ ΠΈ Π°ΠΊΡ€ΠΎΠ½ΠΈΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π½Π° страницС для поисковых ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΠΎΠ², срСдств ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΠΎΡ€Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ языкового ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π° ΠΈΠ»ΠΈ синтСзаторов Ρ€Π΅Ρ‡ΠΈ. НапримСр, ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€Π° ИМ Π² страницС ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Β«ΠΈΠ½ΠΆΠ΅Π½Π΅Ρ€-ΠΌΠ΅Ρ…Π°Π½ΠΈΠΊΒ», Π° Π’ΠžΠ— β€” «ВсСмирная организация здравоохранСния».

  1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρƒ ΠΈΠ»ΠΈ Π°ΠΊΡ€ΠΎΠ½ΠΈΠΌ Π² тСкстС страницы.

  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ мСню «Вставка» > Β«HTMLΒ» > Β«ΠžΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ тСкста» > «АббрСвиатура» ΠΈΠ»ΠΈ «Вставка» > Β«HTMLΒ» > Β«ΠžΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ тСкста» > «Акроним».

  3. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΏΠΎΠ»Π½Ρ‹ΠΉ тСкст Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ ΠΈΠ»ΠΈ сокращСния.

  4. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ язык, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ en β€” английский, ru β€” русский ΠΈΠ»ΠΈ uk β€” украинский.

Π—Π°Π΄Π°Π½ΠΈΠ΅ установок копирования ΠΈ вставки

МоТно ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ особыС установки вставки для использования ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Β«ΠŸΡ€Π°Π²ΠΊΠ°Β» > Β«Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒΒ» ΠΏΡ€ΠΈ вставкС тСкста ΠΈΠ· Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. НапримСр, Ссли тСкст всСгда трСбуСтся Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π² чистом Π²ΠΈΠ΄Π΅ ΠΈΠ»ΠΈ с простым Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ, ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ установки ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ Β«ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ копирования/вставки».

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅.

Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ тСкст Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Dreamweaver ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· Π΄Π²ΡƒΡ… ΠΊΠΎΠΌΠ°Π½Π΄ β€” Β«Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒΒ» ΠΈΠ»ΠΈ Β«Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ вставка». Команда Β«Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ вставка» позволяСт ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ вставляСмого тСкста Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ способами. НапримСр, Ссли трСбуСтся Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Dreamweaver тСкст ΠΈΠ· Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Microsoft Word, Π½ΠΎ всС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ для примСнСния ΠΊ вставлСнному тСксту собствСнного CSS-стиля, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ тСкст Π² Word, ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² Π±ΡƒΡ„Π΅Ρ€ ΠΎΠ±ΠΌΠ΅Π½Π° ΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ Β«Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ вставка» для Π²Ρ‹Π±ΠΎΡ€Π° Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° вставки Ρ‚ΠΎΠ»ΡŒΠΊΠΎ тСкста.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅.

Установки, Π·Π°Π΄Π°Π½Π½Ρ‹Π΅ Π² Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ Β«ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ копирования/вставки», ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρƒ, вставляСмому Π² прСдставлСниС Β«Π”ΠΈΠ·Π°ΠΉΠ½Β».

  1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ мСню Β«ΠŸΡ€Π°Π²ΠΊΠ°Β»Β > «Настройки» (Windows) ΠΈΠ»ΠΈ Β«Dreamweaver» > «Настройки» (Macintosh).

  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ Β«ΠšΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ/Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒΒ».

  3. Π—Π°Π΄Π°ΠΉΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ «ОК».

    Волько тСкст

    ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π½Π΅Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ тСкст. Если исходный тСкст Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½, всС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Ρ€Π°Π·Ρ€Ρ‹Π²Ρ‹ строк ΠΈ Π°Π±Π·Π°Ρ†Ρ‹, Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠ΄Π°Π»Π΅Π½ΠΎ.

    Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ тСкст

    ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ тСкст с сохранСниСм структуры, Π½ΠΎ Π±Π΅Π· простого форматирования. НапримСр, ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ тСкст с сохранСниСм структуры Π°Π±Π·Π°Ρ†Π΅Π², списков ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†, Π½ΠΎ Π±Π΅Π· сохранСния ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½ΠΎΠ³ΠΎ, курсивного начСртания ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ форматирования.

    Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ тСкст с простым Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ

    ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠ°ΠΊ структурированный, Ρ‚Π°ΠΊ ΠΈ простой HTML-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ тСкст (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π°Π±Π·Π°Ρ†Ρ‹ ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹, Π° Ρ‚Π°ΠΊΠΆΠ΅ тСкст с Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Ρ‚Π΅Π³Π°ΠΌΠΈ b, i, u, strong, em, hr, abbr ΠΈΠ»ΠΈ acronym).

    Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ тСкст с ΠΏΠΎΠ»Π½Ρ‹ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ

    ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ тСкст с сохранСниСм всСй структуры, HTML-форматирования ΠΈ CSS-стилСй.

    ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅.

    ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ «ПолноС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅Β» Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ CSS-стили ΠΈΠ· внСшнСй Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΈΠ»ΠΈ Π² Ρ‚ΠΎΠΌ случаС, Ссли ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ копируСтся тСкст, Π½Π΅ сохраняСт стили ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠ΅Ρ‰Π΅Π½ΠΈΠΈ тСкста Π² Π±ΡƒΡ„Π΅Ρ€ ΠΎΠ±ΠΌΠ΅Π½Π°.

    Π‘ΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Ρ€Π°Π·Ρ€Ρ‹Π²Ρ‹ строк

    ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Ρ€Π°Π·Ρ€Ρ‹Π²Ρ‹ строк Π²ΠΎ вставляСмом тСкстС. ΠŸΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° «Волько тСкст» этот ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ.

    Π£Π΄Π°Π»ΠΈΡ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ Π°Π±Π·Π°Ρ†Π°ΠΌΠΈ Word

    Если Π²Ρ‹Π±Ρ€Π°Π½ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Β«Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ тСкст» ΠΈΠ»ΠΈ Β«Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ тСкст с простым Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌΒ» ΠΈ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ лишнСС пространство ΠΌΠ΅ΠΆΠ΄Ρƒ Π°Π±Π·Π°Ρ†Π°ΠΌΠΈ ΠΏΡ€ΠΈ вставкС тСкста, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ этот ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€.

    ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Β«ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ автоматичСскиС ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ Π² прямыС» ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚ автоматичСскиС ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ Π² прямыС.

БвязанныС ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹

  • ВидСоруководство: Ρ€Π°Π±ΠΎΡ‚Π° с тСкстом HTML
  • Π˜Π·Π²Π»Π΅Ρ‡Π΅Π½ΠΈΠ΅ тСкста ΠΈΠ· Ρ„Π°ΠΉΠ»ΠΎΠ² PSD
  • Π—Π°Π΄Π°Π½ΠΈΠ΅ свойств CSS
  • ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ ΠΊΠΎΠ΄Π°
  • РСгулярныС выраТСния

Π’Ρ…ΠΎΠ΄ Π² ΡƒΡ‡Π΅Ρ‚Π½ΡƒΡŽ запись

Π’ΠΎΠΉΡ‚ΠΈ

Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡƒΡ‡Π΅Ρ‚Π½ΠΎΠΉ записью

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ тСкста Π½Π° Π½Π°ΡˆΡƒ HTML-страницу

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ ΡƒΠ·Π½Π°Π΅ΠΌ ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Ρ‚Π΅Π³Π°Ρ… HTML, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π½Π°ΠΌ ΡΡ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст Π½Π° Π½Π°ΡˆΠΈΡ… Π²Π΅Π±-страницах.
Если Π²Ρ‹ Π΄ΠΎ сих ΠΏΠΎΡ€ Π½Π΅ слСдовали ΡƒΡ€ΠΎΠΊΠ°ΠΌ, Π²Π°ΠΌ слСдуСт Π½Π°Ρ‡Π°Ρ‚ΡŒ с Π½Π°Ρ‡Π°Π»Π° курса. Для этого ΡƒΡ€ΠΎΠΊΠ° Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваш Β«index.htmlΒ» Π±Ρ‹Π» ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ ΠΊΠ°ΠΊ Π² Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅, Ρ‚Π°ΠΊ ΠΈ Π² вашСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΡ‹ ΠΌΠΎΠ³Π»ΠΈ Π²Π½ΠΎΡΠΈΡ‚ΡŒ Π² Π½Π΅Π³ΠΎ измСнСния ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΈΡ…, ΠΊΠ°ΠΊ ΠΌΡ‹ Π΄Π΅Π»Π°Π»ΠΈ ΠΏΠ°Ρ€Ρƒ ΡƒΡ€ΠΎΠΊΠΎΠ² Π½Π°Π·Π°Π΄.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½ΠΈΠΆΠ΅ для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ ΡƒΡ€ΠΎΠΊΡƒ


ΠŸΡ€ΠΈΡˆΠ»ΠΎ врСмя ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π°ΡˆΡƒ страницу Π±ΠΎΠ»Π΅Π΅ интСрСсной. Π—Π°ΠΌΠ΅Π½ΠΈΡ‚Π΅ тСкст Π² Ρ‚Π΅Π³Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ:

Π£Ρ‡Π΅Π±Π½ΠΈΠΊ ΠΏΠΎ Π²Π΅Π±-сайту FOTC

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ нашСй ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы

< /h3>

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этих Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ простых инструмСнтов ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-сайты. Π­Ρ‚ΠΎ отличная Π½ΠΎΠ²ΠΎΡΡ‚ΡŒ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-сайты.

Π’Ρ‹ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ я сдСлал отступ для Π½ΠΎΠ²Ρ‹Ρ… Ρ‚Π΅Π³ΠΎΠ². Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ я Π½Π°ΠΆΠ°Π» ΠΊΠ»Π°Π²ΠΈΡˆΡƒ TAB Π² Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π΅Π» Π² Π½Π°Ρ‡Π°Π»Π΅ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ‚Π΅Π³Π°. Π­Ρ‚ΠΎ позволяСт Π»Π΅Π³ΠΊΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ Ρ‚Π΅Π³ΠΈ Π²Π»ΠΎΠΆΠ΅Π½Ρ‹ (содСрТатся) Π² Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ‚Π΅Π³ΠΈ. На этой Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ΅ я ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΠ» Π·Π΅Π»Π΅Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ углублСния TAB.

Когда наши Π²Π΅Π±-страницы становятся всС Π±ΠΎΠ»Π΅Π΅ слоТными, ΠžΠ§Π•ΠΠ¬ Π²Π°ΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ HTML Π±Ρ‹Π» ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π±ΠΎΠ»Π΅Π΅ ΡƒΠ΄ΠΎΠ±ΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΌ. НапримСр, Ссли Π±Ρ‹ я Π½Π΅ сдСлал отступ Π² HTML, посмотритС, ΠΊΠ°ΠΊΠΈΠΌ грязным ΠΎΠ½ ΠΌΠΎΠ³ Π±Ρ‹ ΡΡ‚Π°Ρ‚ΡŒ:

Π£Ρ‡Π΅Π±Π½ΠΎΠ΅ пособиС ΠΏΠΎ Π²Π΅Π±-сайту FOTC

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ нашСй ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этих Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ простых инструмСнтов ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-сайты. Π­Ρ‚ΠΎ отличная Π½ΠΎΠ²ΠΎΡΡ‚ΡŒ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-сайты.

Π­Ρ‚ΠΎΡ‚ HTML-ΠΊΠΎΠ΄ Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅. Π’ΠΈΠ΄ΠΈΡ‚Π΅, насколько Π»Π΅Π³Ρ‡Π΅ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ отступы?

Π’Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²Ρ‹Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡ΠΊΡƒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ отступы, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ваш HTML Ρ‡ΠΈΡ‚Π°Π±Π΅Π»ΡŒΠ½Ρ‹ΠΌ. Когда Π²Ρ‹ Π²Π΅Ρ€Π½Π΅Ρ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ внСсти измСнСния Π² свой Π²Π΅Π±-сайт, ΠΈΠ»ΠΈ Ссли это потрСбуСтся Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ, Π²Ρ‹ ΠΏΠΎΠ±Π»Π°Π³ΠΎΠ΄Π°Ρ€ΠΈΡ‚Π΅ сСбя Π·Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΠΈΠ»ΠΈ врСмя Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ваш Π²Π΅Π±-сайт максимально чистым. Π‘ чистым HTML Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΡ‰Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΡ€ΠΈΡˆΠ»ΠΎ врСмя ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ наши измСнСния Π² Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅ ΠΈ Π½Π°ΠΆΠ°Ρ‚ΡŒ Β«ΠžΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒΒ» (F5) Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π’Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ это:

Рассмотрим ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ.

Π‘Π½Π°Ρ‡Π°Π»Π° ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ нСсколько Π½ΠΎΠ²Ρ‹Ρ… Ρ‚Π΅Π³ΠΎΠ²:

,
,

,

ΠΈ

Π’Π΅Π³ΠΈ

ΠΈ

Π­Ρ‚ΠΈ Ρ‚Π΅Π³ΠΈ извСстны ΠΊΠ°ΠΊ , Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ элСмСнта, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π½ΠΈΡ… Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΡŽΡ‚ΡΡ связанныС Ρ‚Π΅Π³ΠΈ.

Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠΈΠ΅ Ρ‚Π΅Π³ΠΈ, Π½ΠΎ

ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠΈ связанных элСмСнтов. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ€Π°Π·Π΄Π΅Π» Π½Π° своСй страницС, содСрТащий Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, Π²Π°ΠΌ слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π΅Π³
. НапримСр, список Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² статСй Π±Π»ΠΎΠ³Π° Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ΄Π½ΠΈΠΌ
, Π° Ρ‡Π°ΡΡ‚ΡŒ страницы, которая содСрТит фактичСскиС ΡΡ‚Π°Ρ‚ΡŒΠΈ Π±Π»ΠΎΠ³Π°, Π±ΡƒΠ΄Π΅Ρ‚ Π΄Ρ€ΡƒΠ³ΠΈΠΌ
.

Π’Π΅ΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ Ρ‚Π΅Π³

ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠΈ элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ связаны сСмантичСски. Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, это нСсвязанная информация, которая хранится Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΈ Ρ‚ΠΎΠΉ ΠΆΠ΅ части страницы, ΠΈΠ»ΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, это ΠΏΠΎΠ΄Π³Ρ€ΡƒΠΏΠΏΠ° Π΄Π°Π½Π½Ρ‹Ρ…, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠ³Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ. ИспользованиС этого Ρ‚Π΅Π³Π° станСт Π±ΠΎΠ»Π΅Π΅ понятным, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ Π½Π°Ρ‡Π½Π΅ΠΌ ΠΎΡ„ΠΎΡ€ΠΌΠ»ΡΡ‚ΡŒ Π½Π°ΡˆΡƒ страницу с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS.

Π’Π΅Π³ΠΈ

ΠΈ

Они извСстны ΠΊΠ°ΠΊ Ρ‚Π΅Π³ΠΈ title ΠΈΠ»ΠΈ header. Они ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Π΅ ΡƒΡ€ΠΎΠ²Π½ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π½Π° страницС. Π§Π΅ΠΌ мСньшС число, Ρ‚Π΅ΠΌ Π²Π°ΠΆΠ½Π΅Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ. НапримСр,

ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ основной Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π½Π° вашСй страницС, Π°

ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для указания субтитров Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… частСй вашСй страницы.

Как Π²ΠΈΠ΄ΠΈΡ‚Π΅, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ автоматичСски ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ Π±ΠΎΠ»Π΅Π΅ ΠΊΡ€ΡƒΠΏΠ½Ρ‹ΠΌ ΠΆΠΈΡ€Π½Ρ‹ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ.

МоТно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π΅Π³ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² для 6 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΡƒΡ€ΠΎΠ²Π½Π΅ΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², ΠΎΡ‚

как самого большого до

как самого малСнького.

Π’Π΅Π³

Π’Π΅Π³

являСтся сокращСниСм ΠΎΡ‚ Ρ‚Π΅Π³Π° Β«Π°Π±Π·Π°Ρ†Π°Β». Как слСдуСт ΠΈΠ· названия, Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ этот Ρ‚Π΅Π³, ΠΊΠΎΠ³Π΄Π° Ρƒ вас Π΅ΡΡ‚ΡŒ Π°Π±Π·Π°Ρ† тСкста.

Π‘ΠΎΠ±ΠΈΡ€Π°Π΅ΠΌ всС вмСстС

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Ρ‰Π΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ тСкста Π½Π° Π½Π°ΡˆΡƒ страницу, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅ΠΌ Π½ΠΎΠ²Ρ‹Π΅ Ρ‚Π΅Π³ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ использовали. Π—Π°ΠΌΠ΅Π½ΠΈΡ‚Π΅ тСкст ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ. НС Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ свой отступ!

Π£Ρ‡Π΅Π±Π½ΠΈΠΊ ΠΏΠΎ Π²Π΅Π±-сайту FOTC

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ нашСй ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы

МоТно ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Π΅Π±-сайты с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этих Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ простых инструмСнтов. Π­Ρ‚ΠΎ отличная Π½ΠΎΠ²ΠΎΡΡ‚ΡŒ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π΅Π±-сайты.

БСйчас Ρƒ нас Π΅ΡΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ простая страница, Π½ΠΎ ΠΏΠΎΠ·ΠΆΠ΅ ΠΌΡ‹ сдСлаСм Π΅Π΅ Π±ΠΎΠ»Π΅Π΅ слоТной ΠΈ интСрСсной.

Π§Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠΆΠ΅ ΡƒΠ·Π½Π°Π»ΠΈ?

На Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ ΠΌΡ‹ ΠΈΠ·ΡƒΡ‡ΠΈΠ»ΠΈ нСсколько простых Ρ‚Π΅Π³ΠΎΠ² для размСщСния тСкста Π½Π° страницС.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Ρƒ нас Π΅ΡΡ‚ΡŒ Π΅Ρ‰Π΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ тСкста для ΠΈΠ³Ρ€Ρ‹. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ ΠΊΠ°ΠΊ Π°Π±Π·Π°Ρ†Ρ‹ автоматичСски Ρ€Π°Π·Π΄Π΅Π»ΡΡŽΡ‚ΡΡ.

ΠœΠΎΠ³Ρƒ Π»ΠΈ я ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это Π»ΡƒΡ‡ΡˆΠ΅, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ HTML?

ВСхничСски Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΡΡ‚ΠΈΠ»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ страницу с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ чистого HTML. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ‚Π΅Π³ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠ΄Π΅Π»Π°ΡŽΡ‚ тСкст ΠΆΠΈΡ€Π½Ρ‹ΠΌ ΠΈΠ»ΠΈ курсивом, ΠΈΠ»ΠΈ измСнят ΡˆΡ€ΠΈΡ„Ρ‚ ΠΈΠ»ΠΈ Ρ†Π²Π΅Ρ‚. Однако это ΠΎΡ‡Π΅Π½ΡŒ плохая идСя . Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ я Π΄Π°ΠΆΠ΅ Π½Π΅ ΡΠΎΠ±ΠΈΡ€Π°ΡŽΡΡŒ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π²Π°ΠΌ Ρ‚Π΅Π³ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π²Ρ‹ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΡ‚ΠΈΠ»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ свою страницу, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ HTML .

ΠŸΠΎΡ‡Π΅ΠΌΡƒ я Π½Π΅ ΠΌΠΎΠ³Ρƒ ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ страницу с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML?

Π›ΡƒΡ‡ΡˆΠ΅ Π½Π΅ ΠΎΡ„ΠΎΡ€ΠΌΠ»ΡΡ‚ΡŒ страницу с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML ΠΏΠΎ нСскольким ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ:

  1. Бтилизация страницы с использованиСм HTML ΠΎΡ‡Π΅Π½ΡŒ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π° . Π’Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΎΡ‡Π΅Π½ΡŒ красивым, ΠΊΠ°ΠΊ Π±Ρ‹ Π²Ρ‹ Π½ΠΈ ΡΡ‚Π°Ρ€Π°Π»ΠΈΡΡŒ.
  2. Бтилизация страницы с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML β€” это ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π±ΠΎΡ‚Ρ‹ . ВрСбуСтся Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС усилий для стилизации с использованиСм Ρ‚Π΅Π³ΠΎΠ² стиля HTML.
  3. Бтилизация страницы с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML ΠΎΡ‡Π΅Π½ΡŒ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ . Как Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹ Π½Π°Ρ‡Π½Π΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈ внСшний Π²ΠΈΠ΄ своСй страницы Π² HTML, ΠΎΡ‡Π΅Π½ΡŒ слоТно Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ ΠΈ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, особСнно Ссли Π²Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚Π΅ Π½Π° сайт нСсколько страниц.

Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Ρ‚Π΅Ρ€ΠΏΠ΅Π»ΠΈΠ²Ρ‹. Π’ настоящСС врСмя наши страницы выглядят ΡƒΡ€ΠΎΠ΄Π»ΠΈΠ²ΠΎ, Π½ΠΎ это Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ β€” ΠΌΡ‹ просто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ ΠΈΡ… для изучСния основ HTML. ПозТС Π² Ρ…ΠΎΠ΄Π΅ курса, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ освоим простой HTML, ΠΌΡ‹ Π½Π°Ρ‡Π½Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ возмоТности CSS, Ρ‡Ρ‚ΠΎΠ±Ρ‹ наши страницы выглядСли красиво!


Как ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Ρ‚Π΅Π³ΠΈ HTML Π² Π²ΠΈΠ΄Π΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ тСкста Π² HTML Β· ΠŸΡ€Π°ΠΊΡ‚ΠΈΡ‡Π΅ΡΠΊΠΈΠΉ совСт для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Ρ‚Π΅Π³ΠΈ HTML ΠΊΠ°ΠΊ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ тСкст Π² HTML Π½Π° Π²Π΅Π±-сайтС ΠΈΠ»ΠΈ Π²Π΅Π±-страницС, Π·Π°ΠΌΠ΅Π½ΠΈΠ² < Π½Π° < Β ΠΈΠ»ΠΈ &60; Β ΠΈ > Β  с  > ΠΈΠ»ΠΈ &62; для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ‚Π΅Π³Π° HTML , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌ.

ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Ρ‚Π΅Π³ΠΈ HTML Π½Π΅ Π²ΠΈΠ΄Π½Ρ‹ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΡŽ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Они Π΅ΡΡ‚ΡŒ, Π½ΠΎ Π²Ρ‹ ΠΈΡ… Π½Π΅ Π²ΠΈΠ΄ΠΈΡ‚Π΅.

Однако с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² HTML ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Ρ‚Π΅Π³ΠΈ HTML, ΡΠ²Π»ΡΡŽΡ‰ΠΈΠ΅ΡΡ Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΊΠΎΠ΄Π° Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ HTML, Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€
Π˜Ρ‚Π°ΠΊ, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ:

Π­Ρ‚ΠΎ Π°Π±Π·Π°Ρ†

Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Π½Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΊΠ°ΠΊ: <p> Π­Ρ‚ΠΎ ΠΏΠ°Ρ€Π°Π³Ρ€Π°Ρ„ </p> .

Как ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ‚Π΅Π³ΠΈ HTML: ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ HTML

Π’ языкС HTML Π΅ΡΡ‚ΡŒ нСсколько ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… символов; ΠΎΠ½ΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π·Π°Ρ€Π΅Π·Π΅Ρ€Π²ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ пСрсонаТСм. Π·Π°Ρ€Π΅Π·Π΅Ρ€Π²ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… символов Π² HTML β€” это < , > , ” ΠΈ ”. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ ΠΈΡ…, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΊΠ°ΠΊΠΎΠ΅-Ρ‚ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π² HTML.

ΠžΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ HTML β€” это Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ тСкста, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ для отобраТСния Π·Π°Ρ€Π΅Π·Π΅Ρ€Π²ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… символов , Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Ρ… символов (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΡ€ΠΎΠ±Π΅Π»Π°) ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… символов, Π½Π΅ ΡΠ²Π»ΡΡŽΡ‰ΠΈΡ…ΡΡ ΠΊΠ»Π°Π²ΠΈΡˆΠ½Ρ‹ΠΌΠΈ.

ΠžΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ с Β«&Β», Π·Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ слСдуСт «имя ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°Β» ΠΈΠ»ΠΈ Β«Π½ΠΎΠΌΠ΅Ρ€ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°Β» ΠΈ Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ Π·Π½Π°ΠΊΠΎΠΌ Β«;Β», Ρ‚.Π΅. &имя сущности; ΠΈΠ»ΠΈ &Π½ΠΎΠΌΠ΅Ρ€ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°;

Π—Π°Ρ€Π΅Π·Π΅Ρ€Π²ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ символы Π² HTML
Бписок ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² HTML

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ ΠΏΠΎΠ»Π½Ρ‹Π΅ списки ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² HTML.

  1. ΠŸΠΎΠ»Π½Ρ‹ΠΉ список ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² HTML с ΠΈΡ… Π½ΠΎΠΌΠ΅Ρ€Π°ΠΌΠΈ ΠΈ ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ.
  2. Бправочная Ρ‚Π°Π±Π»ΠΈΡ†Π° пСрсонаТСй.
  3. Бписок сущностСй HTML

Как быстро Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ мноТСство

< ΠΈ > быстро

Π‘Π°ΠΌΡ‹ΠΉ быстрый способ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ мноТСство Π·Π½Π°ΠΊΠΎΠ² <(мСньшС) ΠΈ >(большС) β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€ HTML-Ρ‚Π΅Π³ΠΎΠ² Π² сущности. Π’Ρ‹ ΠΊΠΎΠΏΠΈΡ€ΡƒΠ΅Ρ‚Π΅ ΠΈ вставляСтС свой HTML-ΠΊΠΎΠ΄, ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ Π΅Π³ΠΎ ΠΈ ΠΊΠΎΠΏΠΈΡ€ΡƒΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹ΠΉ тСкст.

Π”Ρ€ΡƒΠ³ΠΎΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, β€” это функция поиска ΠΈ Π·Π°ΠΌΠ΅Π½Ρ‹, доступная Π²ΠΎ всСх тСкстовых Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ…. Π’ ΠΌΠΎΠ΅ΠΌ случаС я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Sublime Text.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ эту Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Β«CTRL + HΒ» ΠΈΠ»ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«ΠΠΠ™Π’Π˜Β» Π² строкС мСню, Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«Π—Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒΒ». Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ символ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ, Π² ΠΏΠΎΠ»Π΅ поиска ΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ, Π² ΠΏΠΎΠ»Π΅ Π·Π°ΠΌΠ΅Π½Ρ‹.

Π—Π°Ρ‚Π΅ΠΌ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ всС.

НадСюсь, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ смоТСтС ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ свой HTML-ΠΊΠΎΠ΄ Π² Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

Как ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° ΠΈ отступы

Π’Ρ‹ ΡƒΠΆΠ΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ, Ρ‡Ρ‚ΠΎ отступ Π² вашСм HTML-ΠΊΠΎΠ΄Π΅ исчСз.
Однако Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ отступ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚Π΅Π³ΠΈ pre HTML. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΎΠ±Π΅Ρ€Π½ΠΈΡ‚Π΅ ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚Π΅Π³ΠΈ (

 pre html).

 <ΠΏΡ€Π΅Π΄>
  Π—Π΄Π΅ΡΡŒ находится ваш HTML-ΠΊΠΎΠ΄.
      И ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ отступ. 

Ρ‚Π΅Π³Π° HTML.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€.

ΠœΠΎΠ³Ρƒ Π»ΠΈ я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ HTML-Ρ‚Π΅Π³

</code>?</h3><p> Π”Π°. Π Π°Π½Π΅Π΅ Ρ‚Π΅Π³ HTML <code> <plaintext> </code> использовался для отобраТСния Ρ‚Π΅Π³ΠΎΠ² HTML Π½Π° Π²Π΅Π±-страницС.</p><p> Однако HTML-Ρ‚Π΅Π³ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ тСкстом устарСл, начиная с HTML вСрсии 2. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π±Ρ‹Π» ΡƒΠ΄Π°Π»Π΅Π½ ΠΈΠ· ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ языка HTML ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ. Мой совСт: Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ HTML-Ρ‚Π΅Π³ <code> <plaintext> </code>.</p><h3><span class="ez-toc-section" id="_HTML_PHP"> Как ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Ρ‚Π΅Π³ΠΈ HTML Π² Π²ΠΈΠ΄Π΅ тСкста Π² PHP? </span></h3><p> Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ PHP для отобраТСния Ρ‚Π΅Π³ΠΎΠ² HTML Π² Π²ΠΈΠ΄Π΅ тСкста, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ <code> <code>htmlspecialchars()</code> </code> для экранирования символов < ΠΈ >.</p><pre> htmlspecialchars('<strong>Π­Ρ‚ΠΎ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π΅Π³ΠΈ HTML</strong>') </pre><p> А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΈΠ΄ΠΈ Ρ‚ΡƒΠ΄Π° ΠΈ подСлись ΠΊΠΎΠ΄ΠΎΠΌ. Если Ρƒ вас Π΅ΡΡ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ вопросы ΠΏΠΎ HTML, Π·Π°Π΄Π°ΠΉΡ‚Π΅ ΠΈΡ… Π² коммСнтариях Π½ΠΈΠΆΠ΅.</p><p> ВсСм ΠΏΡ€ΠΈΠ²Π΅Ρ‚! Π― <b> Авик Ндугу </b>.</p><p> Π― ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π» Π±ΠΎΠ»Π΅Π΅ 100 сообщСний Π² Π±Π»ΠΎΠ³Π°Ρ… ΠΏΠΎ HTML, CSS, Javascript, React ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌ связанным Ρ‚Π΅ΠΌΠ°ΠΌ.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/lipen.ru/wp-content/uploads/2015/04/rasstoyanie-ot-kartinki-do-texta-v-html.jpg' /><noscript><img loading='lazy' src='/800/600/http/lipen.ru/wp-content/uploads/2015/04/rasstoyanie-ot-kartinki-do-texta-v-html.jpg' /></noscript></div></div></div></article><nav class="navigation post-navigation" aria-label="Записи"><h2 class="screen-reader-text">Навигация ΠΏΠΎ записям</h2><div class="nav-links"><div class="nav-previous"><a href="https://xn--90abhccf7b.xn--p1ai/raznoe/montazh-video-professionalnyj-top-10-luchshih-professionalnyh-programm-dlya-redaktirovaniya-video.html" rel="prev">ΠœΠΎΠ½Ρ‚Π°ΠΆ Π²ΠΈΠ΄Π΅ΠΎ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ: Π’ΠΎΠΏ 10 Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для рСдактирования Π²ΠΈΠ΄Π΅ΠΎ</a></div><div class="nav-next"><a href="https://xn--90abhccf7b.xn--p1ai/html/html-yazyk-teg-glossarij-mdn.html" rel="next">Html язык: Π’Π΅Π³ &#8212; Глоссарий | MDN</a></div></div></nav><div id="comments" class="comments-area"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ <small><a rel="nofollow" id="cancel-comment-reply-link" href="/html/kak-v-html-dobavit-tekst-v-tekst-htmlbook-ru.html#respond" style="display:none;">ΠžΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΎΡ‚Π²Π΅Ρ‚</a></small></h3><form action="https://xn--90abhccf7b.xn--p1ai/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½.</span> <span class="required-field-message">ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p><p class="comment-form-url"><label for="url">Π‘Π°ΠΉΡ‚</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="ΠžΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ" /> <input type='hidden' name='comment_post_ID' value='70443' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></main></div><div id="sidebar-primary" class="widget-area sidebar " role="complementary"><div class="sidebar-main"><div id="yandex_rtb_R-A-744004-7" class="yandex-adaptive classYandexRTB"></div> <script type="text/javascript"> window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo: "yandex_rtb_R-A-744004-7",blockId: "R-A-744004-7",pageNumber: 11,onError: (data) => { var g = document.createElement("ins"); g.className = "adsbygoogle"; g.style.display = "inline"; g.style.width = "300px"; g.style.height = "600px"; g.setAttribute("data-ad-slot", "9935184599"); g.setAttribute("data-ad-client", "ca-pub-1812626643144578"); g.setAttribute("data-alternate-ad-url", "https://chajnov.ru/back.php"); document.getElementById("yandex_rtb_[rtbBlock]").appendChild(g); (adsbygoogle = window.adsbygoogle || []).push({}); }})}); window.addEventListener("load", () => { var ins = document.getElementById("yandex_rtb_R-A-744004-7"); if (ins.clientHeightΒ == "0") { ins.innerHTML = stroke2; } }, true); </script><section id="search-2" class="widget widget_search"><div class="zita-widget-content"><form role="search" method="get" id="searchform" action="https://xn--90abhccf7b.xn--p1ai/"><div class="form-content"> <input type="text" placeholder="search.." name="s" id="s" value=""/> <input type="submit" value="Search" /></div></form></div></section><section id="nav_menu-4" class="widget widget_nav_menu"><div class="zita-widget-content"><h2 class="widget-title">Π ΡƒΠ±Ρ€ΠΈΠΊΠΈ</h2><div class="menu-2-container"><ul id="menu-2" class="menu"><li id="menu-item-19021" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19021"><a href="https://xn--90abhccf7b.xn--p1ai/category/css">Css</a></li><li id="menu-item-19022" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-19022"><a href="https://xn--90abhccf7b.xn--p1ai/category/html">Html</a></li><li id="menu-item-19023" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19023"><a href="https://xn--90abhccf7b.xn--p1ai/category/js">Js</a></li><li id="menu-item-19024" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19024"><a href="https://xn--90abhccf7b.xn--p1ai/category/adaptiv">Адаптивный сайт</a></li><li id="menu-item-19025" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19025"><a href="https://xn--90abhccf7b.xn--p1ai/category/verstk">ВСрстка</a></li><li id="menu-item-19026" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19026"><a href="https://xn--90abhccf7b.xn--p1ai/category/idei">ИдСи</a></li><li id="menu-item-19028" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19028"><a href="https://xn--90abhccf7b.xn--p1ai/category/chego-nachat">Π‘ Ρ‡Π΅Π³ΠΎ Π½Π°Ρ‡Π°Ρ‚ΡŒ</a></li><li id="menu-item-19029" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19029"><a href="https://xn--90abhccf7b.xn--p1ai/category/sovety">Π‘ΠΎΠ²Π΅Ρ‚Ρ‹</a></li><li id="menu-item-19031" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19031"><a href="https://xn--90abhccf7b.xn--p1ai/category/shablon">Π¨Π°Π±Π»ΠΎΠ½Ρ‹</a></li><li id="menu-item-19027" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19027"><a href="https://xn--90abhccf7b.xn--p1ai/category/raznoe">Π Π°Π·Π½ΠΎΠ΅</a></li></ul></div></div></section></div></div></div></div><footer id="zita-footer"><div class="footer-wrap widget-area"><div class="bottom-footer"><div class="bottom-footer-bar ft-btm-one"><div class="container"><div class="bottom-footer-container"> Β© Компания <a href="http://Π²Π΅Π±Π΄ΠΆΠ΅ΠΌ.Ρ€Ρ„"> Π’Π΅Π±Π΄ΠΆΠ΅ΠΌ.Ρ€Ρ„ </a> 2009 - 2024 | ВсС ΠΏΡ€Π°Π²Π° Π·Π°Ρ‰ΠΈΡ‰Π΅Π½Ρ‹.</a></div></div></div></div></div></footer> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://xn--90abhccf7b.xn--p1ai/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <!-- noptimize --> <style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script> <!-- /noptimize --></body></html>