Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ гипСрссылку Π² Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅ – Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ гипСрссылку Π² HTML? Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ использованиС гипСрссылок Π² HTML

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

Бсылки. ГипСрссылки Π² html. Π£Ρ‡Π΅Π±Π½ΠΈΠΊ html

Π“Π»Π°Π²Π° 5

Π”ΡƒΠΌΠ°ΡŽ, Π’Π°ΠΌ ΡƒΠΆΠ΅ понятно ΠΎ Ρ‡Ρ‘ΠΌ ΠΏΠΎΠΉΠ΄Π΅Ρ‚ Ρ€Π΅Ρ‡ΡŒ Π² этой Π³Π»Π°Π²Π΅.. ΠΈ Π’Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΈΠ· сСбя прСдставляСт ссылка, Ссли Π½Π΅Ρ‚, Ρ‚ΠΎ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ сюда.. БущСствуСт нСсколько Π²ΠΈΠ΄ΠΎΠ² ссылок, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ «ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΠΎΠ²» ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° ΠΏΠΎ Π½ΠΈΠΌ. Π’ этой Π³Π»Π°Π²Π΅ ΠΏΠΎΡΡ‚Π°Ρ€Π°ΡŽΡΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΎ Ρ‚ΠΎΠΌ ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ ссылки, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΏΠΎΡΠ²ΡΡ‚ΠΈΡ‚ΡŒ Π² тонкости Π΄Π΅Π»Π° ΠΏΠΎ Ρ€Π°Π±ΠΎΡ‚Π΅ с Π½ΠΈΠΌΠΈ.

ЛиричСскоС отступлСниС:
Как-Ρ‚ΠΎ Π² Π°Ρ€ΠΌΠΈΠΈ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΊΠΎ ΠΌΠ½Π΅ Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΈΠΊ ΡˆΡ‚Π°Π±Π° ΠΈ ΠΎΡ‚Π΄Π°Ρ‘Ρ‚ ΠΏΡ€ΠΈΠΊΠ°Π·, Ρ†ΠΈΡ‚ΠΈΡ€ΡƒΡŽ:
ΠŸΡ€ΠΈΠ½Π΅ΡΠΈ ΠΌΠ½Π΅ Π²ΠΎΡ‚ Ρ‚ΠΎΡ‚ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, ΠΏΡ€Π°Π²Π΄Π° я Π½Π΅ знаю Π³Π΄Π΅ ΠΎΠ½ ΠΈ ΠΊΠ°ΠΊΠΎΠΉ!! Π§Ρ‚ΠΎ ΡΡ‚ΠΎΠΈΡˆΡŒ? Π‘Π΅Π³ΠΎΠΌ Π΄Π°Π²Π°ΠΉ!! ΠžΠΏΠ°Π·Π΄Ρ‹Π²Π°ΡŽ я!!!

Π’Π°ΠΊ Π²ΠΎΡ‚, ΠΊ Ρ‡Π΅ΠΌΡƒ я это, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€, ΠΊΠ°ΠΊ я Ρ‚ΠΎΠ³Π΄Π°, Π½Π΅ Π²ΠΏΠ°Π» Π² ступор, Π΅ΠΌΡƒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π½Π°Ρ‚ΡŒ: Ρ‚ΠΎΡ‡Π½ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, ΠΏΡƒΡ‚ΡŒ ΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ, ΠΈ мСсто ΠΊΡƒΠ΄Π° Π΅Π³ΠΎ принСсти, Ρ‚ΠΎΡ‡Π½Π΅Π΅ Π³Π΄Π΅ Π΅Π³ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ.

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

  1. ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Π±Π»ΠΎΠΊΠ½ΠΎΡ‚.
  2. ПишСм ΠΊΠΎΠ΄ Π½Π° html языкС. ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ страничку с рядом Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ.
  3. БохраняСм Π΅Π³ΠΎ ΠΊΠ°ΠΊ html страничку Π² Ρ‚Ρƒ ΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‡Π΅ΡŽ ΠΏΠ°ΠΏΠΊΡƒ, Π³Π΄Π΅ ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ созданный Π½Π°ΠΌΠΈ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. Π”Π°Π²Π°ΠΉΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π± Π½Π΅ ΠΏΡƒΡ‚Π°Ρ‚ΡŒΡΡ Π½Π°Π·ΠΎΠ²Π΅ΠΌ Π΅Π³ΠΎ primer.html, Π΄Π° ΠΈ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Ρ‚ΠΎΠΆΠ΅ ΠΏΠΎΠΆΠ°Π»ΡƒΠΉ ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΡƒΠΉΡ‚Π΅ Π² index.html

Π’Π΅ΠΏΠ΅Ρ€ΡŒ я знаю, Ρ‡Ρ‚ΠΎ Ρƒ Вас Π΄Π²Π° html Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° index.html ΠΈ primer.html ΠΈ Ρ‡Ρ‚ΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Ρƒ Вас Π΅ΡΡ‚ΡŒ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ для дальнСйшСго обучСния.

Знакомимся Ρ‚Π΅Π³ <a> (ΠΎΡ‚ anchor- ΡΠΊΠΎΡ€ΡŒ), Π² Π½Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ тСкст ΠΈΠ»ΠΈ рисунок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ станут ссылкой Π½Π° Ρ‚Π΅ ΠΈΠ»ΠΈ ΠΈΠ½Ρ‹Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹. Атрибут Ρ‚Π΅Π³Π° <a> href Π·Π°Π΄Π°Ρ‘Ρ‚ имя ΠΈ ΠΏΡƒΡ‚ΡŒ ΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ссылка.

Всё вмСстС ΠΏΠΈΡˆΠ΅Ρ‚ΡΡ Ρ‚Π°ΠΊ:

<a href=»primer.html»>Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΈ Ρ„ΠΎΡ‚ΠΊΠΈ!!</a>

Как Π’Ρ‹ Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ поняли primer.html это имя нашСго Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ html Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π° надпись «Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΈ Ρ„ΠΎΡ‚ΠΊΠΈ!!» это кусочСк тСкста ΠΈΠ· Ρ„Π°ΠΉΠ»Π° index.html.

По Π°Π½Π°Π»ΠΎΠ³ΠΈΠΈ с рисунками Ρ‚Π΅Π³ <img> ΠΏΡƒΡ‚ΡŒ ссылки ΠΊ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌΠΎΠΌΡƒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ прописываСтся Ρ‚Π΅ΠΌΠΈ ΠΆΠ΅ способами:

<a href=» stranica/primer.html»>Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΈ Ρ„ΠΎΡ‚ΠΊΠΈ!!</a> — Вакая запись ΠΏΠΎΠ΄Ρ€Π°Π·ΡƒΠΌΠ΅Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π² Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΈ, Π³Π΄Π΅ располоТСн наш ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ html Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π΅ΡΡ‚ΡŒ ΠΏΠ°ΠΏΠΊΠ° stranica Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ располоТСн Ρ„Π°ΠΉΠ» primer.html
<a href=»../primer.html»>Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΈ Ρ„ΠΎΡ‚ΠΊΠΈ!!</a> — А это Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ Ρ„Π°ΠΉΠ» primer.html Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ Π½Π° ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π²Ρ‹ΡˆΠ΅ ΠΎΡ‚ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°
<a href=»http://www.site.ru/primer.html»>Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΈ Ρ„ΠΎΡ‚ΠΊΠΈ!!</a> — Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ располоТСн Π½Π° сайтС www.site.ru..

Ну Ρ‡Ρ‚ΠΎ Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ? НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ сразу Π΄Π²ΡƒΡ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… прописаны ссылки ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ Π΄Ρ€ΡƒΠ³ Π½Π° Π΄Ρ€ΡƒΠ³Π°.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€:

Π€Π°ΠΉΠ» index.html:

<html>
<head>
<title>Π”Π΅Π»Π°Π΅ΠΌ ссылкой кусочСк тСкста</title>
</head>
<body>
<div align=»center»>
<br><br><br><b>Π‘ΠΊΠ°ΠΆΠΈ ΠΌΠ½Π΅, ΠΌΠΈΠ»Ρ‹ΠΉ Ρ€Π΅Π±Ρ‘Π½ΠΎΠΊ: Π² ΠΊΠ°ΠΊΠΎΠΌ ΡƒΡ…Π΅ Ρƒ мСня ΠΆΡƒΠΆΠΆΠΈΡ‚?</b>
<br><br><br>
Π’ <a href=»primer.html»>ΠΏΡ€Π°Π²ΠΎΠΌ</a> ΠΈΠ»ΠΈ <a href=»primer.html»>Π»Π΅Π²ΠΎΠΌ</a>?
</div>
</body>
</html>


Π€Π°ΠΉΠ» primer.html:

<html>
<head>
<title>ΠŸΠ΅Ρ€Π΅ΡˆΠ»ΠΈ ΠΏΠΎ ссылкС сюда</title>
</head>
<body>
<br><br><br><br>


<div align=»center»><font size=»+2″>А Π²ΠΎΡ‚ ΠΈ Π½Π΅ ΡƒΠ³Π°Π΄Π°Π»! Π£ мСня ΠΆΡƒΠΆΠΆΠΈΡ‚ Π² ΠΎΠ±ΠΎΠΈΡ… ΡƒΡ…Π°Ρ….</font></div>
<br><br><br>
<div align=»center»><a href=» index.html»>Ну я Ρ‚Π°ΠΊ Π½Π΅ ΠΈΠ³Ρ€Π°ΡŽ…</a></div>
</body>
</html>

Из ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ ссылки Π²Ρ‹Π΄Π΅Π»ΡΡŽΡ‚ΡΡ Ρ†Π²Π΅Ρ‚ΠΎΠΌ, ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ синСньким — ссылка, Π° ΠΊΡ€Π°ΡΠ½Π΅Π½ΡŒΠΊΠΈΠΌ — ΡƒΠΆΠ΅ посСщСнная ссылка, эти Ρ†Π²Π΅Ρ‚Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡƒΠΆΠ΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ извСстного Π½Π°ΠΌ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ‚Π΅Π³Π° < body > ΠΈ Π΅Π³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ².

link — Ρ†Π²Π΅Ρ‚ ссылки.
alink — Ρ†Π²Π΅Ρ‚ Π½Π°ΠΆΠ°Ρ‚ΠΎΠΉ, Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ ссылки.
vlink — Ρ†Π²Π΅Ρ‚ посСщСнной ссылки.

ΠŸΠΈΡˆΠ΅Ρ‚ΡΡ Ρ‚Π°ΠΊ:

<body link=»#008000″ alink=»#ff0000″ vlink=»#ffff00″>

ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΎ Ρ†Π²Π΅Ρ‚Π΅ тСкстовой ссылки стоит ΡƒΠΏΠΎΠΌΡΠ½ΡƒΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ нСобходимости ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠ½ΡƒΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ΠΎΠΌ ΠΊΠ°ΠΊ всю ссылку, Ρ‚Π°ΠΊ ΠΈ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Π΅Ρ‘ части (Ρ„Ρ€Π°Π·Ρ‹ слова Π±ΡƒΠΊΠ²Ρ‹) Π·Π½Π°ΠΊΠΎΠΌΡ‹ΠΌ Ρ‚Π΅Π³ΠΎΠΌ

<font> </font> ΠΈ Π΅Π³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ color. Π’ΠΏΡ€ΠΎΡ‡Π΅ΠΌ, это касаСтся Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ†Π²Π΅Ρ‚Π° Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€, ΡΡ‚ΠΈΠ»ΡŒ ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ тСкста. Но ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ манипуляции с Ρ†Π²Π΅Ρ‚ΠΎΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ‚Π΅Π³Π° <a>Π²ΠΎΡ‚ здСсь</a> Π° Π½Π΅ Π·Π° Π±ΠΎΡ€Ρ‚ΠΎΠΌ, ΠΈΠ½Π°Ρ‡Π΅ Ρ†Π²Π΅Ρ‚ ссылки Π±ΡƒΠ΄Π΅Ρ‚ Π»ΠΈΠ±ΠΎ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Π»ΠΈΠ±ΠΎ Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ прописано Π² Ρ‚Π΅Π³Π΅ <body>

ΠŸΡ€ΠΈΠΌΠ΅Ρ€:

Π€Π°ΠΉΠ» index.html:

<html>
<head>
<title>Π Π°Π΄ΡƒΠ³Π°</title>
</head>
<body link=»#008000″ alink=»#ff0000″ vlink=»#ffff00″>
<center>
<h4>ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π½Π° Ρ„Ρ€Π°Π·Ρƒ которая ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π’Π°ΠΌ Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ мСста Ρ†Π²Π΅Ρ‚ΠΎΠ² Π² Ρ€Π°Π΄ΡƒΠ³Π΅</h4>
<br>
<a href=»primer2.html»>


