Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch

HTML+CSS 轻松入门之HTML基础标签（二）

超链接

格式：<a href=''></a>

如下实例：

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

注：href 是a标签不可少的属性   href="链接到的地方"，如百度，淘宝等

什么是空链接

写空连接用 #  键

代码如下：

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

注：type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "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>


Weiter lernen
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /*写入css样式*/ </style> </head> <body> 欢迎来到php中文网 </body> </html>
einreichenCode zurücksetzen
Vorherige Sektion nächsten Abschnitt
Tutorial-Liste
Hilfe bekommen
  • Kursempfehlungen
  • Kursunterlagen herunterladen
Die Kursunterlagen stehen derzeit nicht zum Download zur Verfügung. Die Mitarbeiter organisieren es derzeit. Bitte schenken Sie diesem Kurs in Zukunft mehr Aufmerksamkeit

Auch Studierende, die diesen Kurs gesehen haben, lernen

Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)  492782 spielt ab