构建一个基本HTML页面的架构
{lamp/}
<!DOCTYPE HTML> <!--文档声明-->
<html> <!--html标签对-->
<head> <!--页头标签,是网页的头部,用于定义一些特殊的内容,如页面标题,定时刷新,外部文件等,一般只有6个特殊的标签才能放在head标签内
1.title标签 定义网页标题
2.meta标签 定义页面的特殊信息,如页面关键信息,页面描述等,不是提供给用户看的,而是提供给搜索引擎的蜘蛛看的,且有两个重要属性:
1.name 其中name的属性取值:
1.keywords 网页的关键字,可以是多个
2.description 网页的描述
3.author 网页作者
4.copyright 版权信息
但在实际开发中,只会用到keywords和descnption这两个标签,
语法 <meta name="属性值=" content="内容"/>
2.http-equiv 其中http-equiv的属性只有两个重要作用:定义网页所使用的编码,定义网页自动刷新网页
1.定义当前网页编码语法 <meta http-equiv="Content=Type" content="text/html: charaset=utf-8"/>,告诉浏览器该页面使用编码为utf-8
但在html5标准中此语法可以缩写为 <meta charset="utf-8"/>
2.网页自动刷新跳转语法 <meta http-equiv=“refersh” content="6,url=https://www.lic10.cn"/>,代表6秒后自动跳转到设置的页面上,
小广告的自动跳转就是这样实现的
3.tink标签
4.style标签
5.script标签
6.base标签 毫无意义的标签,只需要知道有这个标签就行-->
<meta charset="utf-8"/> <!--该页面使用utf-8编码-->
<title>我的第一个自编写个人网页</title> <!--这是网页的标题,定义页面的标题,是显示在浏览器栏目的标题,而不是文章标题-->
</head>
<body> <!--页身标签是网页的身体,对于网页来说,大部分的代码都是在此
标签里面去编写的,与head不同,其他大部分标签都是放在标签中-->
<p>欢迎访问我的网站,网站正在建设中</p> <!--这是网站的内容-->
</body>
</html> <!--html标签对-->
评论