<font size=»+1″ color=#ff0000>Π </font>
<font size=»+2″ color=#ff8c40>А</font>
<font size=»+3″ color=#ffff00>Π”</font>
<font size=»+3″ color=#008000>Π£</font>
<font size=»+2″ color=#0000ff>Π“</font>
<font size=»+1″ color=#800080>А</font>
</a>
</center>
</body>
</html>


Π€Π°ΠΉΠ» primer.html:

<html>
<head>
<title>Π Π°Π΄ΡƒΠ³Π°</title>
</head>
<body link=»#008000″ alink=»#ff0000″ vlink=»#ffff00″>
<center>
<font size=»+3″>
<font color=#ff0000>ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ</font>
<font color=#ff8c40>ΠΎΡ…ΠΎΡ‚Π½ΠΈΠΊ</font>


<font color=#ffff00>ΠΆΠ΅Π»Π°Π΅Ρ‚</font>
<font color=#008000>Π·Π½Π°Ρ‚ΡŒ</font>
<font color=#40caff>Π³Π΄Π΅</font>
<font color=#0000ff>сидит</font>
<font color=#800080>Ρ„Π°Π·Π°Π½</font>
</font>
<br><br><br>
<a href=»index.html»>Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ Π½Π° Π³Π»Π°Π²Π½ΡƒΡŽ</a>
</center>
</body>
</html>

Π’Π°ΠΊΠΈΠ΅ Π²ΠΎΡ‚ дСла…

Бсылкой ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ²Π»ΡΡ‚ΡŒΡΡ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ тСкст, Π½ΠΎ ΠΈ рисунок.. Π—Π΄Π΅ΡΡŒ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅ ΠΊΠ°ΠΊ ΠΈ Π² тСкстовой ссылкС, просто вмСсто тСкста ΠΌΡ‹ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ рисунок ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ…ΠΎΡ‚ΠΈΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ссылкой.

Π’ΠΎΡ‚ Ρ‚Π°ΠΊ:

<a href=»primer3.html»><img src=»knopa.gif»></a>

ΠŸΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ ΠΊΠ°ΠΊ привСсти ΠΎΡ‡Π΅Ρ€Π΅Π΄Π½ΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ расскаТу ΠΏΡ€ΠΎ Ρ‚ΠΎ, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π΅ ΠΏΠΎ ссылкС ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Π΄ΠΎ этого Ссли Π’Ρ‹ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΠ»ΠΈ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΎΠ½ Ρƒ нас открывался Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π½Π΅ всСгда ΡƒΠ΄ΠΎΠ±Π½ΠΎ. Π Π΅ΡˆΠ°Π΅Ρ‚ эту ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚

target (Ρ†Π΅Π»ΡŒ) ΠΈ Π΅Π³ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ _blank.

ΠŸΠΈΡˆΠ΅Ρ‚ΡΡ Ρ‚Π°ΠΊ:

<a href=»primer3.html» target=»_blank»>ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅</a>

ΠŸΡ€ΠΈΠΌΠ΅Ρ€:

Π€Π°ΠΉΠ» index.html:

<html>
<head>
<title>ΠΊΠ½ΠΎΠΏΠΊΠ°</title>
</head>
<body>
<center>
<h2> НС Π² ΠΊΠΎΠ΅ΠΌ случаС Π½Π΅ Π½Π°ΠΆΠΈΠΌΠ°ΠΉΡ‚Π΅ Π½Π° эту ΠΊΠ½ΠΎΠΏΠΊΡƒ!!!</h2>
<br>
<a href=»primer3.html» title=»ΠΠ΅ Π½Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ!!!» target=»_blank»><img src=»graphics/knopa.gif» border=»0″ alt=»ΠΠ΅ Π½Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ!!!» ></a>
</center>
</body>
</html>


Π€Π°ΠΉΠ» primer.html:

<html>
<head>
<title>ΠΈΡ‚ΠΎΠ³..</title>
</head>
<body>
<div align=»center»><font size=»+3″>Π Π°ΠΊΠ΅Ρ‚Ρ‹ ΡƒΡˆΠ»ΠΈ… АмСрики большС Π½Π΅Ρ‚…</font></div>
</body>
</html>

Π― надСюсь, Π’Ρ‹ Π½Π΅ Π΄ΠΎΠ΄ΡƒΠΌΠ°Π»ΠΈΡΡŒ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ ΠΊΡ€Π°ΡΠ½ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ? ΠžΡ… ΡƒΠΆ этот русский ΠΌΠ΅Π½Ρ‚Π°Π»ΠΈΡ‚Π΅Ρ‚.. πŸ™‚

Π§Ρ‚ΠΎ Π΅Ρ‰Ρ‘ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡ‡Π΅Ρ€ΠΏΠ½ΡƒΡ‚ΡŒ ΠΈΠ· этого ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°?

Π’ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…. ΠœΡ‹ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠ»ΠΈ ΡƒΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌΡ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ описания title=»ΠΠ΅ Π½Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ!!!» для Ρ‚Π΅Π³Π° <a> ΠΈ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ alt=»ΠΠ΅ Π½Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ!!!» для Ρ‚Π΅Π³Π° <img> Ссли Π’Ρ‹ ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅, эти Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π°ΠΌ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки. Но Π·Π°Ρ‡Π΅ΠΌ я ΠΈΡ… ΠΏΡ€ΠΎΠ΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Π»? Один для ссылки, Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ для рисунка, Ссли сам ΠΏΠΎ сСбС рисунок являСтся ссылкой?.. долгая история, ΠΊΠΎΠ³Π΄Π° Π½ΠΈ Π±ΡƒΠ΄ΡŒ Π½Π°ΠΏΠΈΡˆΡƒ ΡΡ‚Π°Ρ‚ΡŒΡŽ: «Π‘ΠΏΠ΅Ρ†ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ HTML, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΈ головная боль..» — Π° сСйчас скаТу лишь Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·Π½Ρ‹Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Π½Π΅ всСгда Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ Ρ‚Π΅ ΠΈΠ»ΠΈ ΠΈΠ½Ρ‹Π΅ Ρ‚Π΅Π³ΠΈ ΠΈ ΠΈΡ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹. А описаниС для ссылки ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π°ΠΌ просто Ρ‚Π°ΠΊΠΈ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ! ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, я рассказывал, Ρ‡Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ люди, ΡƒΠΌΡ‹ΡˆΠ»Π΅Π½Π½ΠΎ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰ΠΈΠ΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ рисунков?- это для Π½ΠΈΡ….

Π’ΠΎ-Π²Ρ‚ΠΎΡ€Ρ‹Ρ…. Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ использован Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Ρ‚Π΅Π³Π° <img> border=»0″ — Ρ€Π°ΠΌΠΊΠ° рисунка. 0 — это Π·Π½Π°Ρ‡ΠΈΡ‚ Π²Ρ‹ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ€Π°ΠΌΠΊΡƒ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½Π° ΠΏΠΎΡ€Ρ‚ΠΈΡ‚ вСсь Π²ΠΈΠ΄ страницы Π² Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅, Π½ΠΎ Π±Ρ‹Π²Π°ΡŽΡ‚ случаи ΠΊΠΎΠ³Π΄Π° Ρ€Π°ΠΌΠΊΠΈ рисунка Π²ΠΏΠΎΠ»Π½Π΅ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ ΠΈ Ρ‚Π°ΠΊ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π²ΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ΡΡ Π² страницу. Π—Π΄Π΅ΡΡŒ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠ³Π΄Π° рисунок являСтся ссылкой, Π΅Π³ΠΎ Ρ€Π°ΠΌΠΊΠ° ΠΎΠΊΡ€Π°ΡˆΠΈΠ²Π°Π΅Ρ‚ΡΡ Π² Ρ†Π²Π΅Ρ‚Π° ссылки: link — Ρ†Π²Π΅Ρ‚ ссылки, alink — Ρ†Π²Π΅Ρ‚ Π½Π°ΠΆΠ°Ρ‚ΠΎΠΉ, Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ ссылки, vlink — Ρ†Π²Π΅Ρ‚ посСщСнной ссылки Ρ‚Π΅Π³Π° <body>.

Π― Ρ‚ΡƒΡ‚ Вас Ρ‡ΡƒΡ‚ΡŒ-Ρ‡ΡƒΡ‚ΡŒ с Ρ‚ΠΎΠ»ΠΊΡƒ сбил, Π²Ρ€ΠΎΠ΄Π΅ Π±Ρ‹ Π΄ΠΎΠ³ΠΎΠ²Π°Ρ€ΠΈΠ²Π°Π»ΠΈΡΡŒ вмСстС ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹ΠΉ сайт, Π° я Ρ‚ΡƒΡ‚ ΠΊΠ°ΠΊΠΈΠ΅ Ρ‚ΠΎ ΠΌΠ΅Π»ΠΊΠΈΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‡ΠΈΠΊΠΈ Π²Ρ‹ΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽ.. НС Π²ΠΎΠ»Π½ΡƒΠΉΡ‚Π΅ΡΡŒ! Π’ ΠΊΠΎΠ½Ρ†Π΅ Π³Π»Π°Π²Ρ‹ ΠΏΠΎΠΊΠ°ΠΆΡƒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ сайт ΠΏΡ€ΠΎ ΠšΠ°Ρ€Π»ΡΠΎΠ½Π° Ρ†Π΅Π»ΠΈΠΊΠΎΠΌ. А сСйчас Π΄ΡƒΠΌΠ°ΡŽ Ρ‚Π°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ Π’Π°ΠΌ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ, ΠΈ ΠΌΠ½Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ.. : Π”Π° ΠΈ ΠΏΠΎΠ΄Ρ€Π°Π·ΡƒΠΌΠ΅Π²Π°ΡŽ Ρ‡Ρ‚ΠΎ Π’Ρ‹ ΡƒΠΆΠ΅ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Ρ‚Π΅Π³ΠΈ Π² Π½ΡƒΠΆΠ½Ρ‹Π΅ мСста.

ΠΠ°ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΌΠ½Π΅ письмо.. — строчка ΠΈΠ· Ρ‚ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°..

Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎ Π±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ тСкст ΠΈΠ»ΠΈ рисунок ссылкой Π½Π° e-mail — ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹ΠΉ ящик Π΅Π³ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π² Ρ‚Π΅Π³ <a>, Π½ΠΎ Π½Π΅ простой, Π° с использованиСм mailto

ПишСм Ρ‚Π°ΠΊ:

<a href=»mailto:[email protected]»> ΠΠ°ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΌΠ½Π΅ письмо.. </a>

Π­Ρ‚Π° нСпривычная запись Π±ΡƒΠ΄Π΅Ρ‚ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ Ρ‡Ρ‚ΠΎ, ΠΊΠ»ΠΈΠΊΠ½ΡƒΠ² ΠΏΠΎ тСксту ссылкС «ΠΠ°ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΌΠ½Π΅ письмо..» ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ сайта ΠΏΠΎΠΏΠ°Π΄Π΅Ρ‚ Π² свою ΠΏΠΎΡ‡Ρ‚ΠΎΠ²ΡƒΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ, которая выдаст Π΅ΠΌΡƒ Π±Π»Π°Π½ΠΊ для ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΈ письма, Π³Π΄Π΅ Π² строчкС ΠšΠΎΠΌΡƒ: ΡƒΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠΊΠ°Π·Π°Π½ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π½Π°ΠΌ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹ΠΉ ящик [email protected]

ΠŸΡ€ΠΈΠΌΠ΅Ρ€:

<html>
<head>
<title>e-mail</title>
</head>
<body>
<center><h3>
<a href=»mailto:[email protected]»> ΠΠ°ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΌΠ½Π΅ письмо.. </a>
</h3></center>
</body>
</html>

Помимо этого Π² ΠΏΠΎΡ‡Ρ‚ΠΎΠ²ΠΎΠΌ Π±Π»Π°Π½ΠΊΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Ρ€Π°Π½Π΅Π΅ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Π²Π΅Ρ‰ΠΈ:

?subject= — Π’Π΅ΠΌΠ° ΠΏΠΈcьма
&Body= — ВСкст сообщСния
&cc= [email protected],[email protected] — Копии письма
&bcc= [email protected],[email protected] — Π‘ΠΊΡ€Ρ‹Ρ‚Ρ‹Π΅ ΠΊΠΎΠΏΠΈΠΈ письма

АдрСса ящиков для ΠΊΠΎΠΏΠΈΠΉ ΠΈ скрытых ΠΊΠΎΠΏΠΈΠΉ письма ΠΏΠΈΡˆΡƒΡ‚ΡΡ Ρ‡Π΅Ρ€Π΅Π· Π·Π°ΠΏΡΡ‚ΡƒΡŽ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€:

