HTML+CSS 基本のHTMLタグで簡単にはじめる (2)

ハイパーリンク

形式: <a href=''></a>

次の例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		<a href="php.cn">php中文网</a>
</body>
</html>

注: href はタグ href= の必須属性ですBaidu、Taobao などの「リンク先」です。

空のリンクとは何ですか?

空のリンクを作成するには # キーを使用します

コードは次のとおりです:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		<a href="#">php中文网</a>
</body>
</html>

この方法では、リンクをクリックしても応答がありません

CSS スタイルタグを使用する方法

注: スタイルタグはヘッダーファイルに書き込まれます。、コードは次のとおりです

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
			/*写入css样式*/
	</style>
</head>
<body>
		欢迎来到php中文网
</body>
</html>

注: type 属性は、スタイル要素の内容を定義するために必要です。可能な値は「text/css」のみです。

スクリプトコードの記述も同様です。

次のコードに示すように

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript">
			//写入脚本代码
	</script>
</head>
<body>
		欢迎来到php中文网
</body>
</html>

type 属性でスクリプトの種類を指定します

ピクチャーラベル

<img> :

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		欢迎来到php中文网
		<img src="images/1.jpg">
</body>
</html>

この画像が存在する場合、この画像が表示されます

外部スタイルまたはスクリプトの紹介

外部スタイルの紹介。たとえば、style.cssファイルを作成します。現在のページで使用する次のコードに示すように、style.css ファイルのスタイルに移動します

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
		欢迎来到php中文网
</body>
</html>

このようにして、スタイルを導入しました

外部スクリプトファイルを導入します

次のコードに示すように:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript" src="index.js"></script>
</head>
<body>
		欢迎来到php中文网
</body>
</html>

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /*写入css样式*/ </style> </head> <body> 欢迎来到php中文网 </body> </html>

提出するリセットコード

自動運転