zoukankan      html  css  js  c++  java
  • 前端学习(六):body标签(四)

    进击のpython

    *****

    前端学习——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!

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

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


    *****
    *****
  • 相关阅读:
    负载均衡算法实现方式
    TCP三次握手和四次挥手
    深度解析Java内存原型
    缓存击穿、缓存穿透和缓存雪崩
    uni-app分包加载
    vuex的使用
    在web中打开exe程序并传参
    Vue 中引用高德地图
    .Net Core 从MySql数据库生成实体类 Entity Model
    vs2017 创建项目推送到Git上
  • 原文地址:https://www.cnblogs.com/jevious/p/11502890.html
Copyright © 2011-2022 走看看