<html>
<head>
<title>e-mail</title>
</head>
<body>
<center><h3>
<a href=»mailto:[email protected]?subject=А Ρƒ вас ΠΌΠΎΠ»ΠΎΠΊΠΎ ΡƒΠ±Π΅ΠΆΠ°Π»ΠΎ.. &Body=ВСкст письма &[email protected] &[email protected]»>ΠΠ°ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΌΠ½Π΅ письмо.. </a>
</h3></center>
</body>
</html>

Π—Π°ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈΠ»ΠΈ якоря — это особый Π²ΠΈΠ΄ ссылок. Π”Π°Π½Π½Ρ‹Π΅ ссылки, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Π½Π΅ Π²Π΅Π΄ΡƒΡ‚ ΠΊ ΠΊΠ°ΠΊΠΎΠΌΡƒ Π»ΠΈΠ±ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ, Π° ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ страницы.

ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ Π½Π° страницС Π² ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΌ мСстС находится Π½Π΅ΠΊΠΎΠ΅ содСрТаниС ΠΈΠ»ΠΈ мСню.. ΠΏΠΎ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡƒ:

Π“Π»Π°Π²Π°1
Π“Π»Π°Π²Π°2
Π“Π»Π°Π²Π°3

А Π΄Π°Π»Π΅Π΅ ΠΈΠ΄Π΅Ρ‚ большой тСкст с этими Π³Π»Π°Π²Π°ΠΌΠΈ, Ρ‚Π°ΠΊ Π²ΠΎΡ‚ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ страницы Π½Π°ΠΆΠ°Π² Π½Π° ΠΎΠ΄Π½Ρƒ ΠΈΠ· этих Π³Π»Π°Π² «ΠΏΠ΅Ρ€Π΅Π½Ρ‘сся» Π² Π½ΡƒΠΆΠ½ΠΎΠ΅ мСсто тСкста Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΄Π²Π΅ Π²Π΅Ρ‰ΠΈ:

ΠŸΡ€ΠΈΡΠ²ΠΎΠΈΡ‚ΡŒ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ имя ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π³Π»Π°Π²Π΅. Π˜Ρ‰Π΅ΠΌ, Π·Π½Π°Ρ‡ΠΈΡ‚, Π² большом-большом тСкстС Π½ΡƒΠΆΠ½Ρ‹Π΅ Π³Π»Π°Π²Ρ‹ ΠΈ Π΄Π΅Π»Π°Π΅ΠΌ ΠΈΡ… адрСсами ссылок Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ, присваиваСм ΠΈΠΌ ΠΈΠΌΠ΅Π½Π°.

Π’ΠΎΡ‚ Ρ‚Π°ΠΊ:

<Π° name=»glava1″>Π“Π»Π°Π²Π°1 </Π°>
<Π° name=»glava2″>Π“Π»Π°Π²Π°2 </Π°>
<Π° name=»glava3″>Π“Π»Π°Π²Π°3 </Π°>

Имя ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΡΠ²ΠΎΠΈΡ‚ΡŒ любоС Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ glava1

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ собствСнно прописываСм Π½Π° Π½ΠΈΡ… ссылки Π² нашСм мСню, содСрТании.

Π’ΠΎΡ‚ Ρ‚Π°ΠΊ:

<a href=»#glava1″> Π“Π»Π°Π²Π°1</a>
<a href=»#glava2″> Π“Π»Π°Π²Π°3</a>
<a href=»#glava3″> Π“Π»Π°Π²Π°3</a>

Π—Π°ΠΌΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅Π΄ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΌ ΠΈΠΌΠ΅Π½Π΅ΠΌ ставим Π·Π½Π°ΠΊ Ρ€Π΅ΡˆΡ‘Ρ‚ΠΊΠΈ #.

Π›Π°Π΄Π½ΠΎ, Π΄ΡƒΠΌΠ°ΡŽ, Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π±ΡƒΠ΄Π΅Ρ‚ понятнСС:

<html>
<head>
<title>Π—Π°ΠΊΠ»Π°Π΄ΠΊΠΈ</title>
</head>
<body>
<h3>А. Б. ПУШКИН</h3>
<a href=»#skazka1″>Π‘ΠΊΠ°Π·ΠΊΠ° ΠΎ ΠΏΠΎΠΏΠ΅ ΠΈ Ρ€Π°Π±ΠΎΡ‚Π½ΠΈΠΊΠ΅ Π΅Π³ΠΎ Π‘Π°Π»Π΄Π΅</a><br>
<a href=»#skazka2″>Π‘ΠΊΠ°Π·ΠΊΠ° ΠΎ Ρ€Ρ‹Π±Π°ΠΊΠ΅ ΠΈ Ρ€Ρ‹Π±ΠΊΠ΅</a><br>
<a href=»#skazka3″>Π‘ΠΊΠ°Π·ΠΊΠ° ΠΎ Ρ†Π°Ρ€Π΅ CΠ°Π»Ρ‚Π°Π½Π΅</a>
<h4><a name=»skazka1″>Π‘ΠΊΠ°Π·ΠΊΠ° ΠΎ ΠΏΠΎΠΏΠ΅ ΠΈ Ρ€Π°Π±ΠΎΡ‚Π½ΠΈΠΊΠ΅ Π΅Π³ΠΎ Π‘Π°Π»Π΄Π΅</a></h4>
<pre>
Π–ΠΈΠ»-Π±Ρ‹Π» ΠΏΠΎΠΏ,
Π’ΠΎΠ»ΠΎΠΊΠΎΠ½Π½Ρ‹ΠΉ Π»ΠΎΠ±.
… … …
</pre>
<h4><a name=»skazka2″>Π‘ΠΊΠ°Π·ΠΊΠ° ΠΎ Ρ€Ρ‹Π±Π°ΠΊΠ΅ ΠΈ Ρ€Ρ‹Π±ΠΊΠ΅</a></h4>
<pre>
Π–ΠΈΠ» старик со своСю старухой
Π£ самого синСго моря.
… … …
</pre>
<h4><a name=»skazka3″>Π‘ΠΊΠ°Π·ΠΊΠ° ΠΎ Ρ†Π°Ρ€Π΅ CΠ°Π»Ρ‚Π°Π½Π΅</a></h4>
<pre>
Π’Ρ€ΠΈ Π΄Π΅Π²ΠΈΡ†Ρ‹ ΠΏΠΎΠ΄ ΠΎΠΊΠ½ΠΎΠΌ
ΠŸΡ€ΡΠ»ΠΈ ΠΏΠΎΠ·Π΄Π½ΠΎ Π²Π΅Ρ‡Π΅Ρ€ΠΊΠΎΠΌ.
… … …
</pre>
</body>
</html>

Π₯отя, ΠΊΠ°ΠΊ я ΡƒΠΆΠ΅ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ», Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ страницы, Π½Π° Π½ΠΈΡ… всё ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ с Π΄Ρ€ΡƒΠ³ΠΈΡ… страниц ΠΈΠ»ΠΈ сайтов

<a href=»primer.html#glava1″> ΠΈΠ΄Π΅ΠΌ ΠΊ Π³Π»Π°Π²Π΅1 с Π΄Ρ€ΡƒΠ³ΠΎΠΉ страницы сайта</a>
<a href=»http://www.site.ru/ primer.html#glava2″> размСстив Ρ‚Π°ΠΊΡƒΡŽ ссылку Π½Π° любом Π΄Ρ€ΡƒΠ³ΠΎΠΌ сайтС ΠΌΡ‹ согласно ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΌΡƒ ΠΏΡƒΡ‚ΠΈ сначала ΠΏΠΎΠΏΠ°Π΄Π°Π΅ΠΌ Π½Π° наш сайт www.site.ru Π½Π°Π΄Ρ‘ΠΌ Ρ‚Π°ΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ primer.html ΠΈ сразу Π½Π°Ρ‡ΠΈΠ½Π°ΠΌ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π³Π»Π°Π²Ρƒ2</a>

Ну Π° Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠ°ΠΊ ΠΈ ΠΎΠ±Π΅Ρ‰Π°Π», Π²Ρ‹ΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽ «Π±ΠΎΠ»ΡŒΡˆΠΎΠΉ» ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΎΠ½ Ρ‚ΠΎΠΆΠ΅ состоит ΠΈΠ· Π΄Π²ΡƒΡ… ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… страниц:

Π€Π°ΠΉΠ» index.html:

<html>
<head>
<title>Мой ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ сайт </title>
</head>
<body text=»#484800″ bgcolor=»#ffffff» background=»graphics/fon.jpg»>
<center>
<table cellpadding=»5″ cellspacing=»2″ border=»1″>
<tr>
<td colspan=»3″ bgcolor=»#b2ff80″>
<center><img src=»graphics/privet.jpg» alt=»ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠΌΠΈΡ€!!!»></center>
</td>
</tr>
<tr>
<td bgcolor=»#ffa0cf»>
<center><b><a href=» index.html»>Обо ΠΌΠ½Π΅!!!</a></b></center>
</td>
<td bgcolor=»#c0e4ff»>
<center><b><a href=» myfoto.html»>Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΈ Ρ„ΠΎΡ‚ΠΊΠΈ!!</a></b></center>
</td>
<td bgcolor=»#c0e4ff»>
<center><b><a href=»mailto:[email protected]»>ΠΠ°ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΌΠ½Π΅ письмо..</a></b></center>
</td>
</tr>
<tr>
<td colspan=»3″ valign=»top» bgcolor=»#b2ff80″>
<img src=»graphics/foto.jpg» align=»left» hspace=»10″ alt=»Π­Ρ‚ΠΎ моя Ρ„ΠΎΡ‚ΠΊΠ°!!!»>
<p align=»justify»>&nbsp;&nbsp;&nbsp;Π Π°Π·Ρ€Π΅ΡˆΠΈΡ‚Π΅ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒΡΡ ΠšΠ°Ρ€Π»ΡΠΎΠ½! … … …</p>
</td>
</tr>
</table>
</center>
</body>
</html>


Π€Π°ΠΉΠ» myfoto.html:

<html>
<head>
<title>Мой ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ сайт </title>
</head>
<body text=»#484800″ bgcolor=»#ffffff» background=»graphics/fon.jpg»>
<center>
<table cellpadding=»5″ cellspacing=»2″ border=»1″>
<tr>
<td colspan=»3″ bgcolor=»#b2ff80″>
<center><img src=»graphics/privet.jpg» alt=»ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΠΌΠΈΡ€!!!»></center>
</td>
</tr>
<tr>
<td bgcolor=»#c0e4ff»>
<center><b><a href=» index.html»>Обо ΠΌΠ½Π΅!!!</a></b></center>
</td>
<td bgcolor=»#ffa0cf»>
<center><b><a href=» myfoto.html»>Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΈ Ρ„ΠΎΡ‚ΠΊΠΈ!!</a></b></center>
</td>
<td bgcolor=»#c0e4ff»>
<center><b><a href=»mailto:[email protected]»>ΠΠ°ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΌΠ½Π΅ письмо..</a></b></center>
</td>
</tr>
<tr>
<td colspan=»3″ valign=»top» bgcolor=»#b2ff80″>
<img src=»graphics/foto1.jpg» align=»middle» vspace=»10″ hspace=»10″ alt=»Π­Ρ‚ΠΎ моя Ρ„ΠΎΡ‚ΠΊΠ°!!!»>
это я <br>
<img src=»graphics/foto2.jpg» align=»middle» vspace=»10″ hspace=»10″ alt=»Π­Ρ‚ΠΎ моя Ρ„ΠΎΡ‚ΠΊΠ°!!!»>
ΠΈ это я <br>
<img src=»graphics/foto3.jpg» align=»middle» vspace=»10″ hspace=»10″ alt=»Π­Ρ‚ΠΎ моя Ρ„ΠΎΡ‚ΠΊΠ°!!!»>
снова я
</td>
</tr>
</table>
</center>
</body>
</html>

Π€ΡƒΡ….. Π½Ρƒ Π²Ρ€ΠΎΠ΄Π΅ всё.. Π”ΡƒΠΌΠ°ΡŽ, Π½Π° этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ с ΠšΠ°Ρ€Π»ΡΠΎΠ½ΠΎΠΌ ΠΌΡ‹ распрощаСмся, разросся ΠΎΠ½ Ρ‡Π΅Ρ€Π΅Π· Ρ‡ΡƒΡ€.. Π΄Π° ΠΈ ΠΊΠ°ΠΊ сайт с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния построСния ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π°ΠΊΠΎΠ½Ρ‡Π΅Π½Π½Ρ‹ΠΉ Π²ΠΈΠ΄…

