您的位置首页百科问答

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

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

的有关信息介绍如下:

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

因为能看这篇文档的都是新人,这里劝告一句:不要钻牛角尖,学习编程的过程中很多不明白的地方,先跟着教程做然后再善于总结,不要纠结一个东西非得弄明白;言归正传!在上次的Hello world之后,本文只是为了告诉那些啥都不了解的还没有入门的伙伴们初步了解一下网页是怎么建立的,看到的网页内容怎么编写的,很多小伙伴看到那么多代码就晕头,我们一起看看吧

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

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

接下来看一下代码:

菜单栏

主题内容

这里面有三个div标签分别给他们起了名字是:head、body、footer,(为什么用class给他们起名?这个你目前可以忽略,直接用就行了);

1、从三个名称上能看出来我们把网页分为了三个大部分(其实电脑真的很笨,你必须要把所有细节都告诉他才行);

2、至于每个每个div标签中都有一个style是干嘛的?装饰呗,高度,宽度,背景色,display干嘛的?定义这个div为一个盒子类型,去掉了可就显示不出啦了,还有其他的定义,目前也先别忙着研究

3、这三个div都有结束标签

千万别乱包含在一起

而这里的代码是干嘛的?你最好先看看跟上面的div相互包含有什么不同?

菜单栏

左边内容

右边内容

这里在主体class="body"的div中有加了两个div盒子(层)来定义主体的左右结构内容,看到这里,你在去看看任何一个网站,鼠标放在网页里右键“查看源代码”去多看看,是否所有网站都是这样来的呢