HTML 做一个打开网页代码

HTML 做一个打开网页代码,第1张

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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7314689.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存