html制作网页综述,html基础开发综述（一）

1 HTML页面内容反向显示

默认的HTML页面内容 是从左到右显示 当我们在html标签中设置 属性 dir的值为 rtl 后，那么页面的内容就会右对齐的方式，也就是从右向左开始显示， 那么这里的rtl  可以理解为 right to left ,当把dir 的值 设置 为 ltr (left to right )后 ，页面的显示 内容 就会成为从左向右的显示

无标题文档

this is my page show text right to left or left to right

效果图 1.0

2. 设置页面的自动最大化

使用screen对象，来控制窗口， 使用screen.availWidth 来设置允许屏幕的最大宽度，screen.availHeight来设置允许的最大高度

无标题文档

this is my page show text right to left or left to right

//定位左上角

self.moveTo(0,0);

//调整屏幕

self.resizeTo(screen.avaliWidth,screen.avaliHeight);

3. 设置页面的自动刷新

设置页面自动刷新，我们可以设置页面自动 刷新后停止在当前页面，也可以高寒刷新后将要跳转的页面，设置的方法就是在meta标签中，设置属性“HTTP-EQUIV”的值为"refresh"   ,同时可设置属性content 和url  ，content的值表示页面将要在几秒后进行跳转。URL表示将要跳转的页面

无标题文档

this is myPage to show refresh page

注：这里我们是设置了三秒后进行页面刷新，刷新的结果是自动跳转到百度页面

图 3

4 控件页面的浏览记录的前进与后退以及刷新页面

无标题文档

function bakc(){

history.go(-1);//后退一页

}

function forward(){

history.go(+1);//前进一页

}

function refresh(){

history.go(-0);//刷新页面

}

图 4

这里是先在页面上 显示 了三个基本的按钮，然后设置其点击事件用来调用 js中的相关控制函数 ，其中js中使用到了history对象，其是用来存储浏览器的历史记录的，其参数为正数的进修，表示前进页面，负数表示后退页面，