前端学习——body标签

关于前面的都是大部分的标签内容

但是就像衣服一样，除了要有，还要放到适当的位置

我们先来看看一下网页的布局：

就可以看出来，网页都是一块一块的，而像这种分块的操作，就像是一个盒子一个盒子的紧凑拼接

那我们这节讲的就是用来拼凑的盒子——div&span

div&span

在网页制作中，我们可以把一些独立的逻辑部分划分出来，放在一个div标签中

这个<div>标签的作用就相当于一个容器,把我们想要的内容给装起来

div的意思是division “分割”的意思，span的意思是“范围、跨度”

首先，在使用div标签的使用，我们要确定哪儿是逻辑部分？

它是页面上相互关联的一组元素。如网页中农的独立的栏目板块，就是一个典型的逻辑部分

就像图中用红线框出的部分就是一个逻辑部分，那么我们就可以使用<div>标签作为容器

写个代码例子吧：

<div>

    <div>

        <h2>热门学科</h2>

        <ul>

            <li>python</li>

            <li>web前端</li>

            <li>linux</li>

            <li>go</li>

        </ul>

    </div>

    <div>

        <h2>学科排名</h2>

        <ol>

            <li>web前端</li>

            <li>python</li>

            <li>go</li>

            <li>linux</li>

        </ol>

    </div>

</div>

你会发现没什么区别，那是因为这现在只是个盒子，等到将他套上小装饰，它的作用就出来了！

其实你发现我有好多属性都没有写，比如textarea的对字数的限制啊，对行数的限制啊

图片对大小的控制啊，等比例缩放啊

... ....

没说的有很多！为什么？一是这些属性不碰到特定的情况理解不上去，碰到了就指定会跟你说

二是，里面有一些是关于CSS的相关知识，既然是html那么就是html，纯粹的html！

而这最主要的第三点，就是想让你，自己去百度上查阅一下相关的资料

自主学习，总比别人嚼碎了喂你要记得清楚！

*****
*****

巴特西

前端学习（六）：body标签（四）

进击のpython

前端学习——body标签

div&span

最新文章

热门文章