HTML連結

相信大家對超連結不會陌生吧,天天都不知道點了多少個呢。超連結可以是一個字,一個詞,或是一組詞,也可以是一幅圖像,你可以點擊這些內容來跳到新的文件或是目前文件中的某個部分。我們在前面的例子中只簡單使用了< a>標籤 ,用字符作為網業的超鏈接,還使用< a>實現了發送郵件的功能。下面我們要講到的都是關於< a>標籤的屬性

我們這就詳細來講解HTML鏈接:

1.給文字添加超鏈接

首先我們還是回顧最簡單的連結使用,直接為文字加入連結到網頁和另外的HTML檔。

HTML內容如下

<html>
<body>
<p>let's have an example</p>
<p>
<a href="http://www.php.cn">php中文网</a>
</p>
</body>
</html>

這是自己在環境中的截圖:

QQ截图20161010173757.png

這是最簡單的超連結,接下來我們就來讓這個HTML檔連結到另一個HTML檔。 (在相同的資料夾,再新增一個HTMl檔案),然後下面是HTML內容和結果

QQ截图20161206103150.png

#點擊進去以後(另一個HTML的內容就不再展示) :

QQ截图20161206103248.png

2.加入圖片連結

QQ截图20161010174737.png

##這是內容與結果截圖:


QQ截图20161010174741.png

點擊圖片以後成功連結:

QQ截图20161010174747.png

繼續學習
||
<html> <body> <p>let's have an example</p> <p> <a href="http://www.php.cn">php中文网</a> </p> </body> </html>