为了账号安全,请及时绑定邮箱和手机立即绑定

html初级

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>div标签</title>

</head>

<body>

    <h2>热门课程排行榜</h2>

    <ol>

        <li>前端开发面试心法 </li>

        <li>零基础学习html</li>

        <li>javascript全攻略</li>

    </ol>

    <h2>最新课程排行</h2>

    <ol>

        <li>版本管理工具介绍—Git篇 </li>

        <li>Canvas绘图详解</li>

        <li>QQ5.0侧滑菜单</li>

    </ol>

</body>

</html>

请问下这里使用div标签该遵循怎样的规则?又怎样才能最为简练?就是哪里该简练哪里不能省,求问思路。

正在回答

2 回答

div的用法就是普通的标签一样用,<div>...</div>,它的作用在前面的学习体现不出来的,在后面学习样式之后就可以体现出来了,你可以试试这段代码。在<head></head>中添加

<style type="text/css">

div{color:red}

</style>在h2前后添加<div></div> 

1 回复 有任何疑惑可以回复我~

div就是将代码主体内容分为几个版块,就像你平时看网页一样。针对这个代码而言,可以用一个div,将body的内容都放在一起;也可以分为两部分,热门课程排行榜一块,最新课程排行一块。个人喜欢第二种,让人看了简洁明了

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)
  • 参与学习       1231939    人
  • 解答问题       19087    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号