الدرس الثامن: الروابط

????? ??????: ???????

?? ??? ????? ?????? ??? ???? ?????? ???? ??? ??????.

?? ???? ?????? ?????? ?????

?????? ???? ??????? ?? ??????? ?????? ???? ????? HTML: ????? ???? ???? ?? ????? ????? ??????? ?? ????? ???? ??? ??? ??? ???? ???? ??? ?????? ????? ????? HTML.net ???? ????? ????:

???? 1:

<a href="http://www.html.net/">Here is a link to HTML.net</a>

????? ?? ??????? ???? ?????:

Here is a link to HTML.net

?????? a ?? ?????? "anchor" ???????? href ?? ?????? "hypertext reference"? ??? ???? ???? ??? ??? ????? ??????? ?????? ????? ?? ???????? ?? ??? ??? ??.
?? ?????? ????? ??????? href ???? ??????
"http://www.html.net"? ??? ??????? ?????? ????? HTML.net ????? ???????
URL ??? ?????? "Uniform Resource Locator"? ???? ?? "http://"
??? ?? ???? ?? ?? ?????? ??? ?????? "Here is a link to HTML.net" ???
???? ???? ????? ?? ??????? ??? ??? ????? ???? ?? ???? ?????? ??????
???? ??????? </a>.

???? ?? ??????? ??? ??????? ?? ??????

??? ???? ????? ???? ??? ?????? ?? ??? ?????? ??? ????? ??? ?? ???
???? ??????? ??????? ?????? ??? ??? ?????? ?????? ???????? page1.htm
?page2.htm ???? ??????? ?? ??? ?????? ?????? ?? ???? ?? ???? ??? ????
?????? ??? ????? ?? ??????? ?????? ???? ?? ???? page1.htm ???? ???
page2.htm ????? ???? ?????:

???? 2:

<a href="page2.htm">Click here to go to page 2</a>

??? ???? ?????? 2 ???? ?? ???? ???? ?????? "subfolder" ??????? ????? ???? ?????:

???? 3:

<a href="subfolder/page2.htm">Click here to go to page 2</a>

?? ????? ?? ??? ?????? ??????? ?? ?????? 2 ?? ?????? ?????? ??? ?????? 1 ????? ??? ?????? ????:

???? 4:

<a href="../page1.htm">A link to page 1</a>

"../../".

?? ???? ??? ??????? ??????? ?????? ?? ???? ??????? ?????? ????? ??? ???? ??? ?????? ??????.

???? ?? ??????? ???????? ?? ??? ???????

??????? ????? ????? ?????? ??? ??????? ?????? ????? ????? ????
?????????? ???? ?????? ????? ????? ???? ??? ?? ??? ?? ??????? ?? ??
?????? ?? ????? ???? id ?? "identification" ???????? "#".

?????? ????? id ???? ????? ?????? ???? ???? ??? ???? ??? ????:

<h1 id="heading1">heading 1</h1>

??????? ???? ????? ???? ???? ?????? ???????? ????? "#" ?? ????? ??????? ??????? "#" ??? ?? ???? ????? id ?????? ???? ???? ????? ??? ????:

<a href="#heading1">Link to heading 1</a>

?? ??? ????? ?? ??? ??????:

???? 5:

<html>

<head>
</head>

<body>

<p><a href="#heading1">Link to heading 1</a></p>
<p><a href="#heading2">Link to heading 2</a></p>

<h1 id="heading1">heading 1</h1>
<p>Text text text text</p>

<h1 id="heading2">heading 2</h1>
<p>Text text text text</p>

</body>

</html>

????? ???? ????? ?? ??????? (??? ?? ???? ??? ????????):

Link to heading 1
Link to heading 2

Heading 1

Text text text text
Heading 2

Text text text text

??????: ???? ??????? id ??? ?? ???? ???? ???? ????.

?? ???? ?? ??? ?????? ??? ??? ????

??????? ????? ?? ??? ????? ??????? ???? ????????? ????? ??? ??? ?????? ?????? ?????? ??? ???? ????? ????:

???? 6:

<a href="mailto:nobody@html.net">Send an e-mail to nobody at HTML.net</a>

????? ???? ????? ?? ??????

Send an e-mail to nobody at HTML.net

???????? ?????? ??? ?????? ????? ???????? ????? ???? ?? ????? mailto:
??????? ?????? ??????? ????? ???? ????? ??? ?????? ????? ?????? ??????
?????????? ????? ????? ????? ????? ???? ????? ?????? ?????????? ????
????? ?? ??????? ????? ??? ?? ??? ??? ?????? ???? ???????? ???? ???
???????? ??? ??? ????!

?? ???? ????? ???? ??? ??? ?? ???????

?????? ???? ??????? ?????? ??????? href ???????? ??? ??? ??????? ?? ??? ????? title ??????:

???? 7:

<a href="http://www.html.net/" title="Visit HTML.net and learn HTML">HTML.net</a>

????? ???? ????? ?? ???????:

HTML.net

????? title ?????? ???? ??? ???? ?? ??????? ??? ???? ???? ?????? ???
?????? ??? ?? ???? ???? ???? ???? ???? ????? ?? ????? title ???? ??