Он ΡƒΠ»Π΅Ρ‚Π΅Π» — Π½ΠΎ ΠΎΠ±Π΅Ρ‰Π°Π» Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ!.. πŸ™‚

Π’ΠΏΠΎΠ»Π½Π΅ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ сайт-Π²ΠΈΠ·ΠΈΡ‚ΠΊΠ° получился.. ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π΅ вдохновляСт, Π½ΠΎ Π·Π°Ρ‚ΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Ρƒ Вас Π±ΡƒΠ΄Π΅Ρ‚ стимул ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΠ΅!! Π’Π΅ΠΏΠ΅Ρ€ΡŒ этот сайт ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π»ΠΎΠΆΠΈΡ‚ΡŒ Π² свСт, ΠΊΠ°ΠΊ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ «ΠŸΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΡ сайта»

Ну Π° ΠΌΡ‹ ΠΏΠΎΠΉΠ΄Π΅ΠΌ дальшС, Π²ΠΏΠ΅Ρ€Π΅Π΄ΠΈ нас ΠΆΠ΄Π΅Ρ‚ Π΅Ρ‰Π΅ ΠΌΠ½ΠΎΠ³ΠΎ интСрСсных всяких Ρ€Π°Π·Π½Ρ‹Ρ… ΡˆΡ‚ΡƒΠΊ.

  • Одна ΠΈΠ· Π’Π°ΡˆΠΈΡ… страничСк Π½Π° сайтС ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ½Π° Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ index.html. ИмСнно Ρ„Π°ΠΉΠ» с Ρ‚Π°ΠΊΠΈΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Π½Π° Π’Π°ΡˆΠ΅ΠΌ сайтС Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Ρ€ΠΎΠ±ΠΎΡ‚, ΠΊΠΎΠ³Π΄Π° Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ Π²Π²Π΅Π΄Π΅Ρ‚ имя Π’Π°ΡˆΠ΅Π³ΠΎ сайта. Π’Π°ΠΊ ΠΊΠ°ΠΊ страница index.html Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ ΠΏΠ΅Ρ€Π²ΠΎΠΉ, Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π΅Ρ‘ Π³Π»Π°Π²Π½ΠΎΠΉ. ΠžΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ страницы ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ угодно… большС Π½ΠΈΠΊΠ°ΠΊΠΈΡ… нюансов с ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ Π½Π΅Ρ‚.

  • ΠŸΡ€ΠΎ рСгистр.. ΠŸΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ ΠΏΡƒΡ‚ΡŒ ΠΈ ΠΈΠΌΠ΅Π½Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ: Page.html, page.html ΠΈ PAGE.html это ΠΈΠΌΠ΅Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ²! Π­Ρ‚ΠΎ ΠΆΠ΅ касаСтся ΠΈΠΌΠ΅Π½ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΈ рисунков. ВсСгда ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°ΠΉΡ‚Π΅ рСгистр ΠΏΡ€ΠΈ написании ΠΊΠΎΠ΄Π°, Π΅ΡΡ‚ΡŒ большая Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΈΠ΅ ΠΈΠΌΠ΅Π½Π° Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ распознаны Ρ‚Π΅ΠΌ ΠΈΠ»ΠΈ ΠΈΠ½Ρ‹ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ. Π’ΠΎΠ·ΡŒΠΌΠΈΡ‚Π΅ Π·Π° ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ всС ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΈ ΠΎΠ±Π·Ρ‹Π²Π°Ρ‚ΡŒ малСнькими латинскими Π±ΡƒΠΊΠ²Π°ΠΌΠΈ, Ρ‚ΠΎΠ³Π΄Π° риск чСловСчСского Ρ„Π°ΠΊΡ‚ΠΎΡ€Π° ΠΈ ΠΊΠ°ΠΏΡ€ΠΈΠ·ΠΎΠ² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ свСдСтся ΠΊ Π½ΡƒΠ»ΡŽ.

  • ΠŸΡ€Π°Π²ΠΈΠ»ΠΎ Ρ‚Ρ€Π΅Ρ… ΠΊΠ»ΠΈΠΊΠΎΠ²..

    Π‘Ρ‚Π°Ρ€Π°ΠΉΡ‚Π΅ΡΡŒ Ρ„ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ «Π΄Π΅Ρ€Π΅Π²ΠΎ ссылок» Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ сайта ΠΌΠΎΠ³ ΠΈΠ· любой Π΅Π³ΠΎ страницы ΠΏΠΎΠΏΠ°ΡΡ‚ΡŒ Π² любоС мСсто сайта Π·Π° минимальноС число ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ² ΠΏΠΎ ссылкам. Π‘ΠΎΠ»ΡŒΡˆΠ΅ Ρ‚Ρ€Ρ‘Ρ… ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ² ΠΊ Π½ΡƒΠΆΠ½ΠΎΠΌΡƒ мСсту Π½Π° сайтС это ΡƒΠΆΠ΅ Π½Π΅ Π΅ΡΡ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ.. БСсконСчныС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Ρ… Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΡƒ страниц ΠΌΠΎΠ³ΡƒΡ‚ привСсти ΠΊ Π½Π΅Ρ€Π²Π½ΠΎΠΌΡƒ расстройству ΠΈ ΠΏΡ€Π΅ΠΆΠ΄Π΅Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΌΡƒ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΡŽ сайта. Π‘Π΅Ρ€Π΅Π³ΠΈΡ‚Π΅ врСмя дСньги ΠΈ Π½Π΅Ρ€Π²Ρ‹ людСй.



Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ссылку Π² HTML

  1. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ сайта Π½Π° Adobe Dreamweaver
  2. ΠŸΠ΅Ρ€Π²Π°Ρ Π²Π΅Π± страница
  3. Π€ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ тСкста Π² HTML
  4. БозданиС списков
  5. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ‚Π°Π±Π»ΠΈΡ† Π² Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅
  6. Π¦Π²Π΅Ρ‚Π° Π² HTML
  7. Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ Π² HTML?
  8. Вабличная вСрстка сайта
  9. Π’Π΅Π³ΠΈ Π² HEAD
  10. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π² html
  11. CSS
  12. Π Π°Π±ΠΎΡ‚Π° с тСкстом ΠΈ изобраТСниями Π² CSS
  13. Блочная структура сайта
  14. Блочная вСрстка

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ научимся Π΄Π΅Π»Π°Ρ‚ΡŒ гипСрссылки. Π‘Π΅Π· Π½ΠΈΡ… Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ΅Π½ Π½ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹ΠΉ сайт. ГипСрссылка- это ссылка, ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΈΡ‚ нас Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ страницу Π² сСти, ΠΈΠ»ΠΈ Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ сайт, ΠΈΠ»ΠΈ Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ мСсто Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅, Π² ΠΎΠ±Ρ‰Π΅ΠΌ, Ρ‚ΡƒΠ΄Π°, ΠΊΡƒΠ΄Π° ΠΌΡ‹ Π½Π°Π·Π½Π°Ρ‡ΠΈΠΌ. Для этого ΡƒΡ€ΠΎΠΊΠ° Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ: создайтС Π½ΠΎΠ²ΡƒΡŽ страницу с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ third_page.html .

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½Π° страницС Ρ‚Π°ΠΊΠΎΠΉ список:

МСню

  • Главная страница
  • ΠŸΠ΅Ρ€Π²Π°Ρ страница
  • Вторая страница

Код выглядит Ρ‚Π°ΠΊ:

<html>
<head>
<title>Third_page</title>
</head>
<body>
<p>МСню</p>
<ul>
<li>Главная страница</li>
<li>Вторая страница </li>
<li>Π’Ρ€Π΅Ρ‚ΡŒΡ страница </li>
</ul>
</body>
</html>

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ ΠΈΠ· этого списка сдСлаСм мСню, каТдая строка ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π²Π΅Π΄Π΅Ρ‚ Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ страницу. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ гипСрссылок. Π’Π΅Π³ гипСрссылки выглядит Ρ‚Π°ΠΊ:

<a href=”страница”>тСкст ссылки</a>

Π‘Π΄Π΅Π»Π°Π΅ΠΌ ссылку Π½Π° Π³Π»Π°Π²Π½ΡƒΡŽ страницу. ПомСняСм ΠΏΠ΅Ρ€Π²Ρ‹ΠΉΒ  элСмСнт списка  Π½Π° гипСрссылку:

<li><a href=”index.html”> Главная страница </a></li>

Π—Π΄Π΅ΡΡŒ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ‚Π΅Π³Π° элСмСнта списка (<li>) ΠΌΡ‹ вставили Ρ‚Π΅Π³ гипСрссылки (<a href=”index.html”>)

Π’Π΅ΠΏΠ΅Ρ€ΡŒ сдСлайтС ссылку Π½Π° Π²Ρ‚ΠΎΡ€ΡƒΡŽ страницу(ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ сами). Код выглядит Ρ‚Π°ΠΊ:

<li><a href=”second_page.html”> Вторая страница </a></li>

Π’Ρ€Π΅Ρ‚ΡŒΠΈΠΌ элСмСнтом списка ΠΌΡ‹ сдСлаСм ссылку Π½Π° страницу Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ (Π½Π°ΠΏΡ€. mail.ru)

Код Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ:

<li><a href=”http://www.mail.ru/” > Π’Ρ€Π΅Ρ‚ΡŒΡ страница </a></li>

ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ страницу Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, ΠΏΠΎΡ‰Π΅Π»ΠΊΠ°ΠΉΡ‚Π΅ ΠΏΠΎ ссылкам, посмотритС, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹ Π½Π° страницы. Если Ρƒ вас ссылки Π½Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ΡΡ, Ρ‚ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ дСйствия:

  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ всС Ρ„Π°ΠΉΠ»Ρ‹ (index.html , second_page.html) Π½Π°Ρ…ΠΎΠ΄ΠΈΠ»ΠΈΡΡŒ Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ со страницСй third_page.html
  • Π£Π΄Π°Π»ΠΈΡ‚Π΅ ΠΊΡƒΠΊΠΈ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅
  • ΠŸΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€, ΠΏΠΎΡ‚ΠΎΠΌ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ страницу third_page.html

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΌΡ‹ Π½Π°ΡƒΡ‡ΠΈΠ»ΠΈΡΡŒ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡΡ‚Π΅ΠΉΡˆΠΈΠ΅ ссылки, Π±Π΅Π· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π½ΠΈ ΠΎΠ΄Π½Ρƒ страницу Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Dreamweaver ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ гипСрссылки быстрСС ΠΈ Π»Π΅Π³Ρ‡Π΅.

Π Π°Π±ΠΎΡ‚Π° Π² Dreamweaver.

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½ΠΎΠ²ΡƒΡŽ страницу ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ: third_page.html. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ список ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Ρ‚ΠΎΠΌΡƒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ описывали ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ Π² Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅.

ГипСрссылка Π² Dreamviewer

Для создания гипСрссылок Π² Dreamweaver ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΎΠΊΠ½ΠΎ Link (Ρ†ΠΈΡ„Ρ€Π°1). Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ тСкст: Главная страница. Π’ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Files (Ρ†ΠΈΡ„Ρ€Π° 2) Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π»Π΅Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉΒ  Π½Π° Ρ„Π°ΠΉΠ»Π΅ index.html (Ρ†ΠΈΡ„Ρ€Π° 3) ΠΈ Π½Π΅ отпуская ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Π² ΠΏΠΎΠ»Π΅ Link. Π£ вас Π² ΠΏΠΎΠ»Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ тСкст Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ: Ρ†Π²Π΅Ρ‚ ΡˆΡ€ΠΈΡ„Ρ‚Π° станСт синим ΠΈ появится Π½ΠΈΠΆΠ½Π΅Π΅ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅. Π’ΠΎΡ‚ ΠΌΡ‹ ΠΈ создали Π½Π°ΡˆΡƒ ΠΏΠ΅Ρ€Π²ΡƒΡŽ гипСрссылку.

Π’Ρ‚ΠΎΡ€ΠΎΠΉ способ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ссылку: Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ тСкст «Вторая страница». Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π½Π° ΠΏΠ°ΠΏΠΊΠ΅ рядом с ΠΏΠΎΠ»Π΅ΠΌ Link (Ρ†ΠΈΡ„Ρ€Π° 1). Π’ ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ second_page Β ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ОК.

ВсС ссылка создана.

Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ тСкст Β«Π’Ρ€Π΅Ρ‚ΡŒΡ страница». Π’ ΠΏΠΎΠ»Π΅ Link Π²Π²Π΅Π΄ΠΈΡ‚Π΅: http://www.mail.ru/

