百度“查看网页源码”,有很多支持查看网页源码的在线站点
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:
简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html charset=utf-8">
<title>贵美商城</title>
<link rel="stylesheet" type="text/css" href="css/global.css">
<link rel="stylesheet" type="text/css" href="css/layout.css">
<script type="text/javascript">
// snameCheck() && passCheck()
function validateform(){
if(snameCheck() && passCheck())
return true
else
return false
}
// Screen Name Validation
function snameCheck(){
var sname = document.getElementsByName("sname")[0].value
var illegalChars = /\W/
if(sname.length != 0){
if(illegalChars.test(sname)){
document.getElementById("passMsg").innerHTML.replace(/'会员名无效'/,'')
document.getElementById("passMsg").innerHTML='会员名无效'
document.getElementsByName("sname")[0].select()
return false
}
}
else
{
document.getElementById("userMsg").innerHTML.replace(/'是否忘记输入会员名?'/,'')
document.getElementById("userMsg").innerHTML='是否忘记输入会员名?'
document.getElementsByName("sname")[0].focus()
return false
}
if(sname!=="zhangsan"){ //验证会员名必须为张三
document.getElementById("userMsg").innerHTML.replace(/'是否输入的会员名有错?'/,'')
document.getElementById("userMsg").innerHTML='是否输入的会员名有错?'
document.getElementsByName("sname")[0].focus()
return false
}
return true
}
function passCheck(){
var userpass = document.getElementsByName("pass")[0].value
var illegalChars = /[\W_]/// allow only charactors and numbers
// Check if Password field is blank.
if(userpass == ""){
document.getElementById("passMsg").innerHTML.replace(/'未输入密码 \n" + "请输入密码'/,'')
document.getElementById("passMsg").innerHTML='未输入密码 \n" + "请输入密码'
document.getElementsByName("pass")[0].focus()
return false
}
// Check if password length is less than 6 charactor.
if(userpass.length < 6){
document.getElementById("passMsg").innerHTML.replace(/'密码必须多于或等于 6 个字符。\n'/,'')
document.getElementById("passMsg").innerHTML='密码必须多于或等于 6 个字符。\n'
document.getElementsByName("pass")[0].focus()
return false
}
//check if password contain illigal charactors.
else if(illegalChars.test(userpass)){
document.getElementById("passMsg").innerHTML.replace(/'密码包含非法字符'/,'')
document.getElementById("passMsg").innerHTML='密码包含非法字符'
document.getElementsByName("pass")[0].select()
return false
}
if(userpass!=="123456"){ //验证密码必须为123456
document.getElementById("passMsg").innerHTML.replace(/'密码错误,请重新输入!'/,'')
document.getElementById("passMsg").innerHTML='密码错误,请重新输入!'
document.getElementsByName("pass")[0].focus()
return false
}
return true
}
</script>
<script type="text/javascript" charset="utf-8" src="http://cdn.gwdang.com/js/gwdang-notifier-bdext.js"></script></head>
<body>
<div id="container">
<iframe id="header" src="header.htm" width="980" height="136" frameborder="0" scrolling="no"></iframe>
<form action="login_success" method="post">
<div class="login">
<ul class="form f_l">
<h1><img src="images/logintitle.gif" alt="会员登录"></h1>
<li class="login_list"><label>会员名:</label><input type="text" name="login">(可包含 a-z、0-9 和下划线)</li>
<li class="login_list"><label>密&nbsp&nbsp&nbsp码:</label><input type="text" name="pwd">(至少包含 6 个字符)</li>
<li class="a_c"><img src="images/login.gif" alt="登录"></li>
<li class="desc">δ&nbsp&nbsp<a href="#">什么是安全登录</a>。</li>
<li class="desc">δ&nbsp&nbsp香港会员(繁体中文用户)由此<a href="#">登入</a></li>
<li class="desc">δ&nbsp&nbsp<a href="#">密码安全贴士</a>。</li>
<li class="desc">δ&nbsp&nbsp防止病毒或者木马窃取您的账户信息,<a href="#">在线检查</a>您的电脑是否安全。</li>
</ul>
<h1><img src="images/register.gif" alt="注册会员"></h1>
<ul class="aside f_l">
<li class="regpic"><span>便宜有好货!</span>超过7000万件商品任您选。</li>
<li class="regpic regpic2"><span>买卖更安全!</span>交易超安全。</li>
<li class="regpic regpic3"><span>免费开网店!</span>轻松赚钱交友。</li>
<li class="regpic regpic4"><span>超人气社区!</span>彩活动每一天</li>
<li class="a_c"><a href="#"><img src="images/registernow.gif" alt="现在就注册"></a></li>
<ul class="reged">
<li class="regpic regpic5">您已经是会员?<a href="#">由此登入</a></li>
<li class="regpic regpic6">繁体中文用户由此<a href="#">注册</a></li>
</ul>
</ul>
</div>
</form>
<iframe id="footer" src="footer.htm" width="980" height="136" frameborder="0" scrolling="no"></iframe>
</div> <!--container end-->
<div class="_bd_ext_tip" style="visibility: hidden"><span class="_bd_ext_search">百度一下</span><span class="_bd_ext_open">打开链接</span><span class="_bd_ext_copy">复制</span></div></body></html>
如下参考:
1.首先,在您的计算机桌面上创建一个新文件夹,然后在该文件夹中创建一个新的文本文档。
2.然后用记事本双击打开文本文档,如下图所示,然后编写一个简单的HTML代码。
3.点击“另存为”功能选项,显示默认的“另存为”代码为ANSI。
4.我们将把编码和文件名更改回图中所示的图像并保存它。
5.然后回到新创建的文件夹,找到一个额外的HTML文件。
6.最后,使用浏览器打开HTML文件。结果如图所示。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)