HTML+CSS 輕松入門之HTML基礎(chǔ)標(biāo)簽(二)
超鏈接
格式:<a href=''></a>
如下實(shí)例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="php.cn">php中文網(wǎng)</a> </body> </html>
注:href 是a標(biāo)簽不可少的屬性 ? href="鏈接到的地方",如百度,淘寶等
什么是空鏈接
寫空連接用 # ?鍵
代碼如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="#">php中文網(wǎng)</a> </body> </html>
這樣,我們點(diǎn)擊鏈接是沒有反應(yīng)的
如何使用css樣式標(biāo)簽
<style></style>
注:樣式的標(biāo)簽是寫在頭部文件中,代碼如下
<!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 元素的內(nèi)容。唯一可能的值是 "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ī)定腳本的類型
圖片標(biāo)簽
<img>標(biāo)簽 ?如下代碼所示:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 歡迎來到php中文網(wǎng) <img src="images/1.jpg"> </body> </html>
如果存在這張圖片,我們將會(huì)吧這張圖片顯示出來
引入外部樣式或腳本
引入外部樣式,比如我建立一個(gè)style.css的文件,我現(xiàn)在的頁面要用到style.css這個(gè)文件中的樣式
如下代碼所示:
<!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)把樣式引入進(jìn)來了
引入外本腳本文件
如下代碼所示:
<!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>