ΠœΡ‹ создали ссылку Π½Π° страничку mail.ru.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ страницу Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

Π’ этой Π³Π»Π°Π²Π΅ ΠΌΡ‹ Π½Π°ΡƒΡ‡ΠΈΠ»ΠΈΡΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡΡ‚Π΅ΠΉΡˆΠΈΠ΅ гипСрссылки. Π­Ρ‚ΠΈ Π½Π°Π²Ρ‹ΠΊΠΈ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π½Π°ΠΌ Π² дальнСйшСм ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ красивыС ΠΈ ΡƒΠ΄ΠΎΠ±Π½Ρ‹Π΅ сайты. Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ Π³Π»Π°Π²Π΅ ΠΌΡ‹ научимся ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹.

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ гипСрссылку Π² html Π² Π±Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅ β€” kak.pokyer.ru

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

Π˜Ρ‚Π°ΠΊ, приступим.

Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅:
Π’ ΠΊΠΎΠ΄Π΅ я ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽ «ВАША_Π‘Π‘Π«Π›ΠšΠ_НА_БВРАНИЦУ» ΠΈΠ»ΠΈ Β«https://bloggood.ru/Β». ЕстСствСнно, Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ эти адрСса своими.

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ:

HTML ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΊΠ°ΠΊ ссылка

 1  способ:
Π’ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Β«actionΒ» помСститС URL-адрСс, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ½Π° вСсти Β«ΠΊΠ½ΠΎΠΏΠΊΠ°Β»:

  <form action="ВАША_Π‘Π‘Π«Π›ΠšΠ_НА_БВРАНИЦУ " method="GET">  <input ENGINE="submit" value="Кнопка" />  </form>  

2 способ:
Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ HTML события:

  <input value="Кнопка" type="button" />  

3 способ:
Π’ΠΎΠΆΠ΅ взят ΠΈΠ· HTML события, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠΌ способом:

JS:

  <script type="text/javascript">  function BlogGood()  {  location.href='https://bloggood.ru/';  }  </script>  

HTML:

  <input value="Кнопка" type="button" />  

BlogGood() – это Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°Π·Π²Π°Ρ‚ΡŒ ΠΏΠΎ своСму.

HTML ссылка ΠΊΠ°ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ°

Π’Π΅ΠΏΠ΅Ρ€ΡŒ сдСлаСм Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ссылка ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»Π°ΡΡŒ, ΠΊΠ°ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ° :coffe:.

1  способ:
Π‘Π°ΠΌΠΎΠ΅ простоС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ – это Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΈ ΠΎΠ±Ρ…Π²Π°Ρ‚ΠΈΡ‚ΡŒ Π΅Π΅ Ρ‚Π΅Π³Π°ΠΌΠΈ ссылки <a>:

  <a href=" ВАША_Π‘Π‘Π«Π›ΠšΠ_НА_БВРАНИЦУ "><img src="knopka.jpeg"></a>  

2 способ:

МоТно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ особоС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π² CSS Β«-moz-appearance ΠΈ -webkit-appearanceΒ» со Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ Β«buttonΒ» :

CSS:

  a  {  -moz-appearance: button; /* Firefox */  -webkit-appearance: button; /* Chromium */  padding: .2em .75em;  text-decoration: none;  }  

HTML:

  <a href="https://bloggood.ru">Π‘Π‘Π«Π›ΠšΠ Π½Π° BLOGGOOD.RU</a>  

3 способ:

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π² CSS ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ свои стили для ΠΊΠ½ΠΎΠΏΠΊΠΈ.
Π’Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ это Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΎΡ‚ Ρ‚Π°ΠΊ:

