国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

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>


繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /*寫入css樣式*/ </style> </head> <body> 歡迎來到php中文網(wǎng) </body> </html>
提交重置代碼