<!DOCTYPE html>
<html>
<!--
作者:方熙林
时间:2018-05-28
描述:1.告诉浏览器HTML文档的开始和结束。
HTML文档中的内容都要在HTML标签中
-->
<head>
<!--
作者:方熙林
时间:2018-05-29
描述:1.<head></head>标签内的东西都不会直接显示在网页主体内容中,它会作为网页的标题显示。
-->
<meta charset="UTF-8">
<!--
作者:方熙林
时间:2018-05-29
描述:<meta>标签用于设置网页信息,其中包含开发网页过程中的信息
charset属性是指该界面采用的是UTF-8编码技术,与eclipse中的UTF-8编码类似
若没有声明UTF-8编码网页中的中文部分会出现乱码的情况
-->
<meta name="generator" content="HBuilder" />
<!--
generator "发电器"
作者:方熙林
时间:2018-05-29
描述:在<meta>标签中定义一个name属性generator ,这个属性的值为HBuilder
-->
<meta name = "author" content="Mr fang" />
<!--
作者:方熙林
时间:2018-05-29
描述:在<meta>标签中定义一个name属性author ,这个属性的值为Mr fang
-->
<meta name = "keywords" content="value,valse,ppt" />
<!--
作者:方熙林
时间:2018-05-29
描述:在<meta>标签中定义一个name属性keyword ,这个属性的值为value,valse,ppt。这个地方设置的事关键字
用于搜索引擎对界面的搜索。关键字与关键字之间用“,”隔开
-->
<meta name = "description" content="这是一个用于练习的界面"/>
<!--
description “描述”
作者:方熙林
时间:2018-05-29
描述:搜索引擎在评价页面与用户搜索关键字的相关度时,除了分析关键字外还会分析内容。
描述可以提高页面搜索引擎的排名
-->
<!--<meta http-equiv="refresh" content="3;URL = http://www.baidu.com" />-->
<meta http-equiv="refresh" content="2" />
<!--
refresh “刷新”
作者:方熙林
时间:2018-05-29
描述:告诉界面需要刷新,刷新时间间隔为2秒
-->
<meta http-equiv="refresh" content="20;URL = http://www.baidu.com" />
<!--
作者:Mr fang
时间:2018-05-29
描述:让界面在原始界面上停留3s,然后跳转到指定URL地址。
(在谷歌浏览器中)其中若同时存在两个刷新语句,最终网页界面最终只会执行第一个刷新语句,这里的刷新语句执行的始终是
<meta http-equiv="refresh" content="2" />这条语句
(在IE浏览器中)执行<meta http-equiv="refresh" content="3;URL = http://www.baidu.com" />这条语句
-->
<base href="img/">
<!--<base target="_blank" />-->
<!-- <base target="_parent" />-->
<!--<base target="_top" />-->
<!--
作者:方熙林
时间:2018-05-29
描述:通过base href标签将基地址设为web项目里面的“img/”在后续展示qq图片的时候只需
<img src="qq.png" />就可直接显示qq图片。实际上整个qq图片的路径为img/qq.png,由于基地址是img/
所以现在地址只需写qq.png。
base target标签设置在何处打开链接,这里的target的可选参数有
“-blank” 在新窗口打开被链接文档
“-self” 默认,在相同的框架中打开被链接文档
“-parent” 在父框架集中打开被链接文档
“-top” 在整个窗口中打开被链接文档
“framename”在指定框架中打开被链接文档 (目前不知道怎么使用)
-->
<title>设置网页的标题</title>
<!--
作者:Mr fang
时间:2018-05-29
描述:1.浏览者保存该页面时成为默认的保存文件名。
2.添加进收藏夹时成为收藏夹中该网址的名称
3.方便搜索引擎界面
4.搜索引擎界面往往是网页<title>标签的内容
-->
</head>
<body text="red" bgcolor="navajowhite" background="tabel.png" bgproperties="fixed" link="black">
<!--
作者:Mr fang
时间:2018-05-29
描述:“text” 设置文本的颜色
“bgcolor” 设置界面背景颜色
“background” 设置界面背景图片,其中设置的背景图片会覆盖掉设置的背景颜色,background属性覆盖bgcolor属性。
“bgproperties” bgproperties = "fixed"或空
如果为fixed,那么这个元素就会作为水印而不随文件的滚动移动
如果为空,就会随滚动而移动
重点是这个属性仅有IE支持,只能在标签中直接设置,且貌似只支持Body (已验证)
建议使用:background-attachment:fixed;(这是CSS中的属性)
这个的效果与bgproperties = "fixed"全等且全浏览器通用的
“link” 定义页面默认的链接颜色
“alink” 定义鼠标正在但即使链接的颜色
“vlink” 定义访问过的链接的颜色
默认情况下,未单击的链接其文字颜色是蓝色的,用鼠标单击链接时文字颜色是红色的,访问过后文字颜色变成紫色。
-->
开始执行HTML文档的主体内容
<br />
<!--
作者:Mr fang
时间:2018-05-29
描述:<br />单标签,表示换行的意思。单标签的写法<br />
-->
<hr />
<!--
作者:方熙林
时间:2018-05-29
描述:创建一条水平线。单标签的通用写法<标签名 />
-->
<h1>没有使用属性之前的文本。</h1>
<h2>没有使用属性之前的文本。</h2>
<h3>没有使用属性之前的文本。</h3>
<h6>编辑器所给的最小字号(h6)文本</h6>
<h7>自己猜测瞎写的最小h7文本</h7>
<!--<br />-->
<h8>自己猜测瞎写的最小h8文本</h8>
<br />
<h13>自己猜测瞎写的最小h13文本</h13>
<h3><h1>没有使用属性之前的文本。</h1></h3>
<h1 align="center" >使用align属性居中之后的文本。</h1>
<h1 align="left">使用align属性left之后的文本。</h1>
<h1 align="right">使用align属性right之后的文本。</h1>
<h1 align="up">使用align属性up之后的文本。</h1>
<h1 align="down">使用align属性down之后的文本。</h1>
<!--
作者:方熙林
时间:2018-05-29
描述:h1---h6是系统拥有的字体大小,过了h6之后的文本大小属性都是一样的,eg:h7,h8,h13的大小样式基本
没有任何区别。且h1---h6修饰的文本都是默认自动换行,h1---h6中的文本只能左右移动,不能上下移动。同时在设置属性时
属性的值最好全部写在“”中,虽说有些属性不需要写在“”中,为了简便,少记一点东西,最好全部写在“”中。
浏览器在解析标题标签时,会将标题内容设为一个段落(与段落标签<p>功能很像),字体设为黑体。
-->
<!--var c = 0;
c++;-->
<img src="qq.png" />
<a href="http://www.baidu.com">百度主页</a>
<script src="js/Test1.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
var i=80;
document.write(i)