Соединения текста HTML


Advertisements

Webpage может содержать различные соединения которые принимают вас сразу к другим страницам и даже специфическим частям, котор дали страницы. Эти соединения как гиперссылки.

Гиперссылки позволяют посетителям проводить между вебсайтами путем щелкать на словах, фразами, и изображениями. Таким образом вы можете создать гиперссылки используя текст или изображения доступные на webpage.

Примечание: Я рекомендую пойти через короткую консультацию на понимать URL

Соединять документы

Соединение определено используя <a> бирки HTML. Эта бирка вызвана биркой анкера и что-нибыдь между биркой <a> отверстия и заключительной биркой </a> будет частью соединения и потребитель может щелкнуть ту часть для достижения к соединенному документу. Следование простой синтаксис для использования бирки <a>.

<a href="Document URL" ... attributes-list>Link Text</a>

Пример

Препятствуйте нам попробовать следовать примером который соединяет http://www.tutorialspoint.com на вашей странице:

<!DOCTYPE html>
<html>
<head>
<title>Hyperlink Example</title>
</head>
<body>
<p>Click following link</p>
<a href="http://www.tutorialspoint.com" target="_self">Tutorials Point</a>
</body>
</html>

Это даст следующий, где вы можете щелкнуть дальше консультации произведенные соединением указываете для достижения к домашней странице пункта консультаций.

Click following link

Tutorials Point

Атрибут цели

Мы использовали атрибут цели в нашем предыдущем примере. Этот атрибут использован для того чтобы определить положение куда соединенный документ раскрыт. Следование возможные варианты:

ВариантОписание
_blankРаскрывает соединенный документ в новом окне или Tab.
_selfРаскрывает соединенный документ в такой же рамке.
_parentРаскрывает соединенный документ в рамке родителя.
_topРаскрывает соединенный документ в полном теле окна.
targetframeРаскрывает соединенный документ в названном targetframe.

Пример

Попробуйте следовать примером для того чтобы понять основную разницу в немногих вариантах, котор дали для атрибута цели.

<!DOCTYPE html>
<html>
<head>
<title>Hyperlink Example</title>
<base href="http://www.tutorialspoint.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>

Это даст следующий, где вы можете щелкнуть дальше различные соединения для того чтобы понять разницу между различными вариантами, котор дали для атрибута цели.

Click any of the following links

Opens in New | Opens in Self | Opens in Parent | Opens in Body

Польза низкопробного путя

Когда вы соединяете документы HTML отнесенные к такому же вебсайту, необходимо, что дает полный URL для каждого соединения. Вы можете получить освобожданными его если вы используете бирку <base> в вашем коллекторе документа HTML. Эта бирка использована для того чтобы дать низкопробный путь для всех соединений. Так ваш браузер конкатенирует, котор дали относительный путь к этому низкопробному путю и сделает полный URL.

Пример

Следовать пример использует бирку <base> для того чтобы определить низкопробный URL и более поздно мы можем использовать относительный путь к всем соединениям вместо давать полный URL для каждого соединения.

<!DOCTYPE html>
<html>
<head>
<title>Hyperlink Example</title>
<base href="http://www.tutorialspoint.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.tutorialspoint.com/html/index.htm» <a.

Click following link

HTML Tutorial

Соединять к разделу страницы

Вы можете создать соединение к определенному разделу, котор дали 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.tutorialspoint.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>

Это даст следующий. Как раз проверите цвет соединения перед щелкать на ем, следующая проверка свой цвет когда вы активируете его и когда соединение было посещено.

Click following link

HTML Tutorial

Соединения загрузки

Вы можете создать соединение текста для того чтобы сделать ваше PDF, или DOC или файлы почтового индекса загружаемые. Этому очень просто, вы как раз нужно дать полный URL загружаемого архива следующим образом:

<!DOCTYPE html>
<html>
<head>
<title>Hyperlink Example</title>
</head>
<a href="http://www.tutorialspoint.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.

Advertisements