CSS:

  .ssilka {  border:1px solid #ccc; // Ρ€Π°ΠΌΠΊΠ°  background:#eaeaea; //Ρ„ΠΎΠ½  padding: .2em .75em; //отступы Π²Π½ΡƒΡ‚Ρ€ΠΈ  text-decoration: none; //ΡƒΠ±Ρ€Π°Ρ‚ΡŒ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ссылки  }  

HTML:

  <a href="https://bloggood.ru">Π‘Π‘Π«Π›ΠšΠ Π½Π° BLOGGOOD.RU</a>  

Π’Ρ€ΠΎΠ΄Π΅, Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ пропустил ΠΈ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π½Π°ΠΏΡƒΡ‚Π°Π».

ΠŸΠΎΠ½Ρ€Π°Π²ΠΈΠ»ΡΡ пост? Помоги Π΄Ρ€ΡƒΠ³ΠΈΠΌ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎΠ± этой ΡΡ‚Π°Ρ‚ΡŒΠ΅, ΠΊΠ»ΠΈΠΊΠ½ΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй ↓↓↓

ПослСдниС новости ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ:

ΠŸΠΎΡ…ΠΎΠΆΠΈΠ΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ

ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹Π΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ:

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

ΠœΠ΅Ρ‚ΠΊΠΈ: css, html, javascript, ВСбмастСру, для сайта



Source: bloggood.ru

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅

Вставка ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ ссылок. Π£Ρ€ΠΎΠΊ HTML

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

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

Одна страница Ρƒ нас ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ, создадим Π΅Ρ‰Π΅ ΠΎΠ΄Π½Ρƒ: index.html — это стандартноС Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π³Π»Π°Π²Π½ΠΎΠΉ страницы сайта. Если Π²Ρ‹ Π²ΡΠ΅Ρ€ΡŒΠ΅Π· ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ Π΄Π΅Π»Π°Ρ‚ΡŒ сайт, Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π½Π°Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ. А для Π»Π΅Π½ΠΈΠ²Ρ‹Ρ… ΠΈ ΠΏΡ€Π°ΠΊΡ‚ΠΈΡ‡Π½Ρ‹Ρ…: ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΡƒΡŽ ΡƒΡ‡Π΅Π±Π½ΡƒΡŽ html-страницу Π² Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅ ΠΈ Π·Π°Π΄Π°Π΅ΠΌ имя: index.html (Π€Π°ΠΉΠ» — Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊ).

НС Π·Π°Π±Ρ‹Π²Π°Π΅ΠΌ ΠΏΡ€ΠΎ Ρ‚ΠΈΠΏ Ρ„Π°ΠΉΠ»Π° ΠΈ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΡƒ — UTF-8 (см. ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΡƒΡ€ΠΎΠΊ ΠΎ создании html-страницы Π² Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅). Π—Π°Ρ‚Π΅ΠΌ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Ρ„Π°ΠΉΠ» index.html Π² Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌ Π΅Π³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

Для Ρ‚Π΅Ρ…, Ρƒ ΠΊΠΎΠ³ΠΎ Ρ…Ρ€ΠΎΠΌΠ°Π΅Ρ‚ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½Π°Ρ Π³Ρ€Π°ΠΌΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ: Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ ΠΊΠ»ΠΈΠΊ Π»Π΅Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ Ρ„Π°ΠΉΠ»Ρƒ .html ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ Π΅Π³ΠΎ Π² основном Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΅Π³ΠΎ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠΎ Π½Π΅ΠΌΡƒ ΠΊΠ»ΠΈΠΊ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ, Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π² мСню ΠΏΡƒΠ½ΠΊΡ‚ Β«ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽΒ» — ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π’Π°ΠΌ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚ ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ — для рСдактирования Ρ„Π°ΠΉΠ»Π°.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ посмотрим, Ρ‡Ρ‚ΠΎ Ρƒ нас ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ, Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π‘Π°Π»Π°Ρ‚ΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° всСй страницы Π·Π°Π΄Π°Π½ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ bgcolor Ρ‚Π΅Π³Π° Body:

Как ΠΈ Ρƒ ΠΌΠ½ΠΎΠ³ΠΈΡ… Ρ‚Π΅Π³ΠΎΠ², Ρƒ Body сущСствуСт нСсколько Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ², Π·Π°Π΄Π°ΡŽΡ‰ΠΈΡ… Ρ‚ΠΎΡ‚ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ ΡΡ‚ΠΈΠ»ΡŒ элСмСнтов, располоТСнных Π² этом Ρ‚Π΅Π³Π΅. НапримСр, Ρ†Π²Π΅Ρ‚ тСкста ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ text. Π’.ΠΊ. Body — это вся видимая Ρ‡Π°ΡΡ‚ΡŒ страницы, Ρ‚ΠΎ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ Π΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ для всСго тСкста страницы.

Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π΄Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… элСмСнтов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Π°Π±Π·Π°Ρ† P ΠΈΠ»ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ допускаСтся ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ style, ΠΏΡ€ΠΈΠΌΠ΅Ρ€: <h2></h2> — Π±Π΅Π»Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°. Π‘ΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ ΠΎ значСниях Ρ†Π²Π΅Ρ‚Π° Π² html. Π’ Ρ‚Π°Π±Π»ΠΈΡ†Π°Ρ… Π‘ΠΏΡ€Π°Π²ΠΎΡ‡Π½ΠΈΠΊΠ° для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ‚Π΅Π³Π° Π΅ΡΡ‚ΡŒ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ° Β«Π£Π½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹Β»: Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ ΠΎΠ½ΠΈ ΠΊ элСмСнту ΠΈΠ»ΠΈ Π½Π΅Ρ‚.

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ изобраТСния

ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ Π»ΡŽΠ±Ρ‹Π΅ изобраТСния Π² Ρ‚Ρƒ ΠΆΠ΅ ΠΏΠ°ΠΏΠΊΡƒ, Π³Π΄Π΅ находятся Π΄Π²Π΅ ΡƒΡ‡Π΅Π±Π½Ρ‹Π΅ html-страницы. Π‘Π°ΠΌΡƒ ΠΏΠ°ΠΏΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π·Π²Π°Ρ‚ΡŒ, Π½Ρƒ скаТСм Site1. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ названия Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° img1, img2, img3, ΠΊΠ°ΠΊ Π½Π° ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π΅. Π›ΠΈΠ±ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Π² нашСм ΠΊΠΎΠ΄Π΅ эти названия Π½Π° названия Π²Π°ΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π° Ссли Π½ΡƒΠΆΠ½ΠΎ, Ρ‚ΠΎ помСняйтС ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ (Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»ΠΎΠ²). Π£ мСня это ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ 3D Ρ‡Π΅Π»ΠΎΠ²Π΅Ρ‡ΠΊΠΎΠ², Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ .jpg:

Π’Ρ‹ Π½Π°Π²Π΅Ρ€Π½ΠΎ ΡΠ»Ρ‹ΡˆΠ°Π»ΠΈ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Β«ΠšΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ сайта» — это дирСктория (ΠΏΠ°ΠΏΠΊΠ°), Π³Π΄Π΅ располоТСны всС Ρ„Π°ΠΉΠ»Ρ‹ сайта. Π’ Π½Π΅ΠΌ ΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠ°ΠΏΠΊΠΈ: с изобраТСниями, с Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ скриптов, с ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ Ρ€Π°Π·Π΄Π΅Π»Π°ΠΌΠΈ сайта. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡ‚ΠΎΠΌ Π½Π΅ ΠΏΡƒΡ‚Π°Ρ‚ΡŒΡΡ Π² ΠΊΡƒΡ‡Π΅ Ρ„Π°ΠΉΠ»ΠΎΠ² с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΠΌΠΈ, умСстно ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. А для Π±ΠΎΠ»ΡŒΡˆΠΈΡ… сайтов — нСсколько ΠΏΠ°ΠΏΠΎΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Ρ€Π°Π·Π½Ρ‹Ρ… Π΅Π³ΠΎ Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ².

Если ваши изобраТСния ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Β«papkaΒ», Ρ‚ΠΎ ΠΏΡƒΡ‚ΡŒ ΠΊ Π½Π΅ΠΉ (Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° scr) Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ: <img scr="papka/img1.jpg">. Если ваши изобраТСния Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Ρ‚ΠΎ ΠΏΡ€ΠΈΡ‡ΠΈΠ½ всСго Π΄Π²Π΅: ΡƒΠΊΠ°Π·Π°Π½ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ ΠΈΠ»ΠΈ ΠΎΠΏΠ΅Ρ‡Π°Ρ‚ΠΊΠ°. Π’Ρ‹ ΡƒΠΆΠ΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΠ»ΠΈ, Ρ‡Ρ‚ΠΎ элСмСнт Img Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ‚Π΅Π³Π°. Π Π°Π·Π±Π΅Ρ€Π΅ΠΌ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½Π½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ Ρ‚Π΅Π³Π° Img.

Π’ΠΎ Π²Ρ‚ΠΎΡ€ΠΎΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ img2.jpg: Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ alt — Π² качСствС значСния ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΈΠ΄Π΅Π½, Ссли Π±Ρ€Π°ΡƒΠ·Π΅Ρ€, ΠΏΠΎ ΠΊΠ°ΠΊΠΈΠΌ-Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ, Π½Π΅ смог ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. РСкомСндуСтся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ alt, прописывая Π² Π½Π΅ΠΌ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова. Π’Ρ€Π΅Ρ‚ΡŒΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠΌΠ΅Ρ‰Π΅Π½ΠΎ Π² Ρ‚Π΅Π³ P, Π° Π΅Π³ΠΎ располоТСниС справа ΠΎΡ‚ тСкста Π°Π±Π·Π°Ρ†Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ Β«rightΒ» Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° align, слуТащСго для выравнивания ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.

Π‘Ρ‚ΠΎΠΈΡ‚, Π΅Ρ‰Π΅ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΊΡ€ΠΎΠΌΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° jpg Π² Π²Π΅Π±-Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ gif ΠΈ png. Π–Π΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния для Π²Π΅Π± ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ Photoshop. ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅, Π±ΠΎΠ»Π΅Π΅ Β«Π»Π΅Π³ΠΊΠΈΠ΅ ΠΏΠΎ вСсу» изобраТСния, мСньшС тормозят Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ страниц Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

ΠšΡΡ‚Π°Ρ‚ΠΈ, Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ отступы (Ρ€Π°Π·Π½ΠΎΠ΅ количСство ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ²) Π² Π½Π°Ρ‡Π°Π»Π΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ строки ΠΊΠΎΠ΄Π° — ΠΈΡ… Π΄Π΅Π»Π°Ρ‚ΡŒ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ. Π­Ρ‚ΠΎ дСлаСтся для Π·Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ удобства, Ρ‡Ρ‚ΠΎΠ±Ρ‹ вСбмастСру Π±Ρ‹Π»ΠΎ ΠΏΡ€ΠΎΡ‰Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ. Но Ссли Π½Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ пропусков, Π½Π΅ ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ пустых строк — html-страница Π±ΡƒΠ΄Π΅Ρ‚ мСньшС ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ.

Бсылки: ΠΊΠ°ΠΊ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ html-страницы Π² сайт

Бсылки (гипСрссылки) — Ρ‚Π΅Π³ A с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ href, Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ — ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ (URL), я помСстил Π² элСмСнты списка Li, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΠΈ наблюдаСм Π² ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π΅ (2-ΠΎΠΌ) страницы ΠΈΠ· Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π—Π΄Π΅ΡΡŒ Ρ‚Ρ€ΠΈ Π²ΠΈΠ΄Π° ссылок: пСрвая ссылаСтся Π½Π° сайт, Π³Π΄Π΅ Π²Ρ‹ сСйчас Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ΡΡŒ. Если Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° Π½Π΅Π΅ ΠΏΡ€ΠΈ Π½Π°Π»ΠΈΡ‡ΠΈΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-соСдинСния, Ρ‚ΠΎ Π²Ρ‹ ΠΏΠΎΠΏΠ°Π΄Π΅Ρ‚Π΅ Π½Π° Π³Π»Π°Π²Π½ΡƒΡŽ страницу ΠΌΠΎΠ΅Π³ΠΎ сайта. Если Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² URL: Β«/index.htmlΒ» — Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚ΠΎΡ‚ ΠΆΠ΅.

Вторая ссылка, ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²Π΅Π΄Π΅Ρ‚ Π½Π° Π½Π΅ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΡƒΡŽ страницу spravochnik.html, Π½Π°Ρ…ΠΎΠ΄ΡΡ‰ΡƒΡŽΡΡ Π² ΠΏΠ°ΠΏΠΊΠ΅ Β«papkaΒ» ΠΌΠΎΠ΅Π³ΠΎ сайта. Π£ этих Π΄Π²ΡƒΡ… ссылок ΡƒΠΊΠ°Π·Π°Π½Ρ‹ ΠΏΠΎΠ»Π½Ρ‹Π΅ ΠΏΡƒΡ‚ΠΈ ΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°ΠΌ, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠ½ΠΈ ΡΡΡ‹Π»Π°ΡŽΡ‚ΡΡ. Π£ Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅ΠΉ гипСрссылки ΡƒΠΊΠ°Π·Π°Π½ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ. Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° Ρ€Π°Π±ΠΎΡ‚Π°Π»Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ страницы index.html Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ со страницСй, Π³Π΄Π΅ эта ссылка Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π°. Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС, ΠΎΠ½Π° ссылаСтся Π½Π° эту ΠΆΠ΅ страницу (Π½Π° саму сСбя).

Π’.Π΅. ссылки, Π²Π΅Π΄ΡƒΡ‰ΠΈΠ΅ Π½Π° страницы Π΄Ρ€ΡƒΠ³ΠΈΡ… сайтов, ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ URL. А ссылки Π½Π° Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ страницы этого ΠΆΠ΅ сайта ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»Π½Ρ‹ΠΉ, Ρ‚Π°ΠΊ ΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ адрСс. Об Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°Ρ…: Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° title (Π½Π΅ ΠΏΡƒΡ‚Π°Ρ‚ΡŒ с Ρ‚Π΅Π³ΠΎΠΌ) — тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ всплываСт ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° элСмСнт, см. Π½Π° 2-ΠΎΠΌ ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π΅. Title — ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚, Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для Ρ‚Π΅Ρ… ΠΆΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Атрибут target со Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ Β«blankΒ» ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ страницу Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ свяТСм наши Π΄Π²Π΅ ΡƒΡ‡Π΅Π±Π½Ρ‹Π΅ странички Π² Π΅Π΄ΠΈΠ½Ρ‹ΠΉ сайт. Π”ΠΎΠ±Π°Π²ΠΈΠΌ Π½Π° ΠΎΠ±Π΅ страницы, сразу Π·Π° Ρ‚Π΅Π³ΠΎΠΌ Body Π΄Π²Π΅ Ρ‚Π°ΠΊΠΈΠ΅ строчки (здСсь 8-ая ΠΈ 9-ая) — Π΄Π²Π΅ гипСрссылки:

ΠŸΠ΅Ρ€Π²Π°Ρ ссылка Π²Π΅Π΄Π΅Ρ‚ Π½Π° сСгодняшнюю index-страницу, другая Π½Π° Π²Ρ‚ΠΎΡ€ΡƒΡŽ ΡƒΡ‡Π΅Π±Π½ΡƒΡŽ (Ρƒ мСня это — formatirovanie_teksta.html, Ρƒ вас ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ любоС Π΄Ρ€ΡƒΠ³ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅). По сути, ΠΌΡ‹ создали сайт ΠΈΠ· Π΄Π²ΡƒΡ… страниц, Π° эти ссылки — это мСню сайта. Π’Ρ€ΠΈ Π½Π΅Ρ€Π°Π·Ρ€Ρ‹Π²Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π΅Π»Π°, ΠΌΠ΅ΠΆΠ΄Ρƒ ссылками, мною Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ для создания отступа, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Π΄Π²ΠΈΠ½ΡƒΡ‚ΡŒ ссылки. ΠŸΠΎΠΊΠ»ΠΈΠΊΠ°ΠΉΡ‚Π΅ ΠΏΠΎ ссылкам Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅:

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ сами ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ страницы сайта, Π° Π΅Π³ΠΎ мСню Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ΡŒ: Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° 3, Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° 4, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ² эти названия ссылок Π½Π° «чСловСчСскиС». На этом этапС Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, ΠΏΠΎΡ‡Π°Ρ‰Π΅ ΠΎΠ±Ρ€Π°Ρ‰Π°ΠΉΡ‚Π΅ΡΡŒ ΠΊ Π‘ΠΏΡ€Π°Π²ΠΎΡ‡Π½ΠΈΠΊΡƒ HTML.

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΠ²ΡˆΠΈΠΉΡΡ Ρƒ нас сайт (ΠΏΡ€Π°Π²Π΄Π°, умСстнСС Π½Π°Π·Π²Π°Ρ‚ΡŒ микросайтик) — Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ, ΠΎΠ½ располоТСн Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅. Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ сайт Π² Π‘Π΅Ρ‚ΠΈ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ всС Π΅Π³ΠΎ Ρ„Π°ΠΉΠ»Ρ‹ Π½Π° сСрвСр Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Π²Π°ΠΌΠΈ хостинга. Для этого ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ» ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Π΄Π°Π½Π½Ρ‹Ρ… FTP, Π° Π»ΡƒΡ‡ΡˆΠΈΠΉ ftp-ΠΊΠ»ΠΈΠ΅Π½Ρ‚ — ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° FileZilla, Ρ‚Π΅ΠΌ Π±ΠΎΠ»Π΅Π΅ Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° бСсплатная ΠΈ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ слоТная. Π’ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… html-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ…, сущСствуСт свой Π°Π²Ρ‚ΠΎΠ½ΠΎΠΌΠ½Ρ‹ΠΉ ftp-Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊ: Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° сайта Π½Π° хостинг Π² Dreamweaver.

Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ рассмотрим созданиС Ρ‚Π°Π±Π»ΠΈΡ†. ΠžΡΡ‚Π°Π²ΡˆΠΈΠ΅ΡΡ Ρ‚Π΅ΠΌΡ‹: ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ° ΠΈ Ρ„ΠΎΡ€ΠΌΡ‹. Π”Π°Π»Π΅Π΅, ΠΏΠΎ ΠΏΠ»Π°Π½Ρƒ — ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ CSS ΠΈ блочная вСрстка.

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

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ гипСрссылка? Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ссылку Π² html?

Бтатистика


Онлайн всСго: 1

ГостСй: 1

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ: 0

ΠšΠ°Ρ‚Π°Π»ΠΎΠ³ статСй

ГипСрссылка — Ρ‡Ρ‚ΠΎ это?

Β Β Β Β Β  ΠŸΡ€ΠΈΠ²Π΅Ρ‚ ΡƒΠ²Π°ΠΆΠ°Π΅ΠΌΡ‹ΠΉ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ свой сайт ucoz. БСгодня ΠΌΡ‹ раскроСм ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π²Π°ΠΆΠ½Π΅ΠΉΡˆΠΈΡ… вопросов изготовлСния сайтов Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°Β ΠΈ Π² ΠΎΠ±Ρ‰ΠΈΡ… Ρ‡Π΅Ρ€Ρ‚Π°Ρ… популярно объясним: «Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ гипСрссылка
Β Β Β Β Β  ΠŸΡ€Π΅ΠΆΠ΄Π΅ всСго Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ гипСрссылка Π² html ΠΈΠ»ΠΈ ΠΊΠ°ΠΊ Π΅Ρ‰Π΅ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ активная ссылка. Если ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½Π½ΠΎ, Ρ‚ΠΎ это Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠΌ, ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ слово ΠΈΠ»ΠΈ словосочСтаниС Π² тСкстС, Π±Ρ‹Π²Π°Π΅Ρ‚ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚ΠΎΠ΅ ΠΈΠ»ΠΈ Π½Π΅ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚ΠΎΠ΅,Β  ΠΏΡ€ΠΈ Π°ΠΊΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ (Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ стрСлочкой ΠΌΡ‹ΡˆΠΊΠΈ Π½Π° эту строчку), ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ страничку этого ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ рСсурса, Рис 1. Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β 

ГипСрссылка html — Π΅Π΅ Π²ΠΈΠ΄Ρ‹

Β Β Β Β Β Β  ГипСрссылка html Π±Ρ‹Π²Π°Π΅Ρ‚ внутрСнняя ΠΈ внСшняя. Если ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚ Π²Π½ΡƒΡ‚Ρ€ΠΈ сайта, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΎΠ½Π° находится, Ρ‚ΠΎ это Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ ссылкой. ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΏΠΎ Π½Π΅ΠΉ с ΠΎΠ΄Π½ΠΎΠ³ΠΎ сайта Π½Π° любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ рСсурс Β Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ —Β Π±ΡƒΠ΄Π΅Ρ‚ Β ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Ρ‚ΡŒΡΡ внСшним. ΠœΡ‹ΡΠ»Ρ  философски ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ гипСрссылка являСтся основой Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°. Β ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅ сСбС Ссли Π±Ρ‹ Π½Π΅ Π±Ρ‹Π»ΠΎ Ρ‚Π°ΠΊΠΎΠ³ΠΎ инструмСнта ΠΊΠ°ΠΊ гипСрссылка, поиск Π½ΡƒΠΆΠ½Ρ‹Ρ… ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² Π±Ρ‹Π» Π±Ρ‹ Π΄ΠΎΠ»Π³ΠΈΠΌ, Π½ΡƒΠ΄Π½Ρ‹ΠΌ ΠΈ Ρ€ΡƒΡ‚ΠΈΠ½Π½Ρ‹ΠΌ. Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β  Β Β  Β  Β Β 

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ гипСрссылку

Β Β Β Β Β Β  И Ρ‚Π°ΠΊ, рассмотрим вопрос ΠΊΠ°ΠΊ cΠ΄Π΅Π»Π°Ρ‚ΡŒ гипСрссылку Π² систСмС htmlΒ Π½Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ конструируСтС? ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Π² тСкстС Π½Π° страницС из словосочСтания «Ρ‚Скстовом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Word» Π½ΡƒΠΆΠ½ΠΎΒ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π°ΠΊΡ‚ΠΈΠ²Π½ΡƒΡŽ гипСрссылку,  см Β ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Β Π²Ρ‹ΡˆΠ΅, Β Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΎ Β Π·Π΅Π»Π΅Π½ΠΎΠΉ Β Ρ€Π°ΠΌΠΊΠΎΠΉ. Β  Β 

  • ΠŸΠ΅Ρ€Π²ΠΎΠ΅ дСйствиС ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚.txt. Для этого Π·Π°Ρ…ΠΎΠ΄ΠΈΠΌ => ΠŸΡƒΡΠΊ => ВсС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ => Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹Π΅ => Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚. Π’ ΡΡ‚Π°Ρ‚ΡŒΠ΅ «Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ страничку» ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ рассказано ΠΊΠ°ΠΊ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚. Π’ Π½Π΅ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΡƒΡŽ запись:

<a href=”URL адрСс” target=»_self»>ВСкст</a>Β 

  • Π‘ΠΊΠΎΠΏΠΈΡ€ΡƒΠΉΡ‚Π΅ Π΅Ρ‘ сСбС Π²Β Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚.txt. Π­Ρ‚ΠΎ основная Ρ„ΠΎΡ€ΠΌΡƒΠ»Π° ΠΊΠΎΠ΄Π°Β HTML для Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ ΠΈ внСшнСй  гипСрссылки. ЗаписываСм ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π² Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π΅.txt. Π”Π΅Π»Π°Ρ‚ΡŒ запись Π² тСкстовом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Word Windows нСльзя, ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΎΡ‚Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π½Π° Web-страницС систСмы uCoz. ΠšΡ€ΠΎΠΌΠ΅ Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚Π° ΠΌΠΎΠΆΠ½ΠΎ Π² любом тСкстовом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅, Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ совмСстимом с Π£ΠΊΠΎΠ· ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌ CMS Π΄Π²ΠΈΠΆΠΊΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠΌ Π’Π°ΠΌΠΈ.

Β  Β  Β  Β  Β  Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅! Π‘Ρ‚Π°Ρ‚ΡŒΡ написана Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ строит сайт Π²Β uCoz. ВсСм ΠΊΡ‚ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π΄Π²ΠΈΠΆΠΊΠΈ ΠΈ систСмы — Π½ΡƒΠΆΠ½ΠΎ просто ΠΏΡ€ΠΎΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ Π½Π΅ Π½ΡƒΠΆΠ½Ρ‹Π΅ мСста. ΠŸΡ€ΠΈΠ½Ρ†ΠΈΠΏ процСсса изготовлСния гипСрссылок одинаков для всСх.Β 

  • Π’Π΅ΠΏΠ΅Ρ€ΡŒ, вмСсто  слова «Π’Скст», Π² ΠΊΠΎΠ΄ΠΎΠ²ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒΠ»ΡƒΒ  вписываСм словосочСтаниС «Ρ‚Скстовом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Word», Π±Π΅Π· ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ. А Π’Ρ‹, вставляСтС своС,Β Ρ‚ΠΎΒ Ρ‡Ρ‚ΠΎΒ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ГипСрссылкой, Π±Π΅Π· ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ² ΠΈ ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ.Β  Π’Π΅ΠΏΠ΅Ρ€ΡŒ Ρ„ΠΎΡ€ΠΌΡƒΠ»Π° Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ:Β 

<a href=«URL адрСс»target=»_self»>тСкстовом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Word</a>Β Β Β Β Β Β Β Β Β Β Β Β Β Β Β 
Β Β Β Β Β Β  Π‘Π»ΠΎΠ²Π°Β Π½ΡƒΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Ρ‚Π°ΠΊΠΈΠΌΠΈ, ΠΊΠ°ΠΊΠΈΠΌΠΈ ΠΎΠ½ΠΈΒ ΠΏΠΈΡˆΡƒΡ‚ΡΡ Π² тСкстС Π½Π΅ измСняя ΠΏΠΎ ΠΏΠ°Π΄Π΅ΠΆΠ°ΠΌ.

  • Находим Π½Π° сайтС ΡΡ‚Π°Ρ‚ΡŒΡŽ, которая Π΄ΠΎΠ»ΠΆΠ½Π° ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ послС Π°ΠΊΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ ссылки.Β Π’Β Π°

115 Ρ„ΠΎΡ‚ΠΎ создания гипСрссылки своими Ρ€ΡƒΠΊΠ°ΠΌΠΈ

ГипСрссылки это элСмСнт, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ быстро ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΈΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ Π½Π° страницу, Π³Π΄Π΅ вопрос рассмотрСн Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ стоит Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ гипСрссылку Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅, Π²Π΅Π±-сайтС ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ.

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ ΠΎΠ±Π·ΠΎΡ€Π°:

Π‘ΡƒΡ‚ΡŒ гипСрссылки

ГипСрссылка состоит ΠΈΠ·:

  • Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°;
  • тСкста;
  • примСчания;
  • графичСского изобраТСния;
  • адрСса рСсурса, ΠΊΡƒΠ΄Π° Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄.

Π”Π°Π½Π½Ρ‹ΠΉ элСмСнт ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π² тСкстовом Ρ„Π°ΠΉΠ»Π΅, созданном с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ. ГипСрссылки ΡˆΠΈΡ€ΠΎΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях. РСсурс, Π³Π΄Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ этот элСмСнт, опрСдСляСт порядок дСйствий ΠΏΠΎ Π΅Π³ΠΎ созданию.

ГипСрссылки Ρ€Π°Π·Π΄Π΅Π»ΡΡŽΡ‚ΡΡ Π½Π° Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ΠΈ внСшниС. ΠŸΠ΅Ρ€Π²Π°Ρ катСгория прСдставляСт собой отсылку Π½Π° Ρ€Π°Π·Π½Ρ‹Π΅ части Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² ΠΏΡ€Π΅Π΄Π΅Π»Π°Ρ… страницы ΠΈΠ»ΠΈ сайта.

Другая Π³Ρ€ΡƒΠΏΠΏΠ° ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π½Π° сторонниС рСсурсы. По ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΡŽ ΠΈΡ… дСлят тСкстовыС ΠΈ графичСскиС. ΠŸΠ΅Ρ€Π²Ρ‹Π΅ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ собой тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ выдСляСтся синим Ρ†Π²Π΅Ρ‚ΠΎΠΌ с ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ. Π’Ρ‚ΠΎΡ€ΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ Π² Π²ΠΈΠ΄Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ гипСрссылки Π² тСкстовом Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅

НСрСдко Π² тСкстС трСбуСтся сноска, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° источник Ρ†ΠΈΡ‚Π°Ρ‚Ρ‹, ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΡΠΏΡ€Π°Π²ΠΎΡ‡Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΏΠΎ Π·Π°Ρ‚Ρ€ΠΎΠ½ΡƒΡ‚ΠΎΠΉ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ΅.

Π’ΠΎΡ‚ простой Π²Π°Ρ€ΠΈΠ°Π½Ρ‚, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ гипСрссылку Π² Π’ΠΎΡ€Π΄Π΅:

  • сначала Π½Π°Π΄ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ тСкст ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, составящСС основу сноски;
  • Π² мСню Π²Ρ‹Π±ΠΈΡ€Π°ΡŽΡ‚ΡΡ ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ вставка, ссылки, гипСрссылка;
  • Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ трСбуСтся Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» ΠΈΠ»ΠΈ Π²Π΅Π±-страницу, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ выполняСтся связка;
  • Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΌ ΠΏΠΎΠ»Π΅ вводится адрСс источника.

ΠžΡΡ‚Π°Ρ‘Ρ‚ΡΡ ΠΏΠΎΠ΄Ρ‚Π²Π΅Ρ€Π΄ΠΈΡ‚ΡŒ дСйствиС. ИспользованиС гипСрссылок Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€Π½ΠΎ для Π²Π΅Π±-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ². Для ΠΈΡ… создания трСбуСтся Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ HTML-ΠΊΠΎΠ΄. Он прСдставляСтся собой Ρ‚Π°ΠΊΡƒΡŽ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ: <a = адрСс сайта ΠΈΠ»ΠΈ имя Ρ„Π°ΠΉΠ»Π°>тСкст ссылки</Π°>.

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π΅Ρ‰Π΅ Ρ‚ΡƒΡ‚

ΠŸΡ€ΠΈ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ Π·Π°Π΄Π°Ρ‡ΠΈ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ гипСрссылку Π² HTML с использованиСм изобраТСния, Π½ΡƒΠΆΠ½ΠΎ вмСсто тСкста ввСсти ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, которая Π±ΡƒΠ΄Π΅Ρ‚ использована.

Если всС элСмСнты слСдуСт ΡΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, ΠΎΠ½ΠΈ ΠΏΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ΡΡ Π² ΠΊΠΎΠ΄Π΅ ΠΏΠΎ порядку, ΠΎΡ‚Π΄Π΅Π»ΡΡΡΡŒ Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π° Π·Π½Π°ΠΊΠ°ΠΌΠΈ <>.

Как Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π·Π°Π΄Π°Ρ‡Ρƒ Π² соцсСтях

ГипСрссылки Π² соцсСтях Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ, Ρ‡Ρ‚ΠΎ Π½Π°ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ посСтитСлСй:

  • Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΡƒΡŽ страницу;
  • Π½Π° внСшний Π²Π΅Π±-сайт;
  • Π² Π³Ρ€ΡƒΠΏΠΏΡƒ;
  • ΠΊ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΌΡƒ ΡΠΎΠΎΠ±Ρ‰Π΅Π½ΠΈΡŽ.

БущСствуСт простой ΠΌΠ΅Ρ‚ΠΎΠ΄, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ гипСрссылку Π² Π’Πš Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΡƒΡŽ страничку. Π­Ρ‚ΠΎ дСлаСтся ΠΏΡƒΡ‚Π΅ΠΌ копирования Π΅Π³ΠΎ id-адрСса ΠΈ Π΅Π³ΠΎ вставки Π² тСкст. Вставка станСт гипСрссылкой автоматичСски.

Анкор Π½Π° внСшниС источники ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ΅ Π·Π°ΠΌΠ΅Ρ‚ΠΊΠΈ. Π—Π΄Π΅ΡΡŒ сначала слСдуСт ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ основной тСкст. Π—Π°Ρ‚Π΅ΠΌ слСдуСт Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Β«ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒΒ», Π° ΠΈΠ· ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ списка Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Β«Π·Π°ΠΌΠ΅Ρ‚ΠΊΠ°Β».

Написанный тСкст ссылки слСдуСт Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ, Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΏΡƒΠ½ΠΊΡ‚ мСню Β«Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ гипСрссылку», ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ внСшний Ρ‚ΠΈΠΏ элСмСнта. Π—Π°Π²Π΅Ρ€ΡˆΠ°ΡŽΡ‰ΠΈΠΌΠΈ дСйствиями станут Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ сайта ΠΈ сохранСниС Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°.

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π΅Ρ‰Π΅ Ρ‚ΡƒΡ‚

Как создаСтся гипСрссылка Π½Π° Π³Ρ€ΡƒΠΏΠΏΡƒ, сообщСниС ΠΈΠ»ΠΈ пост

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π² Π³Ρ€ΡƒΠΏΠΏΡƒ, ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ простым ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ. На мСстС, Π³Π΄Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π° гипСрссылка, слСдуСт Π½Π°Π±Ρ€Π°Ρ‚ΡŒ @club, адрСс сообщСства ΠΈ Π² ΠΊΡ€ΡƒΠ³Π»Ρ‹Ρ… скобках содСрТаниС гипСрссылки для отобраТСния ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ.

Если собСсСдник пСрСнаправляСтся Π½Π° ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ пост, Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ страницС, ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ содСрТаниС адрСсной строки, которая Π·Π°Ρ‚Π΅ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ вставлСна Π² тСкст.

Если гипСрссылка пСрСнаправляСт Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ комбинациями с ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹ΠΌΠΈ скобками, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ [topic|имя], [video-XXX|имя], [photo-XXXXX|имя].

ГипСрссылка ΠΈ прСзСнтация

ΠŸΡ€ΠΈ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ вопроса, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ гипСрссылку Π½Π° сайт Π² ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ, ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ схСмой:

  • Π²Ρ‹Π΄Π΅Π»ΠΈΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° клавиши вставка, гипСрссылка;
  • Π² ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ вводится тСкст для гипСрссылки;
  • ΠΏΠΎ ТСланию ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΏΠΈΡΠ°Ρ‚ΡŒ подсказку;
  • ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ адрСс ссылки;
  • ΠΏΠΎΠ΄Ρ‚Π²Π΅Ρ€Π΄ΠΈΡ‚ΡŒ дСйствиС.

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

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π΅Ρ‰Π΅ Ρ‚ΡƒΡ‚

Если прСзСнтация связана с ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°ΠΌΠΈ, располоТСнными Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅, Ρ‚ΠΎ ΠΈΡ… слСдуСт ΠΏΠ΅Ρ€Π΅Π½ΠΎΡΠΈΡ‚ΡŒ Π½Π° внСшниС носитСли вмСстС с основным Ρ„Π°ΠΉΠ»ΠΎΠΌ. Π˜Π½Π°Ρ‡Π΅ сноски ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚.

ПодвСдСм ΠΈΡ‚ΠΎΠ³ΠΈ: гипСрссылки ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для соСдинСния основного тСкста с пСрвоисточником ΠΈΠ»ΠΈ ΡΠΎΠΏΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌΠΈ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°ΠΌΠΈ.

Для добавлСния этого элСмСнта Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² тСкстовом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ трСбуСтся Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Ρ€Π°Π·Π΄Π΅Π»Π° мСню «вставки». ΠŸΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с гипСрссылками Π² Π²Π΅Π±-пространствС стоит Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ с Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠΎΠΌ составлСния HTML-ΠΊΠΎΠ΄ΠΎΠ².

Π€ΠΎΡ‚ΠΎ совСты ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ гипСрссылку


Π’Π°ΠΌ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»Π°ΡΡŒ ΡΡ‚Π°Ρ‚ΡŒΡ? ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ πŸ˜‰ Β Β Β Β 

ВсСго посмотрСли 109

 посСтитСлСй. Β Β Β Β Β Π ΡƒΠ±Ρ€ΠΈΠΊΠ°:

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ гипСрссылок — Office

Π‘Π°ΠΌΡ‹ΠΉ быстрый способ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡΡ‚Π΅ΠΉΡˆΡƒΡŽ гипСрссылку Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ OfficeΒ β€” Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Π’Π’ΠžΠ” ΠΈΠ»ΠΈ ΠŸΠ ΠžΠ‘Π•Π› послС Π²Π²ΠΎΠ΄Π° адрСса Π²Π΅Π±-страницы, Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΊΠ°ΠΊ http://www.contoso.com. Office автоматичСски ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ адрСс Π² ссылку.

Помимо Π²Π΅Π±-страниц, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ссылки Π½Π° ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ ΠΈΠ»ΠΈ Π½ΠΎΠ²Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅, адрСса элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ мСста Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ адрСс, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹ΠΉ тСкст ΠΈ Π½Π°Ρ‡Π΅Ρ€Ρ‚Π°Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Ρ†Π²Π΅Ρ‚ ΡˆΡ€ΠΈΡ„Ρ‚Π° гипСрссылки.

  1. Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ тСкст ΠΈΠ»ΠΈ рисунок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ гипСрссылку.

  2. На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Вставка Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ ГипСрссылка. Кнопка "ГипСрссылка"

    Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ тСкст ΠΈΠ»ΠΈ рисунок ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π² контСкстном мСню Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ ГипСрссылка.

  3. Π’ ΠΎΠΊΠ½Π΅ Вставка гипСрссылки Π²Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΈΠ»ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ссылку Π² ΠΏΠΎΠ»Π΅ АдрСс.

    ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Если Π²Ρ‹ Π½Π΅ Π²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΏΠΎΠ»Π΅ АдрСс, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Π‘Π²ΡΠ·Π°Ρ‚ΡŒ с Π²Ρ‹Π±Ρ€Π°Π½ΠΎ Ρ„Π°ΠΉΠ»ΠΎΠΌ, Π²Π΅Π±-страницСй.

    Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ввСсти Π΄Ρ€ΡƒΠ³ΠΎΠΉ тСкст для ссылки Π² ΠΏΠΎΠ»Π΅ ВСкст.

    ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Если Π²Ρ‹ Π½Π΅ Π·Π½Π°Π΅Ρ‚Π΅ адрСс гипСрссылки, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ Кнопка "Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚" ΠΈ скопируйтС URL-адрСс страницы.

ΠΠ΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ подсказку, которая появляСтся ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ указатСля Π½Π° гипСрссылку, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Подсказка Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π° Вставка гипСрссылки ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ гипСрссылку Π½Π° ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ Ρ„Π°ΠΉΠ» ΠΈΠ»ΠΈ Π½Π° Ρ„Π°ΠΉΠ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ.

  1. Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ тСкст ΠΈΠ»ΠΈ рисунок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ гипСрссылку.

  2. На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Вставка Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ ГипСрссылка. Кнопка "ГипСрссылка"

  3. Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ Π‘Π²ΡΠ·Π°Ρ‚ΡŒ с Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Ρ… Π½ΠΈΠΆΠ΅ дСйствий.

    • Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ ссылку с ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ Ρ„Π°ΠΉΠ»ΠΎΠΌ, Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Π‘Π²ΡΠ·Π°Ρ‚ΡŒ с Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Ρ„Π°ΠΉΠ»ΠΎΠΌ, Π²Π΅Π±-страницСй, Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» Π² Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ спискС Π˜ΡΠΊΠ°Ρ‚ΡŒ Π² ΠΈΠ»ΠΈ спискС ВСкущая ΠΏΠ°ΠΏΠΊΠ°.

      Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ гипСрссылки Π½Π° ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ Ρ„Π°ΠΉΠ»

    • Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ Ρ„Π°ΠΉΠ» ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ссылку Π½Π° Π½Π΅Π³ΠΎ, Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Π‘Π²ΡΠ·Π°Ρ‚ΡŒ с Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Новый Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Π²Π²Π΅Π΄ΠΈΡ‚Π΅ имя Π½ΠΎΠ²ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π° Π² ΠΏΠΎΠ»Π΅ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅, Π½Π°ΠΆΠ°Π² ΠΊΠ½ΠΎΠΏΠΊΡƒ Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ внСсти ΠΏΡ€Π°Π²ΠΊΡƒ Π² Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΏΠΎΠ·ΠΆΠ΅ ΠΈΠ»ΠΈ сСйчас.

      Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ гипСрссылки Π½Π° Π½ΠΎΠ²Ρ‹ΠΉ Ρ„Π°ΠΉΠ»

ΠΠ΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ подсказку, которая появляСтся ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ указатСля Π½Π° гипСрссылку, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Подсказка Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π° Вставка гипСрссылки ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст.

  1. Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ тСкст ΠΈΠ»ΠΈ рисунок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ гипСрссылку.

  2. На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Вставка Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ ГипСрссылка Кнопка "ГипСрссылка" .

    Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ тСкст ΠΈΠ»ΠΈ рисунок ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π² контСкстном мСню Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ ГипСрссылка.

  3. Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ Π‘Π²ΡΠ·Π°Ρ‚ΡŒ с Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ элСмСнт элСктронной ΠΏΠΎΡ‡Ρ‚ΠΎΠΉ.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ гипСрссылки Π½Π° адрСс элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹

  4. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ адрСс элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ Π² ΠΏΠΎΠ»Π΅ АдрСс эл. ΠΏΠΎΡ‡Ρ‚Ρ‹ ΠΈΠ»ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΈΠ· списка НСдавно использовавшиСся адрСса элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹.

  5. Π’ ΠΏΠΎΠ»Π΅ Π’Π΅ΠΌΠ° Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Ρ‚Π΅ΠΌΡƒ сообщСния.

    ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: НСкоторыС Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΈ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π½Π΅ Ρ€Π°ΡΠΏΠΎΠ·Π½Π°ΡŽΡ‚ строку Ρ‚Π΅ΠΌΡ‹.

ΠΠ΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ подсказку, которая появляСтся ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ указатСля Π½Π° гипСрссылку, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Подсказка Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π° Вставка гипСрссылки ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст.

МоТно Ρ‚Π°ΠΊΠΆΠ΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ссылку Π½Π° пустоС сообщСниС элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹, просто ввСдя адрСс Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅. НапримСр, Π²Π²Π΅Π΄ΠΈΡ‚Π΅ [email protected], ΠΈ гипСрссылка Π±ΡƒΠ΄Π΅Ρ‚ создана автоматичСски (Ссли автоматичСскоС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ гипСрссылок Π½Π΅ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΎ).

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ гипСрссылки для ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Word ΠΈΠ»ΠΈ письмо Outlook, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ содСрТит стили Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈΠ»ΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ. Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ссылки Π½Π° слайды ΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Ρ‹Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹ Π² прСзСнтациях PowerPoint ΠΈ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ ячСйки ΠΈ листы Excel.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ гипСрссылки Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠ΅ мСсто Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅

  1. Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ тСкст ΠΈΠ»ΠΈ рисунок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ гипСрссылку.

  2. На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Вставка Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ ГипСрссылка Кнопка "ГипСрссылка" .

    Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ тСкст ΠΈΠ»ΠΈ рисунок ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π² контСкстном мСню Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ ГипСрссылка.

  3. Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ Π‘Π²ΡΠ·Π°Ρ‚ΡŒ с Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ ΠœΠ΅ΡΡ‚ΠΎ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅.

    Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ссылки Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ мСсто Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅

  4. Π’ спискС Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ (Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚), Π·Π°ΠΊΠ»Π°Π΄ΠΊΡƒ, слайд, ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΠΊΠ°Π· ΠΈΠ»ΠΈ ссылку Π½Π° ячСйку, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ссылку.

ΠΠ΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ подсказку, которая появляСтся ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ указатСля Π½Π° гипСрссылку, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Подсказка Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π° Вставка гипСрссылки ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ гипСрссылки Π½Π° мСсто Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅

  1. Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅ тСкст ΠΈΠ»ΠΈ рисунок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ гипСрссылку.

  2. На Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Вставка Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ ГипСрссылка Кнопка "ГипСрссылка" .

    Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ тСкст ΠΈΠ»ΠΈ рисунок ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π² контСкстном мСню Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ ГипСрссылка.

  3. Π’ Π³Ρ€ΡƒΠΏΠΏΠ΅ Π‘Π²ΡΠ·Π°Ρ‚ΡŒ с Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ элСмСнт Ρ„Π°ΠΉΠ»ΠΎΠΌ, Π²Π΅Π±- страницСй.

    Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ гипСрссылки Π½Π° ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ Ρ„Π°ΠΉΠ»

  4. Π’ ΠΏΠΎΠ»Π΅ Π˜ΡΠΊΠ°Ρ‚ΡŒ Π² Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ стрСлку Π²Π½ΠΈΠ·, Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ„Π°ΠΉΠ», Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ½Π° ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ссылка.

  5. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Бсылка, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Π·Π°ΠΊΠ»Π°Π΄ΠΊΡƒ, слайд, ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΠΊΠ°Π· ΠΈΠ»ΠΈ ссылку Π½Π° ячСйку, Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ ОК.

ΠΠ΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ подсказку, которая появляСтся ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ указатСля Π½Π° гипСрссылку, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Подсказка Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π° Вставка гипСрссылки ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст.

  • Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ адрСс ΠΈΠ»ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹ΠΉ тСкст Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½ΠΎΠΉ гипСрссылки, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π΅Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ гипСрссылку.

    ИзмСнСниС гипСрссылки

  • Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ внСшний Π²ΠΈΠ΄ гипСрссылки, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π½Π°Ρ‡Π΅Ρ€Ρ‚Π°Π½ΠΈΠ΅, Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈΠ»ΠΈ Ρ†Π²Π΅Ρ‚ ΡˆΡ€ΠΈΡ„Ρ‚Π°, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π΅Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π¨Ρ€ΠΈΡ„Ρ‚ Π² контСкстном мСню ΠΈΠ»ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ стиля Π½Π° появившСйся ΠΌΠΈΠ½ΠΈ-ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов.

    ИзмСнСниС ΡˆΡ€ΠΈΡ„Ρ‚Π° гипСрссылки

  • Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ подсказку, которая появляСтся ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ указатСля Π½Π° гипСрссылку, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ссылку ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ гипСрссылку, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Подсказка Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π° ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст.

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ свСдСния

Π£Π΄Π°Π»Π΅Π½ΠΈΠ΅ ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ гипСрссылок

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ гипСрссылки Π² Publisher

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ гипСрссылки Π² OneNote

ГипСрссылки Π² Word для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *