建设网站时，经常会遇到需要跳转页面的情况，例如我们的网站分中英文版本，网站程序索引页不是直接放在根目录下，而是分别放在“en”和“cn“目录中区分中英版本。
打开网站时，想直接跳转到en目录访问英文版，则需要使用跳转代码跳转后方可以访问。通过html代码跳转页面的详细步骤：
1、打开Dreamweaver，新建html页面；
2、创建成功后，会显示默认html网页模板代码；
3、在<head></head>中加入这样一行代码：<meta http-equiv="refresh" content="0.1url=/en">
4、其中，数值0.1是代表跳转时间为0.1秒，我们可以根据需求修改跳转时间的长短；“/en”代表要跳转到的目标目录；
5、以上步骤完成后，Ctrl+S保存网页，文件名命名为“index“，保存类型为“html”；
6、这样我们就保存了一个index.html的网页文件，将此文件通过FTP软件上传至服务器网站根目录下，输入域名打开网站，即可自动跳转到“en”目录。
<!DOCTYPE html><html>
<head>
<title>MyHtml.html</title>
<script type="text/javascript">
var tmp=1
function XX(){
var tab = document.getElementById("tab")
var span = document.createElement("span")
var tr = document.createElement("tr")
var select = document.createElement("select")
var textarea1 = document.createElement("textarea")
var textarea2 = document.createElement("textarea")
var textarea3 = document.createElement("textarea")
var textarea4 = document.createElement("textarea")
var inputDel = document.createElement("input")
select.add(new Option("css","cssEntryAddress"))
select.add(new Option("regex","regexEntryAddress"))
select.add(new Option("xpath","xpathEntryAddress"))
select.setAttribute("style", "width:80px")
textarea1.setAttribute("placeholder", "范例：")
textarea1.setAttribute("style", "width:130px")
textarea1.setAttribute("rows", "1")
textarea2.setAttribute("placeholder", "范例：")
textarea2.setAttribute("style", "width:155px")
textarea2.setAttribute("rows", "1")
textarea3.setAttribute("placeholder", "范例：")
textarea3.setAttribute("style", "width:155px")
textarea3.setAttribute("rows", "1")
textarea4.setAttribute("placeholder", "范例：")
textarea4.setAttribute("style", "width:155px")
textarea4.setAttribute("rows", "1")
inputDel.setAttribute("type", "button")
inputDel.setAttribute("value", "删除")
inputDel.setAttribute("class", "btn btn-info")
inputDel.setAttribute("style", "width:50px")
inputDel.setAttribute("onclick", "deltd(this)")
span.appendChild(select)
span.appendChild(textarea1)
span.appendChild(textarea2)
span.appendChild(textarea3)
span.appendChild(textarea4)
span.appendChild(inputDel)
tr.appendChild(span)
tab.appendChild(tr)
tmp++
}
function deltd(a){
a.parentNode.parentNode.removeChild(a.parentNode)
}
</script>
</head>
<body>
<form action="">
<input type="button" onclick="XX()" id="add" value="增加行"/>
<table id="tab">
</table>
</form>
</body>
</html>
这是代码
1、<center>代码... </center>
2、<div class="text" style=" text-align:center">
3、行内元素：text-align：center；
4、定宽块元素：margin：0 auto；
扩展资料：
由于未设定宽度值的块元素，载入时会继承父元素的宽度值，一开始所有的元素的宽度值都等于great-parent的宽度；
当执行“float=left；”时，parent的宽度值会被重新赋值，该值来自其内容的宽度；
parent中只有div，浏览器会计算div的大小，而div自身也没有设定宽度值，则继续计算div内部内容的大小，div内部有字符或者其他内容，div将计算这些内容的显示大小；
然后，div把这个值往上逐级返回到浏览器，浏览器再把这个值赋给parent的宽度值。
最后，由于parent的宽度值被重新赋值，div就再次继承parent的新的宽度值。parent的宽度=div的宽度=div内部内容的宽度。
