几个无聊的列表

 <div>
        <h3> IT培训课程</h3>
        <ul style="list-style: none;">
            <li><a href="#">互联网营销培训</a></li>
            <li>SEO网站运营培训</li>
            <li>SEM与信息流培训</li>
            <li>新媒体运营培训</li>
            <li>高端电商培训</li>
            <li>UI/UE交互涉及培训</li>
            <li>JAVA培训</li>
        </ul>
    </div>
    <br><br><br>
    <hr>
    <br><br><br>
    <!-- task4 -->
    <div>
        <h4>热门推荐</h4>
        <ol>
            <li>哈佛女孩公开高效学习方法</li>
            <li>李诞自爆靠幽默追到女神</li>
            <li>刷爆朋友圈理性护肤之南</li>
            <li>如何让家庭不为钱困扰？</li>
            <li>告别无效健身3步甩掉肚腩</li>
            <li>兼职写作稿费如何过千元</li>
            <li>高情商如何避免冷场尬聊</li>
            <li>拥有优质睡眠只需20分钟</li>
            <li>北大教授强推的62本好书</li>
            <li>他手机拍照怎么这么优秀</li>
        </ol>
    </div>
    <br><br><br>
    <hr>
    <br><br><br>
    <!-- task5 -->
    <div>
        <h3>小组分类</h3>
        <dl>
            <dt>兴趣》</dt>
            <dd>
                <a href="#">旅行</a>
                <a href="#">摄影</a>
                <a href="#">音乐</a>
                <a href="#">文学</a>
                <a href="#">游戏</a>
                <a href="#">动漫</a>
                <a href="#">运动</a>
                <a href="#">戏曲</a>
                <a href="#">桌游</a>
                <a href="#">怪癖</a>
            </dd>
           <dt>生活》</dt>
           <dd>
                <a href="#">健康</a>
                <a href="#">美食</a>
                <a href="#">宠物</a>
                <a href="#">美容</a>
                <a href="#">化妆</a>
                <a href="#">护肤</a>
                <a href="#">服饰</a>
                <a href="#">公益</a>
                <a href="#">家庭</a>
                <a href="#">育儿</a>
                <a href="#">汽车</a>
           </dd>
           
        </dl>
        <dt>购物》</dt>
        <dd>
            <a href="#">淘宝</a>
            <a href="#">二手</a>
            <a href="#">团购</a>
            <a href="#">数码</a>
            <a href="#">品牌</a>
            <a href="#">文具</a>
            </dd>
        <dt>社会》</dt>
        <dd>
            <a href="#">求职</a>
            <a href="#">租房</a>
            <a href="#">励志</a>
            <a href="#">留学</a>
            <a href="#">出国</a>
            <a href="#">理财</a>
            <a href="#">传媒</a>
            <a href="#">创业</a>
            <a href="#">考试</a>
        </dd>
        <dt>设计》</dt>
        <dd>
            <a href="#">设计</a>
            <a href="#">手工</a>
            <a href="#">展览</a>
            <a href="#">曲艺</a>
            <a href="#">舞蹈</a>
            <a href="#">雕塑</a>
            <a href="#">纹身</a>
        </dd>
        <dt>学术》</dt>
        <dd>
            <a href="#">人文</a>
            <a href="#">社科</a>
            <a href="#">自然</a>
            <a href="#">建筑</a>
            <a href="#">国学</a>
            <a href="#">语言</a>
            <a href="#">宗教</a>
            <a href="#">哲学</a>
            <a href="#">软件</a>
            <a href="#">硬件</a>
            <a href="#">互联网</a>
        </dd>
        <dt>情感》</dt>
        <dd>
            <a href="#">恋爱</a>
            <a href="#">心情</a>
            <a href="#">星座</a>
            <a href="#">塔罗</a>
            <a href="#">LES</a>
            <a href="#">GAY</a>
        </dd>
        <dt>闲聊》</dt>
        <dd>
            <a href="#">吐槽</a>
            <a href="#">笑话</a>
            <a href="#">直播</a>
            <a href="#">八卦</a>
            <a href="#">发泄</a>
        </dd>
    </div>