HTML+CSS 轻松入门之H...LOGIN

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>


下一节
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /*写入css样式*/ </style> </head> <body> 欢迎来到php中文网 </body> </html>
提交重置代码
章节课件