html中有很多标签,下面介绍最基本的几个标签。
1、meta
是head标签中的一个辅助性标签。
有2个重要属性:
(1)name
可以优化页面被搜索到的可能性。name中可以指定属性,content是属性值。
<html> <head> <meta name="keywords" content="python,编程"> <!- 搜索引擎的关键字说明 -> <meta name="description" content="学习python编程"> <!- 搜索引擎说明主要内容 -> <meta name="generator" content="python.exe"> <!- 向页面说明生成的软件 -> <meta name="author" content="yupeigu"> <!- 向页面说明作者 -> <meta name="robots" content="all"> <!- 向页面说明限制搜索的方式 -> </head> </html>
(2)http-equiv
反馈给浏览器一些明确的信息,帮助浏览器更加精确的显示页面,会把content属性关联到http头。
<html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312"> </head> </html>
说明了这个页面使用的字符集是gb2312,如果浏览这个网页时,电脑中么没有gb2312字符集,浏览器会提示需要下载 汉语支持。
另外,http-equiv还有一些特殊的效果,下面代码可以实现网页定时跳转:
<html> <head> <title>网页跳转</title> <meta http-equiv="refresh" content="6; url=http://www.baidu.com"></meta> </head> <body> 6秒后,网页会自动跳转到 www.baidu.com ... </body> </html>
效果就像在网页中显示的一样,http-equiv设置为刷新,内容是6秒钟,要刷新到 百度首页。
2、link
给页面定义了一个外部文件的链接,可以用来链接外部的css样式,比如:
<html> <head> <link rel="stylesheet" type="text/css" href="/html/csstest1.css" > </head> </html>
其中rel属性指出被链接的文档是一个样式表,类型是css,链接是文件: /html/csstest1.css
3、base
定义页面所有链接的基础定位,确保文档中所有的相对url,都能分解成正确的文档地址:
<html> <head> <base href="http://blog.csdn.net/"> <base target="_blank"> </head> <body> <a href="sqlserverdiscovery/">我的blog</a> </body> </html>
点击超链接,就会跳转到 我的csdn博客,base标签类似于基础路径,合并之后就是:http://blog.csdn.net/sqlserverdiscovery/
另外,target属性指定了在何处打开这个链接,_blank就是弹出新的网页,而不是在当前网页中显示。
4、style
style定义css样式,比如:
<style type="text/css"> .style1 { font-size: 20px; font-weight: bold; color: #FFFFFF; } </style>
上面定义了class属性值为 style1的标签的样式,包括:文字大小,粗体,字的颜色。
5、script
用来定义页面中的脚本,比如:javascript脚本,通过这个标签就可以放到html中:
<script type="text/javascript"> </script>
6、title
title用来定义网页的标题,也就是网页的名字,如果不定义,就显示Untitled Document。
<!DOCTYPE html> <html> <head> <title>网页的名字</title> </head> </html>
7、body
body标签定义了网页主体内容的开始、结束,也就是大家在浏览器中看到的网页内容,另外,大部分的标签都能放到body标签中。
<!DOCTYPE html> <html> <head> <title>网页的名字</title> </head> <body> 这里是网页的内容,是网页的关键。 </body> </html>