html的head区域中加上<script language="javascript">location.replace("http://192.168.1.201") </script>即可<html>
html代码如下:
<head>
<title>页面跳转</title>
<script language="javascript">location.replace("http://192.168.1.201") </script>
</head>
<body>
</body>
</html>
扩展资料:
网页HTML代码大全
文件类型 <HTML></HTML>(放在档案的开头与结尾)
文件主题 <TITLE></TITLE>(必须放在「文头」区块内)
文头 <HEAD></HEAD>(描述性资料,像是「主题」)
文体 <BODY></BODY>(文件本体)
(由浏览器控制的显示风格)
标题 <H?></H?>(从1到6,有六层选择)
标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
区分 <DIV></DIV>
区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文区块 <BLOCKQUOTE></BLOCKQUOTE>(通常会内缩)
强调 <EM></EM>(通常会以斜体显示)
特别强调 <STRONG></STRONG>(通常会以加粗显示)
引文 <CITE></CITE>(通常会以斜体显示)
码 <CODE></CODE>(显示原始码之用)
样本 <SAMP></SAMP>
键盘输入 <KBD></KBD>
变数 <VAR></VAR>
定义 <DFN></DFN>(有些浏览器不提供)
地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 <SMALL></SMALL>
与外观相关的标签(作者自订的表现方式)
加粗 <B></B>
斜体 <I></I>
底线 <U></U>(尚有些浏览器不提供)
删除线 <S></S>(尚有些浏览器不提供)
下标 <SUB></SUB>
上标 <SUP></SUP>
打字机体 <TT></TT>(用单空格字型显示)
预定格式 <PRE></PRE>(保留文件中空格的大小)
预定格式的宽度 <PRE WIDTH=?></PRE>(以字元计算)
向中看齐 <CENTER></CENTER>(文字与图片都可以)
看天使经验的人应该都是有一定编程基础的人,天使就不一一介绍怎么打开vs2008了。点击【文件】【新建文件】【常规】【HTML页面】【打开】如图所示,新建了一个空白的html页面,拆分视图
设置页面body样式信息
【-webkit-touch-callout: none-webkit-text-size-adjust: none】
是防止用户复制和保存图片,只支持iphone、ipad、android
设置页面的宽度和高度
【.page-content{background:-webkit-linear-gradient(#2F5A53,#6CA199)top:352pxmin-height:550px_height:550pxwidth:640px}】
【关键点】
新建一个div标签,样式使用page-content
在段落标记<p>里面输入文字信息,这里天使就不排版了,主要是教大家方法,然后保存网页
将网页上传到服务器目录下
输入网站域名,在电脑上访问可以看见如图所示效果,只有左侧部分
我们使用手机访问,得到如图所示效果,就不会像直接书写html代码一样文字很小
完整代码
【
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="format-detection" content="telephone=no" /> <title>不落泪的天使</title></head><body ><div style="margin: 0pxpadding: 5pxborder: 1px solid rgb(204, 204, 204)max-width: 100%font-size: 16.363636016845703pxfont-family: 宋体line-height: 26.666667938232422pxbackground-color: rgb(248, 247, 245)word-wrap: break-word !importantbox-sizing: border-box !important"><span style="max-width: 100%word-wrap: break-word !importantbox-sizing: border-box !importantcolor: rgb(57, 57, 57)font-family: 微软雅黑font-size: 14px">不落泪的天使</span></div></body></html>
】
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)