html制作网页的框架 第1篇
在文件内写入如下代码：
样式代码的相关解释如下：
body代码解释：
相关的代码后面会直接套用所以不进行二次解释，请好好阅读
重命名为在浏览器打开可以看到如图：
默认缩放100%时，左边距为550px，内部是高550px，宽1100px的一个红色色块，且浏览器缩放时保持默认居中。
通过刚刚的操作，我们相当于拥有了一块高550宽1100的画布，然后我们就可以根据自己的需求在这块画布上布置自己的网页框架，常见的框架有如图几种：
我们需要做的就是在div内设置其他的div，通过css调整div的布局，以此来建立框架，后文我将以图中A样式进行框架搭建
这里我们可以看到，我们在div1里增加的其他的div，总共6个，并且在玫瑰div内显示对应的div数字，接下来添加对应的5个div的css样式
其中关于div5和div6的float:left是(左浮动)他使得指定元素脱离普通的文档流而产生的特别的布局特性。并且FLOAT必需应用在块级元素之上,这样只要把宽高设置明确，我们就不会看到div1这个背景，而且可以实现div的左右分布
其次，大家可以发现原本div1我设置的高度为550px，但是里面的各div高度加起来已经超过了550px，那么效果会是什么样子呢？
如图：
该页面我缩放为浏览器的70%，可以看到高度超出原本的div1设置并不影响页面布局，且我们看不到div1设置的红色背景，就是说我们在设计框架时内部的div宽高大于外部时是不会显示出外部div的，而内部div小于外部div时我们会看到外部div，因此我们可以在实际设计页面的时候根据需要设置不同div宽高实现不同效果。
html制作网页的框架 第2篇
前面讲的都是框架的相关知识，那我们的主线还是不变的——做一个网页，登录这种东西必然是少不了的，这里就简单的做一个登录的框架，具体的内容下期再讲。
既然是一个网页界面，简陋点来说，就是一个大背景底色弄一下，然后右边来一个小框架，在框架当中再弄具体的登录内容。
这里还好，不是很多，也就是框架的颜色填充，位置确定和层级问题。
理清思路和知识点就好写多了。
效果图：
有一点要注意一下就是那个两个框架的嵌套……
好啦，这篇到这里就结束啦，一起努力进步喵！
html制作网页的框架 第3篇
首先，我们要知道这个框架是啥，目的又是啥。
现在的目标是做一个网页出来，所以其实还不是很全，不过后面会慢慢补充的。
在html中，这个框架用到标签是
这个里面的xxx就是自己定义名称啦，但是那个“.”不要忘掉哦。
注：这个是写在当中的。
调用方法非常简单，即在
当然啦，在调用的一个框架里面，再调用一个框架也是可以的。
调用之前，一定要先在
调用方面的语句怎么写就行了，调用很简单，重点在
先不要急着运行看效果如何，它现在这个样子出来是没有任何效果能看出来的，因为它这里仅仅是对这个框架长宽的定义。
它也不会有什么自带的描边啥的。
为了方便看效果，先讲这个背景颜色的填充。
其实框架的背景填充方式很多，这里只是单纯为了方便看效果，而说一下这个最简单的纯色填充。
在这里，填充用的是background，同样的，不能当初标签来用。
额，还有要说的一点就是，在HTML中，一种颜色的表达方式有很多。
法一：比如“#”+“72ECAD”，格式就是#加上一串数字和英文。
后面那一串奇怪的东西，其实是3个十六进制的数字，也就是对应了RGB中的红：256，绿：256，蓝：256。
html制作网页的框架 第4篇
写道这里，肯定有些人想要看看这样写出来的网页长什么样子，这个简单。
我们可以看到对于这个文档来说，它有个文件拓展名，也就是文件的后缀，现在的后缀是_.txt_，我们接下来要做的就是把_.txt_改成_.html_，双击打开即可。
改这个后缀呢，我们讲2种方法。
这个，大家都会吧，左键重命名。
选择“是”。
这样就得到了这么个文件，双击打开即可。（我这里用到是360浏览器，所以图标是这样的）
这个跟重命名差不多，同样通过左键打开文件的属性。
选择_是_之后，也就可以相应的得到这个文件了。
双击打开即可。
有些同志就是可能，哎呀，算了，我就放一下当前效果。
可以看到，我这里的网址 不是什么_http://_，这个是绝对路径，别人在网上输入你的这个绝对路径是找不到你写的这个网站滴。
继续写代码的话，把后缀改回来就行。
在手机的文件资源管理里面，也可以创建一个.txt文本，然后写代码，改成.html，打开后照样可以运行。
这个我之前亲手试过，包可以的好吧。
也可以电脑上写好发到手机上运行，一样的。
（但是手机上代码，相当麻烦……）