DW网页教程基础篇-网页怎么做成的浅解

2025-05-14 02:06:08

1、第一步,还是打开软件,建立一个HTML文档,然后在<body>和</body>之间添加你要显示的所有内容;

DW网页教程基础篇-网页怎么做成的浅解

2、绝大多数网页,都是由div换个标签(尖括号包含的就是标签)来标注出各个内容板块和区域,也可以说是,人的身体上的各个外在部位(眼睛、鼻子、嘴巴、耳朵、眉毛等等);网页多数都是左右结构,上下结构,或者上下左右一起用。

DW网页教程基础篇-网页怎么做成的浅解

3、接下来看一下代码:<body><div class="head" style="height:100px;width:100%; background-color:#C00;display:block"> <h1>菜单栏</h1> </div> <div class="body" style="height:500px;width:100%; background-color:#F60;display:block"> <h1>主题内容</h1> </div> <div class="footer" style="height:100px;width:100%; background-color:#999;display:block"> <h1>联系方式 版权</h1> </div></body>这里面有三个div标签分别给他们起了名字是:head、body、footer,(为什么用class给他们起名?这个你目前可以忽略,直接用就行了);1、从三个名称上能看出来我们把网页分为了三个大部分(其实电脑真的很笨,你必须要把所有细节都告诉他才行);2、至于每个每个div标签中都有一个style是干嘛的?装饰呗,高度,宽度,背景色,display干嘛的?定义这个div为一个盒子类型,去掉了可就显示不出啦了,还有其他的定义,目前也先别忙着研究3、这三个div都有结束标签</div>千万别乱包含在一起

DW网页教程基础篇-网页怎么做成的浅解
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