HTML+CSS 輕鬆入門之HTML基礎標籤（二）
超連結
格式：<a href=''></a>
如下實例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="php.cn">php中文網(wǎng)</a> </body> </html>
註：href 是a標籤不可少的屬性? href="連結到的地方"，如百度，淘寶等
#什麼是空連結
寫空連接用# ?鍵
程式碼如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="#">php中文網(wǎng)</a> </body> </html>
這樣，我們點選連結是沒有反應的
如何使用css樣式標籤
<style></style>
註：樣式的標籤是寫在頭部檔案中，程式碼如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /*寫入css樣式*/ </style> </head> <body> 歡迎來到php中文網(wǎng) </body> </html>
註：type 屬性是必要的，定義style 元素的內容。唯一可能的值是 "text/css"。
寫入腳本程式碼也是一樣：
如下程式碼所示
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> //寫入腳本代碼 </script> </head> <body> 歡迎來到php中文網(wǎng) </body> </html>
type 屬性規(guī)定腳本的類型
##圖片標籤
<img>標籤?如下程式碼所示：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 歡迎來到php中文網(wǎng) <img src="images/1.jpg"> </body> </html>如果存在這張圖片，我們將會吧這張圖片顯示出來
引入外部樣式或腳本
#引入外部樣式，例如我建立一個style.css的文件，我現(xiàn)在的頁面要用到style.css這個文件中的樣式如下程式碼所示：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> 歡迎來到php中文網(wǎng) </body> </html>這樣我們就已經(jīng)把樣式引入進來了
引入外本腳本檔案
如下程式碼所示：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="index.js"></script> </head> <body> 歡迎來到php中文網(wǎng) </body> </html>
