html基本结构框架代码 html怎么做网页框架
大家好，感谢邀请，今天来为大家分享一下html基本结构框架代码的问题，以及和html怎么做网页框架的一些困惑，大家要是还不太明白的话，也没有关系，因为接下来将为大家分享，希望可以帮助到大家，解决大家的问题，下面就开始吧！
html的基本框架是什么
1、html文件是最常见的网页文件，所谓HTML是超文本标记语言（HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
2、html文件的编辑非常简单，使用文本编辑器就可以打开，也可以使用editplus，vim，notepad++，ultraEdit等等编辑工具打开，打开就可以直接看到源码，也可以进行编辑修改。
3、html是网页设计和编程的基础，只要掌握了HTML的基本标签的用法，相对来说还是比较简单的，学习难度并不大的。WEB端编程中，难度较大的在于JavaScript这一块。
4、希望对你有帮助，祝你学有所得。
什么是html混合框架结构
框架和混合是指的承重方式不同，造价方面混合的也要便宜不少。抗震方面混合的也比框架要差，所以差别大了，四川地震倒塌的都是混合结构的，框架的不会一下子全塌的。要维护自己的权利
框架结构是指由梁和柱以刚接或者铰接相连接而成构成承重体系的结构，即由梁和柱组成框架共同抵抗适用过程中出现的水平荷载和竖向荷载。采用结构的房屋墙体不承重，仅起到围护和分隔作用，一般用预制的加气混凝土、膨胀珍珠岩、空心砖或多孔砖、浮石、蛭石、陶粒等轻质板材等材料砌筑或装配而成。
框架结构的特点
(1)框架的连接点是刚节点，是一个几何不变体。
(2)在竖向荷载作用下，框架的变形及弯矩图见图2-11。由于梁、柱互相约束，横梁的跨中弯矩比简支梁小。
(3)在水平力作用下，框架的变形及弯矩见图2-12，与排架结构相比，由于梁柱的刚接可提高柱子的抗推刚度，从而框架的水平变形比排架小。
优点
(1)框架结构所用的钢筋混凝土或型钢有很好的抗压和抗弯能力，因此，可以加大建筑物的空间和高度。
(2)可以减轻建筑物的重量。
(3)有较好的抗震能力。
(4)有较好的延性。
(5)有较好的整体性。
缺点
因构件截面尺寸不可能太大故承载力和刚度受到一定限制，因此房屋的高度受到限制
html框架如何实现左边为导航栏,右边为连接页面,代码写出来
<head>
<title>如何实现左边为导航栏点击后右边为连接页面</title>
<meta charset="gbk">
<script type="text/javascript">
function setTab(m,n){
var tli=document.getElementById("leftmenu"+m).getElementsByTagName("li");
var mli=document.getElementById("mcont"+m).getElementsByTagName("ul");
for(i=0;i<tli.length;i++){ tli[i].className=i==n?"hover":"";
mli[i].style.display=i==n?"block":"none";}}
</script>
<style type="text/css">
.aa{ width:120px; float:left;}
.aa li{ padding:5px; background:#ff0000; cursor:pointer;border:1px solid;}
.bb{ width:500px;height:200px; float:left; background:pink;}
.bb ul li{list-style:none;}
#leftmenu0{list-style:none;margin:0;}
</style>
</head>
<body>
<div class="aa">
<ul id="leftmenu0">
<li class="hover"οnclick="setTab(0,0)">nav1</li>
<liοnclick="setTab(0,1)">nav2</li>
<liοnclick="setTab(0,2)">nav3</li>
<liοnclick="setTab(0,3)">nav4</li>
<liοnclick="setTab(0,4)">nav5</li>
</ul>
</div>
<div id="mcont0" class="bb">
<ul class="block" style="display: block">
<span>content1</span>
<li>你的内容</li></ul>
<ul class="block" style="display: none">content2</ul>
<ul class="block" style="display: none">content3</ul>
<ul class="block" style="display: none">content4</ul>
<ul class="block" style="display: none">content5</ul>
</div>
</body>
</html>
扩展资料
ifame实现左侧导航栏右侧内容
1、在jsp文件的<head>中加入：
<style>
html,body{margin:0px;height:100%;}
</style>
才能使页面中的<div>设置height：100%起作用。100%是根据其父布局来确定的，所以必须确定父布局的高度。
而width：100%则可自动布满整个页面。
2、<divid="main"style="width:100%;height:100%;">
<divid="left"style="float:left;width:200px;height:100%;">
<arel="external nofollow" href="userlist.do"target="frame"><li>用户管理</li></a>
<arel="external nofollow" rel="external nofollow" href=""target="frame"><li>角色管理</li></a>
<arel="external nofollow" rel="external nofollow" href=""target="frame"><li>权限管理</li></a>
</div>
<divid="right"style="height:100%;width:auto;margin-left:200px;">
<iframeid="iframe"name="frame"scrolling="no"frameborder="0"height="100%"width="100%"></iframe>
</div>
</div>
float:left用于实现左右两个div并列。
更改iframe的src实现时，要注意是name属性，不是id属性。
关于html基本结构框架代码，html怎么做网页框架的介绍到此结束，希望对大家有所帮助。