Соединения текста HTML
Webpage может содержать различные соединения которые принимают вас сразу к другим страницам и даже специфическим частям, котор дали страницы. Эти соединения как гиперссылки.
Гиперссылки позволяют посетителям проводить между вебсайтами путем щелкать на словах, фразами, и изображениями. Таким образом вы можете создать гиперссылки используя текст или изображения доступные на webpage.
Примечание: Я рекомендую пойти через короткую консультацию на понимать URL
Соединять документы
Соединение определено используя <a> бирки HTML. Эта бирка вызвана биркой анкера и что-нибыдь между биркой <a> отверстия и заключительной биркой </a> будет частью соединения и потребитель может щелкнуть ту часть для достижения к соединенному документу. Следование простой синтаксис для использования бирки <a>.
<a href="Document URL" ... attributes-list>Link Text</a>
Пример
Препятствуйте нам попробовать следовать примером который соединяет http://www.howcodex.com на вашей странице:
<!DOCTYPE html>
<html>
<head>
<title>Hyperlink Example</title>
</head>
<body>
<p>Click following link</p>
<a href="http://www.howcodex.com" target="_self">Howcodex</a>
</body>
</html>
Это даст следующий, где вы можете щелкнуть дальше консультации произведенные соединением указываете для достижения к домашней странице пункта консультаций.
Атрибут цели
Мы использовали атрибут цели в нашем предыдущем примере. Этот атрибут использован для того чтобы определить положение куда соединенный документ раскрыт. Следование возможные варианты:
| Вариант | Описание |
|---|
| _blank | Раскрывает соединенный документ в новом окне или Tab. |
| _self | Раскрывает соединенный документ в такой же рамке. |
| _parent | Раскрывает соединенный документ в рамке родителя. |
| _top | Раскрывает соединенный документ в полном теле окна. |
| targetframe | Раскрывает соединенный документ в названном targetframe. |
Пример
Попробуйте следовать примером для того чтобы понять основную разницу в немногих вариантах, котор дали для атрибута цели.
<!DOCTYPE html>
<html>
<head>
<title>Hyperlink Example</title>
<base href="http://www.howcodex.com/">
</head>
<body>
<p>Click any of the following links</p>
<a href="/html/index.htm" target="_blank">Opens in New</a> |
<a href="/html/index.htm" target="_self">Opens in Self</a> |
<a href="/html/index.htm" target="_parent">Opens in Parent</a> |
<a href="/html/index.htm" target="_top">Opens in Body</a>
</body>
</html>
Это даст следующий, где вы можете щелкнуть дальше различные соединения для того чтобы понять разницу между различными вариантами, котор дали для атрибута цели.
Польза низкопробного путя
Когда вы соединяете документы HTML отнесенные к такому же вебсайту, необходимо, что дает полный URL для каждого соединения. Вы можете получить освобожданными его если вы используете бирку <base> в вашем коллекторе документа HTML. Эта бирка использована для того чтобы дать низкопробный путь для всех соединений. Так ваш браузер конкатенирует, котор дали относительный путь к этому низкопробному путю и сделает полный URL.
Пример
Следовать пример использует бирку <base> для того чтобы определить низкопробный URL и более поздно мы можем использовать относительный путь к всем соединениям вместо давать полный URL для каждого соединения.
<!DOCTYPE html>
<html>
<head>
<title>Hyperlink Example</title>
<base href="http://www.howcodex.com/">
</head>
<body>
<p>Click following link</p>
<a href="/html/index.htm" target="_blank">HTML Tutorial</a>
</body>
</html>
Это даст следующий, где вы можете щелкнуть дальше произведенную соединением консультацию HTML для достижения к консультации HTML.
Теперь, котор дали href=» /html/index.htm» <a URL рассматривается как href= " http://www.howcodex.com/html/index.htm» <a.
Соединять к разделу страницы
Вы можете создать соединение к определенному разделу, котор дали webpage путем использование атрибута имени. Это 2 - процесс шага.
Во первых создайте соединение к месту где вы хотите достигнуть в пределах webpage и назвать его используя <a… > бирка следующим образом:
<h1>HTML Text Links <a name="top"></a></h1>
Второй шаг создать гиперссылку для того чтобы соединить документ и установить где вы хотите достигнуть:
<a href="/html/html_text_links.htm#top">Go to the Top</a>
Это произведет следующее соединение, где вы можете щелкнуть дальше произведенное соединение идете к верхней части достигнуть к верхней части консультации соединения текста HTML.
Цветы соединения установки
Вы можете установить цветы ваших соединений, активные соединения и посещенные соединения используя атрибуты соединения, alink и vlink <body> маркируют.
Пример
Сохраньте следующее в test.htm и раскройте его в любом браузере паутины для того чтобы увидеть как атрибуты соединения, alink и vlink работают.
<!DOCTYPE html>
<html>
<head>
<title>Hyperlink Example</title>
<base href="http://www.howcodex.com/">
</head>
<body alink="#54A250" link="#040404" vlink="#F40633">
<p>Click following link</p>
<a href="/html/index.htm" target="_blank" >HTML Tutorial</a>
</body>
</html>
Это даст следующий. Как раз проверите цвет соединения перед щелкать на ем, следующая проверка свой цвет когда вы активируете его и когда соединение было посещено.
Соединения загрузки
Вы можете создать соединение текста для того чтобы сделать ваше PDF, или DOC или файлы почтового индекса загружаемые. Этому очень просто, вы как раз нужно дать полный URL загружаемого архива следующим образом:
<!DOCTYPE html>
<html>
<head>
<title>Hyperlink Example</title>
</head>
<a href="http://www.howcodex.com/page.pdf">Download PDF File</a>
</body>
</html>
Это произведет следовать соединение и будет использовано для того чтобы загрузить архив.
Диалоговое окно загрузки архива
Иногда пожелано что вы хотите дать вариант где потребитель щелкнет соединение и он хлопнет вверх «коробка загрузки архива» к потребителю в земельном участке показа фактического содержания. Это очень легко и может быть достигано используя коллектор HTTP в вашей реакции HTTP.
Например, если вы хотите, то сделайте архив имени файла загружаемый от, котор дали соединения после этого свой синтаксис будет следующим образом.
#!/usr/bin/perl
# Addtional HTTP Header
print "Content-Type:application/octet-stream; name=\"FileName\"\r\n";
print "Content-Disposition: attachment; filename=\"FileName\"\r\n\n";
# Open the target file and list down its content as follows
open( FILE, "<FileName" );
while(read(FILE, $buffer, 100)){
print("$buffer");
}
Примечание: Для больше детали на программах CGI PERL, пойдите через консультационные PERL и CGI.
